Benzinpreise auf Website einbinden

Aktuelle Benzinpreise auf der eigenen Website anzuzeigen, kann besonders für regionale Portale, Automobil-Websites, Reise-Seiten, Stadtportale oder lokale Nachrichtenangebote interessant sein. Besucher erhalten damit einen zusätzlichen praktischen Service, ohne die Website verlassen zu müssen.

Für die Einbindung gibt es verschiedene Möglichkeiten: fertige Benzinpreis-Widgets, interaktive Karten, iFrames, JavaScript-Einbindungen oder eigene Lösungen über eine Schnittstelle (API). Je nach Anbieter können aktuelle Preise für Super E5, Super E10 und Diesel automatisch auf der eigenen Homepage dargestellt werden.

Auch mit WordPress und dem Gutenberg-Editor lassen sich viele dieser Angebote ohne Programmierkenntnisse integrieren. Auf dieser Seite stellen wir verschiedene Möglichkeiten vor und zeigen anhand konkreter Beispiele, wie sich aktuelle Spritpreise auf einer Website einbinden lassen.

Benzinpreise auf der eigenen Website anzeigen – diese Möglichkeiten gibt es

Wer aktuelle Spritpreise auf seiner Homepage anzeigen möchte, hat mehrere Möglichkeiten. Welche Lösung am besten geeignet ist, hängt vor allem davon ab, wie viel technische Kontrolle und Gestaltungsspielraum gewünscht wird.

Fertiges Benzinpreis-Widget

Die einfachste Lösung ist ein fertiges Widget. Der Anbieter stellt einen Einbindungscode zur Verfügung, der in die eigene Website eingefügt wird. Preise und Tankstellendaten werden anschließend automatisch aktualisiert.

iFrame

Bei einem iFrame wird eine fertige Preisübersicht des Anbieters innerhalb der eigenen Seite angezeigt. Diese Variante lässt sich meist besonders einfach in klassische HTML-Seiten oder WordPress einbauen.

JavaScript-Widget

Ein JavaScript-Code lädt aktuelle Inhalte direkt vom jeweiligen Anbieter. Häufig lassen sich beispielsweise der gewünschte Ort oder Teile der Darstellung festlegen.

PHP-Script

Mit einer eigenen PHP-Lösung lassen sich Spritpreise stärker an das Design und die Anforderungen der eigenen Website anpassen. Dafür sind Webspace mit PHP-Unterstützung und teilweise zusätzliche API-Schlüssel erforderlich.

API

Eine Programmierschnittstelle eignet sich besonders für individuelle Lösungen. Die Daten können darüber selbst abgerufen, verarbeitet und in einer eigenen Darstellung ausgegeben werden.

Diese Variante bietet die größte Flexibilität, erfordert allerdings entsprechende Programmierkenntnisse.

Tipp: Wenn Du ohne Programmierkenntnisse möglichst schnell aktuelle Benzinpreise auf Deiner Website anzeigen möchtest, sind ein fertiges Widget oder ein iFrame meist die einfachste Lösung.

Vorteile einer Benzinpreisanzeige auf deiner Homepage

Eine automatisch aktualisierte Spritpreisanzeige kann den Nutzwert einer Website deutlich erhöhen.

Zu den wichtigsten Vorteilen gehören:

aktuelle beziehungsweise regelmäßig aktualisierte Benzin- und Dieselpreise
zusätzlicher praktischer Service für Besucher
regionale Preisübersichten für Städte oder Regionen
automatische Aktualisierung ohne manuelle Pflege der einzelnen Preise
interessant für Stadtportale, Reise-Websites und regionale Informationsseiten
je nach Anbieter einfache Einbindung per Widget, iFrame oder JavaScript
auch für WordPress und den Gutenberg-Editor geeignet
individuelle Lösungen über PHP oder eine Benzinpreis-API möglich

Welche Variante am sinnvollsten ist, hängt davon ab, ob Du lediglich eine fertige Preisanzeige einbinden oder die Daten selbst verarbeiten und individuell gestalten möchtest.

Benzinpreis.de – Karten, Preisgrafiken und Webmaster-Tools

Benzinpreis.de bietet verschiedene Inhalte an, die sich auch für die Einbindung auf einer eigenen Website eignen. Dazu gehören unter anderem Karten und grafische Darstellungen rund um die Entwicklung und regionale Verteilung von Kraftstoffpreisen.

Verfügbare Inhalte von Benzinpreis.de

Je nach gewünschter Darstellung stehen unterschiedliche Informationsangebote zur Verfügung, beispielsweise:

regionale Benzinpreisübersichten
Karten zur Darstellung unterschiedlicher Preisniveaus
Preisgrafiken für Städte und Regionen
Informationen zur Entwicklung der Kraftstoffpreise
Tankampel beziehungsweise Hinweise zum möglichen Tankzeitpunkt

Für Webmaster ist besonders interessant, dass sich einzelne Darstellungen direkt in bestehende Webseiten integrieren lassen.

Interaktive Benzinpreiskarten

Die Benzinpreiskarten von Benzinpreis.de zeigen regionale Unterschiede bei den Kraftstoffpreisen übersichtlich auf einer Karte.

Solche Darstellungen eignen sich beispielsweise für:

regionale Informationsseiten
Stadtportale
Reise-Websites
Auto- und Mobilitätsseiten

Die eingebettete Karte bietet gegenüber einem einfachen externen Link einen zusätzlichen praktischen Nutzen: Besucher können die Informationen direkt auf Deiner Website betrachten. Du findest den Einbaulink unter https://www.benzinpreis.de/de/tankkarte unter dem 2. Reiter Die angezeigte Karte auf der eigenen Homepage einbinden.

Hinweis: Bei extern eingebundenen Inhalten solltest Du immer die aktuellen Nutzungs- und Einbindungsbedingungen des jeweiligen Anbieters beachten.

Billig-Tanken.de – Spritpreis-Widget für deine Website

Billig-Tanken.de bietet fertige Widgets, mit denen sich aktuelle Kraftstoffpreise in die eigene Website integrieren lassen. Die Einbindung erfolgt über einen vom Anbieter bereitgestellten JavaScript-Code.

👉 Widgets und Partnerprogramm von Billig-Tanken.de

Grundsätzlich stehen unterschiedliche Möglichkeiten zur Verfügung.

Spritpreissuche für Besucher

Beim Such-Widget können Besucher selbst einen Ort eingeben. Anschließend werden passende aktuelle Spritpreise angezeigt.
Diese Variante eignet sich besonders für Websites, deren Besucher aus unterschiedlichen Städten oder Regionen kommen.

Ortsbezogenes Benzinpreis-Widget

Für lokale Websites kann eine bestimmte Stadt beziehungsweise ein bestimmter Ort vorgegeben werden.

Das Widget zeigt dann günstige Preise für wichtige Kraftstoffarten wie:

Diesel
Super E5
Super E10

Beispiel: aktuelle Spritpreise für Westerstede

Auf dieser Website verwenden wir als Beispiel eine ortsbezogene Anzeige für 26655 Westerstede.

Gerade für Stadtportale, regionale Informationsseiten oder lokale Nachrichtenangebote ist eine solche ortsbezogene Anzeige interessant, weil Besucher direkt Informationen aus ihrer Umgebung erhalten.

TankPilot – kostenloses Spritpreis-Widget für deine Website

Eine weitere besonders einfache Möglichkeit zur Einbindung aktueller Kraftstoffpreise bietet TankPilot. Der Anbieter stellt ein kostenloses Spritpreis-Widget zur Verfügung, das ohne Registrierung auf der eigenen Website eingebunden werden kann.

👉 Spritpreis-Widget von TankPilot

Die Einrichtung ist einfach: Auf der Widget-Seite wählst Du zunächst die gewünschte Stadt und das Design aus. Anschließend erzeugt TankPilot den passenden Einbindungscode, den Du in Deine Website übernehmen kannst.

TankPilot-Widget einrichten

Öffne die Widget-Seite von TankPilot.
Wähle die gewünschte Stadt aus.
Wähle das gewünschte Design.
Kontrolliere die Widget-Vorschau.
Kopiere den erzeugten Einbindungscode.
Füge den Code an der gewünschten Stelle Deiner Website ein.

Bei WordPress kannst Du den Einbindungscode beispielsweise über einen Gutenberg-Block „Individuelles HTML“ einfügen.

Beispiel: TankPilot-Widget

Das Widget aktualisiert die angezeigten Spritpreise automatisch. Nach Angaben von TankPilot kann es kostenlos und dauerhaft verwendet werden, solange der im Widget enthaltene Link zu TankPilot erhalten bleibt.

Geeignet für: regionale Websites, Stadtportale, Reise-Websites und lokale Informationsangebote

Einbindung: fertiger Einbindungscode

Kosten: kostenlos

Registrierung: nicht erforderlich

Auswahl: gewünschte Stadt und Design

Besonderheit: automatische Aktualisierung der Spritpreise

Für die deutschen Kraftstoffpreise greift TankPilot auf Daten zurück, die auf Meldungen an die Markttransparenzstelle für Kraftstoffe (MTS-K) zurückgehen.

Spritpreise über ein PHP-Script selbst ausgeben

Wer mehr Kontrolle über Darstellung und Funktionen haben möchte, kann aktuelle Benzinpreise auch mit einer eigenen PHP-Lösung auf der Website ausgeben. Diese Variante ist technisch anspruchsvoller als ein fertiges Widget, ermöglicht dafür aber eine wesentlich individuellere Gestaltung.

Eine bereits fertige Lösung stellt Dreamcodes mit dem Sprit Monitor Pro Script zur Verfügung.

👉 Sprit Monitor Pro Script bei Dreamcodes

Das PHP-Script verbindet die aktuellen Tankstellendaten mit einer interaktiven Kartendarstellung und ermöglicht einen regionalen Kraftstoffpreisvergleich.

Zu den Funktionen gehören unter anderem:

Anzeige von Super E5, Super E10 und Diesel
aktuelle Kraftstoffpreise
Tankstellensuche im Umkreis
Sortierung nach Preisen
automatische Standortermittlung des Besuchers
Anzeige der Tankstellen auf Google Maps
Entfernung zur jeweiligen Tankstelle
individuelle Darstellung auf dem eigenen Webspace

Voraussetzungen für den Sprit Monitor Pro

Im Gegensatz zu einem einfachen iFrame oder Widget wird das Script auf dem eigenen Webspace installiert.

Benötigt werden unter anderem:

Webspace mit PHP-Unterstützung
ein persönlicher Tankerkönig-API-Key
ein Google-Maps-API-Key
Zugriff auf die Dateien des eigenen Webspace

Das Script eignet sich deshalb vor allem für Webmaster, die eine eigenständige Benzinpreisanzeige betreiben und deren Darstellung stärker an die eigene Website anpassen möchten.

Geeignet für: Webmaster mit technischen Grundkenntnissen

Einbindung: PHP, JavaScript und Google Maps

Daten: aktuelle Tankstellen- und Kraftstoffpreisdaten über Tankerkönig

Besonderheit: deutlich mehr Gestaltungsmöglichkeiten als bei einem fertig eingebundenen Widget

Hinweis: Bei der Verwendung von Google Maps, Standortermittlung und anderen externen Diensten sollten auch die jeweiligen Datenschutzanforderungen berücksichtigt werden.

Benzinpreise über eine API auf der eigenen Website anzeigen

Eine API ist die flexibelste Möglichkeit, aktuelle Spritpreise in eine eigene Website oder Webanwendung zu integrieren.

Im Gegensatz zu einem fertigen Widget erhältst Du dabei nicht eine bereits gestaltete Preisanzeige, sondern strukturierte Daten. Diese können anschließend selbst verarbeitet und beispielsweise als Liste, Tabelle, Karte oder eigene Benzinpreissuche ausgegeben werden.

Eine API eignet sich besonders, wenn Du:

das Design vollständig selbst bestimmen möchtest
Tankstellen nach Entfernung oder Preis sortieren möchtest
eine eigene regionale Tankstellensuche entwickeln möchtest
bestimmte Kraftstoffarten getrennt darstellen möchtest
die Spritpreisdaten mit anderen Funktionen Deiner Website kombinieren möchtest

Für Einsteiger ist eine API allerdings deutlich anspruchsvoller als ein Widget oder iFrame. Grundkenntnisse in PHP, JavaScript oder einer anderen Programmiersprache sind normalerweise erforderlich.

Tankerkönig – aktuelle Spritpreise per API abrufen

Eine der bekanntesten Möglichkeiten für Entwickler und Webmaster ist die Tankerkönig-API.

👉 Tankerkönig Open Data API

Tankerkönig stellt aktuelle Spritpreisinformationen und Tankstellendaten der an die Markttransparenzstelle für Kraftstoffe (MTS-K) meldenden Tankstellen zur Verfügung.

Über die API können unter anderem folgende Informationen abgerufen werden:

Tankstellen in einem bestimmten Umkreis
Super-E5-Preise
Super-E10-Preise
Dieselpreise
Entfernung zur Tankstelle
Öffnungsstatus
Tankstellenname und Anschrift
Detailinformationen zu einzelnen Tankstellen

Die Daten werden im JSON-Format geliefert und können anschließend mit PHP, JavaScript oder einer anderen geeigneten Programmiersprache verarbeitet werden.

Tankstellen nach Standort suchen

Besonders interessant für eine eigene Website ist die Umkreissuche. Dabei werden geografische Koordinaten, ein gewünschter Radius und die Kraftstoffart übergeben.

Anschließend liefert die API passende Tankstellen und deren aktuelle Preise zurück.

Der maximale Radius der freien Umkreissuche beträgt nach Angaben von Tankerkönig 25 Kilometer.

API-Key erforderlich

Für die Tankerkönig-API wird ein persönlicher API-Key benötigt.

👉 Tankerkönig API-Key beantragen

Der API-Key sollte sorgfältig behandelt und nicht öffentlich veröffentlicht werden. Besonders bei eigenen Entwicklungen ist deshalb zu überlegen, ob die Abfrage serverseitig erfolgen kann.

Geeignet für: individuelle Benzinpreis-Tools, regionale Portale und eigene Anwendungen

Einbindung: REST-API

Datenformat: JSON

Kraftstoffarten: Super E5, Super E10 und Diesel

API-Key: erforderlich

Besonderheit: sehr flexible Weiterverarbeitung der Tankstellendaten

Wichtig: Tankerkönig weist darauf hin, dass die freie API nicht für umfangreiche permanente Massenabfragen gedacht ist. Außerdem müssen die Nutzungsbedingungen, die Vorgaben der MTS-K und die erforderliche Namensnennung beachtet werden.

TankPuls – alternative API für aktuelle Tankstellenpreise

Mit TankPuls steht eine weitere Schnittstelle zur Verfügung, über die sich aktuelle Kraftstoffpreise in eigene Anwendungen integrieren lassen.

👉 TankPuls API

Die REST-API liefert Daten im JSON-Format und verwendet nach Angaben des Anbieters Kraftstoffpreisdaten der Markttransparenzstelle für Kraftstoffe (MTS-K).

Über die Schnittstelle lassen sich unter anderem abrufen:

Tankstellen in einem bestimmten Umkreis
Super-E5-Preise
Super-E10-Preise
Dieselpreise
Entfernung zur Tankstelle
Öffnungsstatus
einzelne Tankstellen
Preisverläufe
regionale Preiszusammenfassungen nach Postleitzahl

Interessant ist insbesondere die Möglichkeit, nicht nur einzelne Tankstellen zu suchen, sondern auch regionale Informationen und Preisverläufe abzurufen.

Für öffentliche Lesezugriffe ist nach Angaben des Anbieters bei nichtkommerzieller Nutzung nicht zwingend ein API-Key erforderlich. Für anonyme Zugriffe gelten jedoch entsprechende Zugriffslimits.

Geeignet für: eigene Spritpreis-Anwendungen, Auswertungen und regionale Preisübersichten

Einbindung: REST-API

Datenformat: JSON

Kraftstoffarten: Super E5, Super E10 und Diesel

API-Key: für einfache öffentliche Lesezugriffe nicht grundsätzlich erforderlich

Besonderheit: zusätzlich unter anderem Preisverläufe und regionale Zusammenfassungen verfügbar

Auch hier sollten vor einer dauerhaften Einbindung die jeweils aktuellen Nutzungsbedingungen und Zugriffslimits des Anbieters geprüft werden.

Benzinpreis-Widgets und APIs im Vergleich

Die verschiedenen Lösungen unterscheiden sich vor allem beim technischen Aufwand und bei den Möglichkeiten zur individuellen Gestaltung.

Anbieter	Lösung	Einbindung	Programmierkenntnisse	Kraftstoffarten	Anpassbarkeit
Benzinpreis.de	Tankkarte	Einbindungscode	kaum erforderlich	verschiedene Preisinformationen	teilweise
Billig-Tanken.de	Spritpreis-Widget	JavaScript	kaum erforderlich	E5, E10, Diesel	begrenzt
TankPilot	Spritpreis-Widget	Einbindungscode	kaum erforderlich	E5, E10, Diesel	teilweise
Dreamcodes Sprit Monitor Pro	eigene Spritpreisanzeige	PHP / JavaScript	erforderlich	E5, E10, Diesel	hoch
Tankerkönig	API	REST / JSON	erforderlich	E5, E10, Diesel	sehr hoch
TankPuls	API	REST / JSON	erforderlich	E5, E10, Diesel	sehr hoch

Für die meisten Webmaster, die lediglich aktuelle Spritpreise auf ihrer Homepage anzeigen möchten, ist ein fertiges Widget die einfachste Lösung.

Wer dagegen eine eigene Tankstellensuche, individuelle Tabellen, Karten oder weitere Funktionen entwickeln möchte, erhält mit einer API wesentlich mehr Möglichkeiten.

Welche Benzinpreis-Lösung eignet sich für meine Website?

Welche Lösung am besten geeignet ist, hängt vor allem davon ab, was Du auf Deiner Website umsetzen möchtest.

Ich möchte möglichst einfach aktuelle Spritpreise anzeigen

Dann solltest Du zunächst ein fertiges Widget verwenden.

Geeignete Lösungen:

Hier ist normalerweise keine eigene Programmierung der Spritpreisanzeige erforderlich.

Ich möchte eine Karte mit Benzinpreisen anzeigen

Wenn die geografische Darstellung im Vordergrund steht, sind die Karten und Webmaster-Tools von Benzinpreis.de eine einfache Möglichkeit.

Für eine individuellere Kartenlösung kommt außerdem der Sprit Monitor Pro von Dreamcodes infrage.

Ich möchte eine eigene Spritpreisanzeige gestalten

Wenn das Design der Preisanzeige vollständig zur eigenen Website passen soll, ist eine API die flexiblere Lösung.

Geeignet sind beispielsweise:

Tankerkönig
TankPuls

Die gelieferten Daten können selbst verarbeitet und anschließend in einer eigenen Tabelle, Liste, Karte oder Suchfunktion ausgegeben werden.

Ich nutze WordPress und möchte nicht programmieren

Für WordPress-Nutzer ohne Programmierkenntnisse ist ein fertiges Widget oder ein iFrame normalerweise die beste Wahl.

Der vom Anbieter bereitgestellte Einbindungscode kann häufig einfach über den Gutenberg-Block „Individuelles HTML“ eingefügt werden.

Ich möchte eine eigene regionale Tankstellensuche anbieten

Für eine individuell entwickelte Suche nach günstigen Tankstellen ist eine API sinnvoll.

Mit Tankerkönig oder TankPuls können beispielsweise Tankstellen innerhalb eines bestimmten Umkreises abgefragt und nach Entfernung beziehungsweise Preis dargestellt werden.

Ich möchte möglichst viel selbst anpassen

Dann bieten eine eigene PHP-Lösung oder eine API die größte Freiheit.

Dabei solltest Du allerdings berücksichtigen, dass Du Dich selbst um Programmierung, Fehlerbehandlung, Darstellung, Datenschutz sowie Änderungen an der verwendeten Schnittstelle kümmern musst.

Kurz gesagt: Für eine schnelle und einfache Einbindung ist ein fertiges Widget meist die beste Wahl. Für eine individuell entwickelte Benzinpreis-Suche oder eigene Auswertungen ist eine API die leistungsfähigere Lösung.

Benzinpreise in WordPress einbinden – so geht’s

Die meisten fertigen Benzinpreis-Widgets lassen sich auch ohne spezielles WordPress-Plugin in eine WordPress-Website integrieren. Entscheidend ist, welche Art von Einbindungscode der jeweilige Anbieter zur Verfügung stellt.

Bei einem klassischen Widget, iFrame oder JavaScript-Code funktioniert die Einbindung mit dem Gutenberg-Editor in vielen Fällen direkt über einen HTML-Block.

Widget oder iFrame mit Gutenberg einfügen

Gehe in WordPress folgendermaßen vor:

Öffne die Seite oder den Beitrag, auf dem die Spritpreise erscheinen sollen.
Klicke im Gutenberg-Editor auf das Plus-Symbol zum Hinzufügen eines neuen Blocks.
Suche nach dem Block „Individuelles HTML“.
Kopiere den Einbindungscode des gewünschten Benzinpreis-Anbieters.
Füge den vollständigen Code in den HTML-Block ein.
Speichere beziehungsweise aktualisiere die Seite.
Kontrolliere anschließend die Darstellung im Frontend.

Über die Vorschaufunktion des HTML-Blocks lässt sich bei vielen Einbindungen bereits überprüfen, ob das Widget korrekt geladen wird.

JavaScript-Widgets in WordPress einbinden

Anbieter wie Billig-Tanken.de stellen JavaScript-Code zur Verfügung.

Auch dieser Code kann grundsätzlich über einen Gutenberg-Block „Individuelles HTML“ eingefügt werden.

WordPress selbst oder eingesetzte Sicherheits-, Cache- oder Optimierungsplugins können die Ausführung bestimmter JavaScript-Codes allerdings beeinflussen.

Falls ein Widget nach dem Einfügen nicht angezeigt wird, solltest Du deshalb unter anderem prüfen:

wurde der komplette Einbindungscode übernommen?
wurde der Code in einen HTML-Block und nicht in einen normalen Absatz eingefügt?
entfernt ein Sicherheitsplugin bestimmte Script-Tags?
verändert ein Cache- oder Optimierungsplugin das JavaScript?
wird das externe Script im Browser blockiert?
funktioniert das Widget in einem privaten Browserfenster?

PHP-Code nicht direkt in Gutenberg einfügen

PHP-Code kann nicht einfach in einen normalen Gutenberg-HTML-Block kopiert und dort ausgeführt werden.

Für PHP-basierte Lösungen wird normalerweise eine serverseitige Einbindung benötigt, beispielsweise über:

ein eigenes WordPress-Plugin
ein Child-Theme
einen Shortcode
ein geeignetes Code-Snippet-Plugin
eine separate PHP-Anwendung auf dem Webspace

Wer mit PHP und WordPress nicht vertraut ist, sollte deshalb eher ein fertiges Widget oder einen iFrame verwenden.

Darstellung auf Smartphones kontrollieren

Nach der Einbindung solltest Du das Benzinpreis-Widget immer auch auf einem Smartphone testen.

Achte insbesondere darauf, dass:

keine Inhalte rechts aus dem Bildschirm herausragen
Texte und Preise lesbar bleiben
eingebundene Karten bedienbar sind
keine horizontal abgeschnittenen Bereiche entstehen
das Widget die übrige Seite nicht unnötig verbreitert

Bei fremden Widgets lässt sich die mobile Darstellung nicht immer vollständig über das eigene WordPress-Design beeinflussen.

Benzinpreise in eine HTML-Website einbinden

Auch auf einer klassischen HTML-Website können Benzinpreis-Widgets meist problemlos eingebunden werden.

Stellt der Anbieter beispielsweise einen iFrame zur Verfügung, wird der entsprechende Code an der gewünschten Stelle innerhalb des HTML-Dokuments eingefügt.

Ein vereinfachtes Beispiel sieht so aus:

<iframe
    src="URL-DES-ANBIETERS"
    width="100%"
    height="600"
    frameborder="0">
</iframe>

Die tatsächliche URL sowie weitere Parameter müssen immer aus dem Originalcode des jeweiligen Anbieters übernommen werden.

JavaScript-Code einfügen

Bei einem JavaScript-Widget stellt der Anbieter meistens einen oder mehrere Script-Befehle bereit.

Der Code kann beispielsweise folgendermaßen aufgebaut sein:

<div id="spritpreis-widget"></div>

<script src="URL-DES-ANBIETERS/widget.js"></script>

Auch hierbei handelt es sich lediglich um ein schematisches Beispiel.

Verwende für eine echte Einbindung immer den vollständigen Originalcode des jeweiligen Anbieters.

So stellst Du sicher, dass erforderliche Parameter, Script-Dateien und Einstellungen korrekt übernommen werden.

Responsive Einbindung berücksichtigen

Besonders bei iFrames empfiehlt es sich, möglichst mit einer Breite von 100% zu arbeiten, sofern der Anbieter dies unterstützt.

Dadurch kann sich die Anzeige besser an unterschiedliche Bildschirmgrößen anpassen.

Die tatsächliche Responsivität hängt jedoch auch davon ab, wie der Inhalt innerhalb des iFrames beziehungsweise Widgets vom jeweiligen Anbieter gestaltet wurde.

Datenschutz, externe Dienste und Ladezeit beachten

Ein Benzinpreis-Widget kann Daten von externen Servern laden. Je nach Anbieter und verwendeter Technik können dabei zusätzliche datenschutzrechtliche und technische Aspekte relevant werden.

Das betrifft insbesondere:

externe JavaScript-Dateien
iFrames
Kartenanbieter wie Google Maps
Standortermittlung
externe Schriftarten oder weitere Ressourcen
Cookies beziehungsweise vergleichbare Technologien
Übertragung von IP-Adressen an externe Dienste

Externe Inhalte können bereits beim Seitenaufruf geladen werden

Wird ein iFrame oder JavaScript-Widget unmittelbar beim Öffnen einer Seite geladen, stellt der Browser des Besuchers normalerweise eine Verbindung zum Server des jeweiligen Drittanbieters her.

Welche Daten dabei verarbeitet werden, hängt vom jeweiligen Dienst ab.

Websitebetreiber sollten deshalb prüfen:

welche externen Dienste tatsächlich eingebunden werden
welche Daten dabei übertragen werden können
ob der Dienst Cookies oder andere Speichertechniken verwendet
ob ein Eintrag in der Datenschutzerklärung erforderlich ist
ob für bestimmte Dienste eine vorherige Einwilligung notwendig ist

Besonders bei zusätzlichen Diensten wie Google Maps kann eine Einwilligungslösung erforderlich sein.

Standortermittlung nur bei Bedarf einsetzen

Einige Benzinpreis-Anwendungen können den Standort eines Besuchers verwenden, um Tankstellen in der Nähe zu finden.

Der Browser fordert dafür normalerweise eine Standortfreigabe des Nutzers an.

Eine solche Funktion sollte nur verwendet werden, wenn sie für das jeweilige Angebot tatsächlich sinnvoll ist.

Ladezeit im Auge behalten

Jedes externe Widget kann zusätzliche:

JavaScript-Dateien
CSS-Dateien
Bilder
Karten
API-Abfragen

nachladen.

Das kann die Ladezeit einer Seite beeinflussen.

Wenn mehrere Anbieter getestet werden, sollte deshalb nicht automatisch jedes verfügbare Widget gleichzeitig auf derselben Seite eingebunden werden.

Für eine produktive Website ist meist eine gezielte Auswahl sinnvoller.

Tipps für eigene regionale Benzinpreis-Seiten

Ein Benzinpreis-Widget allein macht eine Seite noch nicht automatisch zu einer hochwertigen Informationsseite.

Wer beispielsweise eine eigene Unterseite für Benzinpreise in einer bestimmten Stadt oder Region betreibt, sollte zusätzlich eigene hilfreiche Inhalte anbieten.

Sinnvolle Ergänzungen können beispielsweise sein:

Hinweise zum dargestellten Gebiet
Informationen zu den verfügbaren Kraftstoffarten
Erklärung der verwendeten Datenquelle
Hinweise zur Aktualisierung der Preise
regionale Tankstelleninformationen
Tipps zur Nutzung der Preisübersicht
weiterführende Informationen rund um Autofahren und Mobilität

Nicht nur ein fremdes Widget einbetten

Eine Seite, die praktisch ausschließlich aus einem eingebetteten Widget eines Drittanbieters besteht, bietet nur wenig eigenen redaktionellen Mehrwert.

Besser ist es, die Preisanzeige durch eigene Inhalte zu ergänzen.

So verstehen Besucher beispielsweise:

welche Preise dargestellt werden
wie aktuell die Daten sind
woher die Daten stammen
für welche Region die Angaben gelten
wie die Ergebnisse sinnvoll genutzt werden können

Lokalen Bezug sinnvoll nutzen

Bei einer regionalen Website kann der Ortsname an passenden Stellen natürlich im Text vorkommen.

Beispielsweise:

Benzinpreise in Westerstede
günstige Tankstellen in Westerstede und Umgebung
aktuelle Diesel- und Benzinpreise im Raum Westerstede

Der Ortsname sollte dabei aber nur verwendet werden, wenn die betreffende Seite tatsächlich Informationen für diesen Ort bereitstellt.

Künstlich erzeugte Ortsseiten ohne eigenen Nutzwert sind nicht empfehlenswert.

Aktualisierung nicht vortäuschen

Wenn Spritpreise automatisch durch einen externen Anbieter aktualisiert werden, kann dies entsprechend erklärt werden.

Der übrige redaktionelle Text einer Seite muss dagegen nicht permanent verändert werden.

Eine gut aufgebaute Seite kann langfristig bestehen bleiben und sollte nur überarbeitet werden, wenn sich:

Anbieter
technische Einbindungen
Datenquellen
Funktionen
rechtliche Rahmenbedingungen

tatsächlich ändern.

Häufige Fragen zu Benzinpreis-Widgets

Kann ich aktuelle Benzinpreise kostenlos auf meiner Website anzeigen?

Ja. Mehrere Anbieter stellen kostenlose Einbindungsmöglichkeiten oder frei nutzbare Schnittstellen zur Verfügung. Je nach Angebot können jedoch Nutzungsbedingungen, Quellenangaben, Zugriffslimits oder technische Voraussetzungen gelten.

Vor der Einbindung solltest Du deshalb immer die aktuellen Bedingungen des jeweiligen Anbieters prüfen.

Kann ich ein Benzinpreis-Widget in WordPress einbauen?

Ja. Viele Widgets können direkt über den Gutenberg-Block „Individuelles HTML“ eingebunden werden.

Das funktioniert insbesondere bei iFrames und vielen JavaScript-Widgets.

PHP-Code kann dagegen nicht direkt in einem Gutenberg-HTML-Block ausgeführt werden.

Welche Kraftstoffpreise können angezeigt werden?

Die meisten deutschen Spritpreis-Angebote konzentrieren sich auf:

Super E5
Super E10
Diesel

Welche Kraftstoffarten tatsächlich zur Verfügung stehen, hängt vom jeweiligen Anbieter und dessen Datenquelle ab.

Woher stammen die aktuellen Benzinpreise?

Viele Dienste nutzen Daten, die auf Meldungen an die Markttransparenzstelle für Kraftstoffe (MTS-K) zurückgehen.

Tankstellen beziehungsweise Mineralölunternehmen melden Preisänderungen an diese Stelle. Zugelassene Verbraucherinformationsdienste können die Daten anschließend für Preisvergleiche und entsprechende Dienste verwenden.

Gibt es eine kostenlose Benzinpreis-API?

Ja. Es gibt Schnittstellen, über die aktuelle Tankstellen- und Preisdaten für eigene Anwendungen abgerufen werden können.

Auf dieser Seite stellen wir beispielsweise Tankerkönig und TankPuls vor.

Die jeweiligen Nutzungsbedingungen, Zugriffslimits und Anforderungen an die Quellenangabe müssen dabei beachtet werden.

Brauche ich für eine Benzinpreis-API einen API-Key?

Das hängt vom Anbieter ab.

Bei Tankerkönig wird für API-Abfragen ein persönlicher API-Key benötigt.

Andere Dienste können bestimmte öffentliche Abfragen auch ohne persönlichen Schlüssel ermöglichen, dafür aber Zugriffslimits vorsehen.

Kann ich Spritpreise für einen bestimmten Ort anzeigen?

Ja. Mehrere Widgets und APIs ermöglichen eine regionale Auswahl.

Je nach Anbieter erfolgt diese beispielsweise über:

Ort
Postleitzahl
geografische Koordinaten
einen definierten Suchradius

Damit lassen sich Benzinpreise gezielt für eine bestimmte Stadt oder Region anzeigen.

Was ist besser: Widget oder API?

Für eine einfache Einbindung ist ein fertiges Widget meistens die bessere Wahl.

Eine API eignet sich dagegen, wenn Du die Daten:

selbst gestalten
filtern
sortieren
mit anderen Informationen kombinieren
oder in einer eigenen Anwendung verwenden

möchtest.

Die API-Lösung setzt allerdings deutlich mehr technische Kenntnisse voraus.

Fazit: Benzinpreise einfach oder individuell auf der eigenen Website anzeigen

Aktuelle Benzinpreise lassen sich auf unterschiedliche Weise in eine eigene Website integrieren.

Wer möglichst schnell und ohne Programmierkenntnisse eine fertige Spritpreisanzeige verwenden möchte, kann auf Angebote wie Benzinpreis.de, Billig-Tanken.de oder TankPilot zurückgreifen.

Für individuellere Anwendungen stehen weitere Möglichkeiten zur Verfügung.

Mit dem Sprit Monitor Pro von Dreamcodes lässt sich beispielsweise eine eigene PHP-basierte Lösung betreiben. Entwickler können mit Schnittstellen wie Tankerkönig oder TankPuls Tankstellen- und Preisdaten abrufen und daraus eine eigene Suche, Tabelle oder Karte entwickeln.

Welche Lösung am besten geeignet ist, hängt deshalb vor allem vom gewünschten Aufwand ab:

fertiges Widget: besonders einfach
iFrame: schnell integrierbar
JavaScript: flexible fertige Einbindung
PHP-Script: stärker individualisierbar
API: maximale Kontrolle über Daten und Darstellung

Für die meisten Webmaster ist ein fertiges Widget der einfachste Einstieg. Wer dagegen eine vollständig eigene Benzinpreis-Anwendung entwickeln möchte, ist mit einer API wesentlich flexibler.

Weitere interessante Webmaster-Tools

Du möchtest Deine Website mit weiteren praktischen Funktionen und Informationen erweitern? Auf meine-erste-homepage.com findest Du noch viele weitere Tools und Anleitungen für Webmaster:

Spritpreise mit einem kostenlosen PHP-Script anzeigen
Ausführliche Anleitung zum Sprit Monitor Pro mit aktuellen Kraftstoffpreisen, Tankstellensuche und Kartenansicht.
Aktuellen Heizölpreis auf Deiner Webseite einbinden
Verschiedene Möglichkeiten, Heizölpreise und Preisrechner auf der eigenen Homepage anzuzeigen.
Tools & Gimmicks für Deine Homepage
Unsere große Übersicht mit Widgets, Rechnern, Generatoren und weiteren praktischen Erweiterungen für Deine Website.
HTML-Anker und Sprungmarken richtig einsetzen
Eine praktische Anleitung, um Besucher direkt zu bestimmten Bereichen einer Webseite springen zu lassen.

Nützliche Inhalte sichtbar machen

Aktuelle Informationen und praktische Widgets können einen guten Grund liefern, eine Webseite zu besuchen. Doch auch ein hilfreiches Angebot benötigt Sichtbarkeit.

Wie Du über Google, gute Inhalte, interne Links und weitere Kanäle mehr passende Besucher erreichen kannst, erfährst Du unter Mehr Besucher für Deine Webseite.