Tools · Einbetten
Setze den Rechner auf deine eigene Website
Gemeinde, Leasinggesellschaft, Tankstelle oder Wissenspartner? Du darfst den Kostenrechner kostenlos bei dir einbinden. Zwei Zeilen Code – das Widget rechnet live mit und aktualisiert sich automatisch zusammen mit h2rijders.nl.
1. Füge diese beiden Zeilen ein
Setze sie an die Stelle, an der der Rechner erscheinen soll. Das Script lädt das Widget in einem iframe und passt die Höhe automatisch an, sodass im Widget keine Scrollleiste auftaucht.
<div data-h2r-widget="waterstof-of-benzine"></div>
<script src="https://h2fahrer.de/embed/h2rijders.js" async></script>2. So sieht es aus
Optionen
Setze sie als Attribut auf dem div, zum Beispiel data-lang="en" oder data-hprice="14.50". Werte außerhalb des Bereichs werden auf die nächstliegende gültige Zahl gesetzt.
| Attribut | Bedeutung | Reichweite | Standard |
|---|---|---|---|
data-lang | Sprache | nl / en | nl |
data-dist | Strecke pro Jahr (km) | 1.000 – 50.000 | 15.000 |
data-huse | Wasserstoffverbrauch (kg/100 km) | 0,6 – 1,6 | 1,0 |
data-hprice | Wasserstoffpreis (€/kg) | 8 – 25 | 13,00 |
data-buse | Benzinverbrauch (l/100 km) | 4,0 – 12,0 | 8,0 |
data-bprice | Benzinpreis (€/l) | 1,75 – 3,00 | 2,10 |
data-height | Starthöhe in px | — | 760 |
Ohne JavaScript
Darf auf deiner Seite kein externes Skript geladen werden? Dann bau den iframe einfach selbst ein. Die Höhe ist dann fest – wähle sie also großzügig genug.
<iframe src="https://h2fahrer.de/embed/waterstof-of-benzine"
style="width:100%;height:760px;border:0" loading="lazy"
title="H2Rijders — Wasserstoff oder Benzin"></iframe>Spielregeln
- Das Einbetten ist kostenlos, auch für kommerzielle Websites.
- Das H2Rijders-Logo, die Quellenangabe und der Link zu h2rijders.nl bleiben sichtbar und unverändert.
- Das Ergebnis ist ein Richtwert auf Basis der eingestellten Werte – kein Angebot und keine Beratung.
- Das Widget setzt bei deinen Besuchern keine Cookies und übermittelt keine Daten von deiner Seite.
- Wir entwickeln das Widget weiter – eingebettete Widgets aktualisieren sich automatisch mit.
Fragen oder brauchst du ein Widget nach Maß? Kontakt aufnehmen.