A Gatsby plugin to integrate Ecoindex Badge to your pages

Real name: gatsby-plugin-ecoindex-v2

This project aims at proposing a badge to be easily integrated to your web pages. This badge will display the Ecoindex score of the web page on which it is integrated and will redirect the user to the Ecoindex score details page.

Installation

npm i gatsby-plugin-ecoindex-v2
or
yarn add gatsby-plugin-ecoindex-v2

Configuration

1. Integration

Add to gatby-config:

plugins: [
  // ...
  {
    resolve: `gatsby-plugin-ecoindex-v2`,
    options: {
      theme: `light`,
      fixedPosition: true,
      siteURL: `https://www.yourdomain.tld`,
      useSimpleImage: true,
    },
  },
  // ...
]

2. Options

• theme: light or dark, default light ;
• fixedPosition: true or false, default false ;
• siteURL: your domain to fetch the mesure (required with useSimpleImage) ;
• useSimpleImage: fetch only the SVG image and without the script library.

The fixed position is a simple <style/> added to head with position: fixed and bottom: 10px.

You can override those styles by targeting #ecoindex-badge in your own css.