Tools · Insluiten
Zet de calculator op je eigen site
Gemeente, leasemaatschappij, tankstation of kennispartner? Je mag de kostencalculator gratis insluiten. Twee regels code — de widget rekent live mee en updatet automatisch mee met h2rijders.nl.
1. Plak deze twee regels
Zet ze op de plek waar de calculator moet komen. Het script laadt de widget in een iframe en houdt de hoogte automatisch bij, zodat er geen scrollbalk in de widget verschijnt.
<div data-h2r-widget="waterstof-of-benzine"></div>
<script src="https://h2rijders.nl/embed/h2rijders.js" async></script>2. Zo ziet het eruit
Opties
Zet ze als attribuut op de div, bijvoorbeeld data-lang="en" of data-hprice="14.50". Waarden buiten het bereik worden naar het dichtstbijzijnde geldige getal getrokken.
| Attribuut | Betekenis | Bereik | Standaard |
|---|---|---|---|
data-lang | Taal | nl / en | nl |
data-dist | Afstand per jaar (km) | 1.000 – 50.000 | 15.000 |
data-huse | Verbruik waterstof (kg/100km) | 0,6 – 1,6 | 1,0 |
data-hprice | Waterstofprijs (€/kg) | 8 – 25 | 13,00 |
data-buse | Verbruik benzine (l/100km) | 4,0 – 12,0 | 8,0 |
data-bprice | Benzineprijs (€/l) | 1,75 – 3,00 | 2,10 |
data-height | Starthoogte in px | — | 760 |
Zonder JavaScript
Mag er op jouw site geen extern script laden? Plaats dan de iframe zelf. De hoogte is dan vast — kies hem ruim genoeg.
<iframe src="https://h2rijders.nl/embed/waterstof-of-benzine"
style="width:100%;height:760px;border:0" loading="lazy"
title="H2Rijders — Waterstof of benzine"></iframe>Spelregels
- Insluiten is gratis, ook voor commerciële sites.
- Het H2Rijders-logo, de bronvermelding en de link naar h2rijders.nl blijven zichtbaar en onbewerkt.
- De uitkomst is een indicatie op basis van de ingestelde waarden — geen aanbod en geen advies.
- De widget zet geen cookies bij je bezoekers en verstuurt geen gegevens van jouw pagina.
- We ontwikkelen de widget door; ingesloten widgets updaten automatisch mee.
Vragen of een widget op maat nodig? Neem contact op.