https://github.com/cnumr/ecoindex_badge
Intégrez facilement un badge Ecoindex à vos pages pour afficher votre score et sensibiliser à l'impact environnemental du numérique
https://github.com/cnumr/ecoindex_badge
ecoindex greenit
Last synced: 4 months ago
JSON representation
Intégrez facilement un badge Ecoindex à vos pages pour afficher votre score et sensibiliser à l'impact environnemental du numérique
- Host: GitHub
- URL: https://github.com/cnumr/ecoindex_badge
- Owner: cnumr
- License: other
- Created: 2023-02-13T10:49:49.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-09-09T00:10:19.000Z (11 months ago)
- Last Synced: 2025-09-10T04:39:26.935Z (11 months ago)
- Topics: ecoindex, greenit
- Language: TypeScript
- Homepage:
- Size: 494 KB
- Stars: 33
- Watchers: 3
- Forks: 4
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Ecoindex Badge
[](https://www.jsdelivr.com/package/gh/cnumr/ecoindex_badge)
Ce projet a pour but de proposer un badge à intégrer à vos pages web facilement. Ce badge va afficher le score Ecoindex de la page web sur laquelle il est intégré et permettra de rediriger l'utilisateur vers la page de détails du score Ecoindex.
## Comment l'intégrer ?
La version la plus simple est de copier-coller le code suivant dans votre page web :
```html
```
Il existe une variante pour les thèmes sombres :
```html
```
Cette version est optimisée et permet de ne pas surcharger votre page web avec des scripts inutiles. :
- Badge au format SVG (pas de pixelisation - taille 779 octets)
- JS servi par un CDN (Cache - taille 569 octets)
## Comment ça fonctionne ?
Le script javascript va faire appel au Micro service Back For Front d'Ecoindex pour récupérer l'image SVG correspondante à votre page en se basant sur son url et intégrer le code HTML à la place de la balise `
`.
## Et si je ne veux pas de JS ?
Vous pouvez utiliser la version statique du badge en utilisant le snippet suivant, en modifiant les paramètres `{url}` et `{theme}` (light ou dark)) :
```html
```
## À propos du cache
Le badge utilise un cache de 7 jours à 2 niveaux:
- Au niveau [serveur](https://github.com/cnumr/ecoindex_bff#about-caching)
- Au niveau local
> **Bon à savoir:**
> - On peut **forcer le refresh du cache serveur** en utilisant le [plugin ecoindex](https://github.com/cnumr/ecoindex-browser-plugin). Lorsque l'on clique sur le bouton du plugin pour afficher le détail du résultat, on force une mise à jour du cache serveur.
> - On peut **forcer la mise à jour du cache local** en rechargeant la page avec `ctrl+maj+R`
## Pour contribuer
Vous pouvez contribuer à ce projet en proposant des améliorations ou en signalant des bugs. Pour cela, vous pouvez utiliser les fonctionnalités de GitHub. Retrouvez plus d'infos sur la page [Contribuer](CONTRIBUTING.md).
## Disclaimer
Les valeurs d'ACV utilisées par ecoindex_cli pour évaluer les impacts environnementaux ne sont pas sous licence libre - ©Frédéric Bordage Veuillez également vous référer aux mentions fournies dans les fichiers de code pour les spécificités du régime IP.
## [Licence](LICENSE)
## [Code de conduite](CODE_OF_CONDUCT.md)