Widgets

Widgets pour votre site

Badges de commune, fiches pour annonces immobilières, comparateur et cartes sur la qualité de l'eau du robinet. Chaque widget s'intègre avec une balise <iframe> et s'appuie sur les résultats officiels du contrôle sanitaire.

Voir les 9 widgets Demander une intégration sur mesure
Gratuit, sans compte
Pas de clé d'API ni d'inscription : on copie le code, on le colle.
Données officielles
Contrôle sanitaire des ARS via Hub'Eau, mis à jour chaque mois.
Sans cookie
Aucun cookie ni outil de mesure d'audience dans les widgets.
Une condition
Laisser visible le lien vers what-water.com affiché par le widget.

Catalogue

Widgets compacts

Petits formats pour une colonne latérale, un pied de page ou le corps d'un article.

Badge commune

Niveau de conformité de l'eau d'une commune donnée, date du dernier prélèvement, nombre de paramètres analysés et lien vers la fiche complète.

Pour : Sites de mairie, syndics, blogs locaux

Paramètres d'URL
code (requis)
Code INSEE de la commune (ex. 75056 pour Paris)
nom
Nom à afficher, évite un appel à l'API Géo
cta
0 pour masquer le bouton vers la fiche
Code à copier
<iframe src="https://what-water.com/embed/badge-commune?code=75056" title="Badge commune — What-Water" width="320" height="250" style="border:0;max-width:100%" loading="lazy"></iframe>
Ouvrir l'exemple dans un nouvel onglet

Badge avec tendance

Le badge commune, complété d'une frise des derniers mois : pour chacun, le dernier prélèvement est conforme, non conforme ou absent (jamais extrapolé).

Pour : Mairies, services d'eau, presse locale

Paramètres d'URL
code (requis)
Code INSEE de la commune
nom
Nom à afficher
mois
Nombre de mois d'historique, 12 au maximum (défaut : 6)
Code à copier
<iframe src="https://what-water.com/embed/tendance-commune?code=75056" title="Badge avec tendance — What-Water" width="320" height="410" style="border:0;max-width:100%" loading="lazy"></iframe>
Ouvrir l'exemple dans un nouvel onglet

Annonces immobilières

Calculés sur les six derniers mois d'analyses Hub'Eau pour la commune du bien (et non pour le robinet de l'adresse précise) : dépassements, nombre d'analyses et de paramètres, population et densité.

Badge immobilier

Format réduit pour une fiche de bien : absence ou nombre de dépassements sur six mois, nombre d'analyses et de paramètres, population, densité, et le paramètre le plus dépassé le cas échéant.

Pour : Sites d'agences, réseaux de mandataires

Paramètres d'URL
code (requis)
Code INSEE de la commune du bien
Code à copier
<iframe src="https://what-water.com/embed/badge-immo?code=75056" title="Badge immobilier — What-Water" width="330" height="170" style="border:0;max-width:100%" loading="lazy"></iframe>
Ouvrir l'exemple dans un nouvel onglet

Fiche eau immobilière

Version complète pour la colonne latérale d'une annonce : barre de conformité, grille de six indicateurs et lien vers le rapport de la commune.

Pour : Sites d'agences, promoteurs, gestionnaires de biens

Paramètres d'URL
code (requis)
Code INSEE de la commune du bien
Code à copier
<iframe src="https://what-water.com/embed/fiche-eau-immo?code=75056" title="Fiche eau immobilière — What-Water" width="370" height="390" style="border:0;max-width:100%" loading="lazy"></iframe>
Ouvrir l'exemple dans un nouvel onglet

Recherche et comparaison

La recherche laisse le visiteur choisir sa commune ; le comparateur affiche deux communes que vous fixez dans l'URL.

Recherche par commune

Champ de recherche : le visiteur saisit une ville et obtient le résultat du dernier prélèvement ou des six derniers mois, le nombre de paramètres analysés et un rapport PDF téléchargeable.

Pour : Blogs sur l'eau, médias, installateurs de traitement de l'eau

Paramètres d'URL
code
Code INSEE pour afficher directement une commune
Code à copier
<iframe src="https://what-water.com/embed/qualite-eau" title="Recherche par commune — What-Water" width="100%" height="640" style="border:0;max-width:100%" loading="lazy"></iframe>
Ouvrir l'exemple dans un nouvel onglet

Comparateur

Deux communes côte à côte, d'après leur dernier contrôle publié : part des paramètres conformes et paramètres hors limite, avec un constat neutre sur les dépassements. Les deux codes INSEE sont obligatoires : sans eux, le widget n'affiche qu'un message d'aide.

Pour : Articles comparatifs, intercommunalités

Paramètres d'URL
code1 (requis)
Code INSEE de la première commune
code2 (requis)
Code INSEE de la seconde commune
nom1, nom2
Noms à afficher
Code à copier
<iframe src="https://what-water.com/embed/comparateur?code1=75056&code2=69123" title="Comparateur — What-Water" width="100%" height="440" style="border:0;max-width:100%" loading="lazy"></iframe>

Sous 500 px de large environ, les deux communes s'empilent : prévoir 650 px de hauteur pour un affichage mobile.

Ouvrir l'exemple dans un nouvel onglet

Cartes

Cartes interactives prévues pour la pleine largeur d'un article. Les trois premières reprennent les modes de la carte What-Water ; la dernière centre la vue sur une commune.

Carte des résultats

Niveau de qualité par commune (excellent, bon, moyen, mauvais), dépassements, paramètre en cause et famille de polluants. Filtres par niveau et par période ; fiche détaillée au clic.

Pour : Rédactions, journalisme de données

Paramètres d'URL
code
Code INSEE pour centrer la carte sur une commune
lat, lng
Coordonnées du centre de la carte
zoom
Niveau de zoom initial (défaut : 5,5)
niveau
Filtre initial : excellent, bon, moyen ou mauvais (défaut : tous)
periode
12_mois (défaut), 3_mois ou tout
Code à copier
<iframe src="https://what-water.com/embed/carte-resultats" title="Carte des résultats — What-Water" width="100%" height="520" style="border:0;max-width:100%" loading="lazy"></iframe>
Ouvrir l'exemple dans un nouvel onglet

Carte de la couverture des analyses

Nombre de paramètres recherchés et de prélèvements par commune, recherche ou non des PFAS et des métabolites de pesticides. Montre l'effort de contrôle, pas la qualité de l'eau.

Pour : Rédactions, ONG, collectivités

Paramètres d'URL
code
Code INSEE pour centrer la carte sur une commune
lat, lng
Coordonnées du centre de la carte
zoom
Niveau de zoom initial (défaut : 5,5)
periode
12_mois (défaut), 3_mois, tout ou derniere (dernière analyse)
Code à copier
<iframe src="https://what-water.com/embed/carte-analyses" title="Carte de la couverture des analyses — What-Water" width="100%" height="520" style="border:0;max-width:100%" loading="lazy"></iframe>
Ouvrir l'exemple dans un nouvel onglet

Carte des mesures PFAS

Points de mesure de PFAS du PFAS Data Hub (CNRS), en France ou dans le monde : eaux souterraines, eaux de surface, sols, sites industriels. Ces mesures portent sur l'environnement et non sur l'eau du robinet ; le repère de 100 ng/L est la limite européenne pour l'eau potable (somme de 20 PFAS).

Pour : Enquêtes sur les PFAS, rédactions, chercheurs

Paramètres d'URL
country
France (défaut) ; toute autre valeur, par exemple Monde, affiche les mesures mondiales
lat, lng
Coordonnées du centre de la carte
zoom
Niveau de zoom initial (défaut : 5)
Code à copier
<iframe src="https://what-water.com/embed/carte-pfas" title="Carte des mesures PFAS — What-Water" width="100%" height="520" style="border:0;max-width:100%" loading="lazy"></iframe>
Ouvrir l'exemple dans un nouvel onglet

Récapitulatif

Liste des widgets, adresse d'intégration et hauteur conseillée
WidgetCatégorieAdresseHauteur
Badge communeWidgets compacts/embed/badge-commune250 px
Badge avec tendanceWidgets compacts/embed/tendance-commune410 px
Badge immobilierAnnonces immobilières/embed/badge-immo170 px
Fiche eau immobilièreAnnonces immobilières/embed/fiche-eau-immo390 px
Recherche par communeRecherche et comparaison/embed/qualite-eau640 px
ComparateurRecherche et comparaison/embed/comparateur440 px
Carte des résultatsCartes/embed/carte-resultats520 px
Carte de la couverture des analysesCartes/embed/carte-analyses520 px
Carte des mesures PFASCartes/embed/carte-pfas520 px

Quel widget pour quel site ?

Mairies et services d'eau

Afficher la conformité de l'eau de la commune sur son propre site, avec l'historique récent.

Agences et sites immobiliers

Ajouter l'eau du robinet aux informations d'une annonce, au même titre que les transports ou les écoles. Le widget s'intègre sur votre propre site ; les grands portails d'annonces n'acceptent généralement pas d'iframe.

Rédactions et journalistes

Illustrer un article par une carte ou laisser le lecteur chercher sa commune.

Écoles et associations

Supports simples pour parler de l'eau du robinet et des économies d'eau.

Questions techniques

Faut-il un compte ou une clé d'API ?

Non. Copiez le code iframe dans votre page ; aucune inscription ni configuration côté serveur n'est nécessaire.

Sur quels sites puis-je les intégrer ?

Sur tout site ou CMS qui accepte un bloc HTML avec iframe : WordPress, Webflow, Wix, Squarespace, Shopify, Joomla, etc. Certaines plateformes (réseaux sociaux, portails d'annonces) bloquent les iframes.

D'où viennent les données ?

Les widgets de commune interrogent directement l'API Hub'Eau « Qualité de l'eau potable », qui diffuse les résultats du contrôle sanitaire des ARS (base SISE-Eaux du ministère de la Santé). Les cartes s'appuient sur une base What-Water alimentée par Hub'Eau et, pour les PFAS, par le PFAS Data Hub du CNRS. Les noms et populations des communes viennent de l'API Géo (geo.api.gouv.fr).

Les données sont-elles à jour ?

Hub'Eau met à jour ces résultats une fois par mois. Il s'écoule donc souvent plusieurs semaines entre un prélèvement et son affichage. Les widgets consacrés à une commune indiquent la date du dernier prélèvement disponible.

Quelle taille donner à l'iframe ?

Reprenez la largeur et la hauteur du code fourni : elles correspondent au contenu affiché. Un widget ne peut pas redimensionner l'iframe qui le contient ; avec une hauteur trop faible, une barre de défilement apparaît (badges, recherche, comparateur) ou le bas est coupé (fiches immobilières, cartes). Les badges ont une largeur fixe ; les cartes, la recherche et le comparateur s'adaptent à la largeur de leur conteneur.

Comment trouver le code INSEE d'une commune ?

Le code INSEE n'est pas le code postal (Paris : 75056, pas 75000). Il figure dans l'adresse de la page de la commune sur what-water.com (/ville/75056) et peut être obtenu via l'API Géo : geo.api.gouv.fr/communes?nom=Rennes.

Quelles données les widgets collectent-ils sur mes visiteurs ?

Les widgets ne déposent pas de cookie et n'embarquent aucun outil de mesure d'audience. Pour afficher les données, le navigateur du visiteur contacte toutefois des services tiers, qui reçoivent son adresse IP : what-water.com, hubeau.eaufrance.fr et geo.api.gouv.fr ; pour les cartes, le serveur de données What-Water, tiles.openfreemap.org (fonds de carte et polices des libellés) et data.geopf.fr (IGN, fond satellite). Le PDF du widget de recherche est généré dans le navigateur, sans service tiers.

Puis-je retirer le lien vers What-Water ?

Non : chaque widget affiche sa source et un lien vers what-water.com. C'est la seule condition d'utilisation.

Un besoin qui n'est pas couvert ?

Autre format, autre indicateur, données pour un territoire précis : écrivez-nous en décrivant votre usage.

Nous contacter
Voir la carte complète