Outils · Intégrer
Intégrez le calculateur sur votre propre site
Commune, société de leasing, station-service ou partenaire de connaissances ? Vous pouvez intégrer gratuitement le calculateur de coûts sur votre site. Deux lignes de code — le widget calcule en temps réel et se met à jour automatiquement avec h2rijders.nl.
1. Collez ces deux lignes
Placez-les à l'endroit où le calculateur doit apparaître. Le script charge le widget dans une iframe et ajuste automatiquement la hauteur, afin qu'aucune barre de défilement n'apparaisse dans le widget.
<div data-h2r-widget="waterstof-of-benzine"></div>
<script src="https://h2conducteurs.fr/embed/h2rijders.js" async></script>2. Voici à quoi cela ressemble
Options
Placez-les comme attribut sur la div, par exemple data-lang="en" ou data-hprice="14.50". Les valeurs situées en dehors de la plage sont ramenées au nombre valide le plus proche.
| Attribut | Signification | Autonomie | Standard |
|---|---|---|---|
data-lang | Langue | nl / en | nl |
data-dist | Distance par an (km) | 1.000 – 50.000 | 15.000 |
data-huse | Consommation d'hydrogène (kg/100 km) | 0,6 – 1,6 | 1,0 |
data-hprice | Prix de l'hydrogène (€/kg) | 8 – 25 | 13,00 |
data-buse | Consommation d'essence (l/100 km) | 4,0 – 12,0 | 8,0 |
data-bprice | Prix de l'essence (€/l) | 1,75 – 3,00 | 2,10 |
data-height | Hauteur initiale en px | — | 760 |
Sans JavaScript
Aucun script externe n'est autorisé sur votre site ? Dans ce cas, intégrez l'iframe vous-même. La hauteur sera alors fixe : prévoyez-la suffisamment grande.
<iframe src="https://h2conducteurs.fr/embed/waterstof-of-benzine"
style="width:100%;height:760px;border:0" loading="lazy"
title="H2Rijders — Hydrogène ou essence"></iframe>Règlement
- L'intégration est gratuite, y compris pour les sites commerciaux.
- Le logo H2Rijders, la mention de la source et le lien vers h2rijders.nl doivent rester visibles et non modifiés.
- Le résultat est une indication basée sur les valeurs saisies — il ne constitue ni une offre ni un conseil.
- Le widget ne dépose aucun cookie chez vos visiteurs et n'envoie aucune donnée de votre page.
- Nous continuons à développer le widget ; les widgets intégrés se mettent à jour automatiquement.
Des questions ou besoin d'un widget sur mesure ? Nous contacter.