Kostenloses Wetter- und Wassertemperatur-Widget für deine Website
Fügen Sie in unter einer Minute ein kostenloses Wetter- und Meerestemperatur-Widget zu Ihrer Website hinzu. Wählen Sie aus 174 Stränden weltweit, kopieren Sie den Code und fügen Sie ihn überall ein – im Footer, in einer Seitenleiste oder einem Blogbeitrag. Die Karte aus Milchglas fügt sich nahtlos in jede Seite ein, passt ihre Farben dem Hintergrund an und zeigt die Labels automatisch in der Sprache Ihrer Website. So wirkt sie wie ein Teil Ihres eigenen Designs. Sie zeigt die aktuelle Wassertemperatur neben Lufttemperatur, Wetter und UV-Index, funktioniert auf WordPress, Wix oder einfachem HTML und aktualisiert sich von selbst – keine Anmeldung nötig.
Reiseziel auswählen
Auto passt sich Ihrer Seite an – es liest den Hintergrund und wählt passend hellen oder dunklen Text.
Vorschau
Dies ist die echte, aktive Karte – genau das, was deine Besucher sehen werden.
Code kopieren
<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto">
<a href="https://seatempmap.com/destinations/santorini" rel="noopener">Sea temperature in Santorini · SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>Füge dies dort ein, wo die Karte erscheinen soll.
Häufig gestellte Fragen
Wie füge ich das Meerestemperatur-Widget zu meiner Website hinzu?
Wählen Sie oben einen Ort aus, kopieren Sie den Code-Schnipsel und fügen Sie ihn in den HTML-Code Ihrer Seite dort ein, wo die Karte erscheinen soll – im Footer, in einer Seitenleiste oder direkt in einem Beitrag. Es muss nichts installiert und kein Konto erstellt werden: Es funktioniert in jedem HTML- oder Embed-Block auf WordPress, Wix, Squarespace, Shopify oder einer selbst programmierten Website.
Ist das Widget wirklich kostenlos?
Ja – völlig kostenlos für private und kommerzielle Websites gleichermaßen, ohne Anmeldung, ohne API-Schlüssel und ohne Traffic-Limits. Wir bitten Sie lediglich darum, den kleinen Link zu SeaTempMap.com auf der Karte zu belassen – diese Quellenangabe ist der Grund, warum wir das Widget kostenlos anbieten können.
Woher stammen die Daten und wie oft werden sie aktualisiert?
Die Meerestemperaturen stammen aus Satellitendaten der NASA auf einem 1-km-Raster – genau dieselben Messwerte, die Sie auch auf unserer Weltkarte sehen. Lufttemperatur, Wetter und UV-Index stammen aus einem globalen Live-Feed, und die Karte aktualisiert sich von selbst, während Ihre Seite geöffnet ist – so sehen Ihre Besucher immer die aktuellen Bedingungen.
Passt das Widget zum Design meiner Website?
Die Karte ist im Milchglas-Design (Frosted Glass) gestaltet: Sie passt sich dem jeweiligen Hintergrund an und wechselt automatisch zwischen dunklem und hellem Text. So bleibt sie auf jeder Farbe, jedem Foto oder Abschnitt perfekt lesbar. Wenn Sie das Design lieber festlegen möchten, können Sie data-theme auf light oder dark einstellen.
Kann das Widget zu Konflikten mit dem Design meiner Website führen?
Nein – die Karte wird innerhalb eines Shadow DOM gerendert, einer Browser-Funktion, die sie vollständig isoliert. Das CSS Ihres Themes kann das Widget nicht versehentlich beeinträchtigen, und die Styles des Widgets können nicht auf Ihre Seite übergreifen.
Wird das Widget in der Sprache meiner Besucher angezeigt?
Ja – die Karte erkennt die Sprache Ihrer Website und zeigt ihre Beschriftungen automatisch in dieser Sprache an (unterstützt werden 30 Sprachen). Eine französische Seite erhält eine französische Karte, eine deutsche Seite eine deutsche; alle noch nicht unterstützten Sprachen weichen auf Englisch aus.
Wird das Widget meine Seite verlangsamen?
Nein – es handelt sich um ein einziges kleines Skript (unter 20 kB komprimiert, keine Abhängigkeiten), das asynchron nach Ihren eigenen Inhalten geladen wird, sowie um eine einzige winzige Datenabfrage. Und sollte das Laden der Daten einmal fehlschlagen, bricht Ihr Layout nicht zusammen – die Karte blendet sich einfach stillschweigend aus.
Kann ich mehr als einen Ort anzeigen?
Ja – fügen Sie einfach einen Schnipsel pro Ort ein, und jede Karte wird unabhängig gerendert. Ein Hotel mit zwei Standorten kann so problemlos beide anzeigen. Das Skript muss nur einmal pro Seite eingebunden werden, ein Duplikat schadet jedoch nicht.
Welche Orte sind verfügbar?
174 sorgfältig ausgewählte Strände und Küstenstädte weltweit – vom Mittelmeer und dem Atlantik bis hin zur Karibik, Südostasien und dem Pazifik. Suchen Sie in der obigen Liste; falls Ihr Wunschort fehlt, schreiben Sie uns an hello@seatempmap.com, und wir prüfen, ob wir ihn hinzufügen können.
Verwendet das Widget Cookies oder erfasst es Besucherdaten?
Nein – das Widget setzt keine Cookies, speichert nichts auf den Geräten Ihrer Besucher und führt keinerlei Tracking durch – es werden absolut keine personenbezogenen Daten erfasst. Da es lediglich den Temperaturwert abruft, kann es bedenkenlos überall eingebunden werden und hat keinen Einfluss auf Ihr Cookie-Banner oder Ihre Datenschutzerklärung.