Wenn Sie "Ihr Wetter" auf Ihrer Homepage/Webseite kostenlos integrieren möchten, zeigen wir Ihnen hier in wenigen einfachen Schritten wie es geht.
So können Sie ganz einfach auf Ihrer eigenen Homepage Ihr lokales Ortswetter oder die Wettervorhersage für Ihren nächsten Urlaubsort einbinden. Mit der CityID Ihrer Stadt, Ort oder Postleitzahl erhalten Sie die exakten Wetterdaten und Wettervorhersagen für die gewünschte Region.
Die CityID bekommen Sie von unserem Server.
Verwenden Sie die verschiedenen Homepage Wetter Module sowohl auf Seiten mit hellen, als auch auf Seiten mit dunklen Hintergründen.
Alternativ können Sie das Homepagewetter auch mit GEOIP / Geotargeting bekommen, siehe dazu Anleitung am Ende der Seite .
Schritt für Schritt Anleitung zum Einbinden des Homepage Wetters in Ihre eigene Webseite.
Bsp.: Das "Watzmannhaus" im Berchtesgadener Land.
Schritt | Beschreibung | Ausführung |
1 | Suche CityID Watzmannhaus | Gehen Sie auf die Ortswetterabfrage von meteo-services.com >> Wie wird das Wetter in ? |
2 | Tippen Sie den gewünschten Ort ins Suchfeld. In unserem Bsp: Watzmannhaus |
Geben Sie Watzmannhaus ein und klicken Sie auf Suchen |
3 | In unserem Fall wird das Watzmannhaus gleich gefunden, sonst erscheint bei mehreren Treffern eine Ortsauswahlliste. | Wählen Sie den Ort aus wenn es mehrere Treffer gibt. In diesem Fall wird das Watzmannhaus direkt angezeigt. |
4 | Wo ist die CityID die ich benötige ? | Diese CityId steht am Ende der Seite links unten CityID= "Wert" |
5 | Schreiben Sie sich diese CitydID auf. | In unserem Bsp: 34962 |
6 | Jetzt können Sie das Homepagewetter mittels HTML einbinden. | Fügen Sie in Ihrer Webseite, an der von Ihnen vorgesehenen Position, folgenden, untenstehenden, HTML Code ein und ersetzen Sie cityid=....... durch die Cityid ihres gewünschten Ortes. |
Version I: Vorschau ein Tag ( Wetterzustand + Temp + Niederschlagsrisiko)
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=1&hpw=1&cityid=34962 width="99%" height="140" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version II: Vorschau ein Tag (dunkler Hintergrund) ( Wetterzustand + Temp )
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=1&hpw=1&bgc=000000&tc=FFFFFF&cityid=34962 width="99%" height="140" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version III: 3 Tage Vorschau (Wetter + Temp )
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=3&hpw=1&cityid=34962 width="99%" height="140" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version IV: 3 Tage Vorschau (dunkler Hintergrund)Wetter + Temp
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=3&hpw=1&bgc=000000&tc=FFFFFF&cityid=34962 width="99%" height="140" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version V: 3 Tage Vorschau (Wetter+ Temp + Niederschagsw. + Wind )
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=3&hpw=0&cityid=34962 width="99%" height="180" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version VI: 3 Tage Vorschau (dunkler Hintergrund) (Wetter + Temp + Niederschagsw + Wind )
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=2&hpw=0&bgc=000000&tc=FFFFFF&cityid=34962 width="99%" height="180" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version VII: GEOIP - Wetter 3- Tage // MIN + MAX
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=2&hpw=1 width="99%" height="180" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version VIII: GEOIP - Wetter 3- Tage // MIN und MAX (dunkler Hintergrund)
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=2&hpw=1&bgc=000000&tc=FFFFFF width="99%" height="180" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version IX: GEOIP - Wetter 4-Tage MIN. MAX, WIND, Niederschlag
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=3&hpw=0 width="99%" height="180" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Version X: GEOIP - Wetter 4-Tage MIN. MAX, WIND, Niederschlag (dunkler Hintergrund)
Einzufügender Code | So sollte das Ergebnis aussehen |
<iframe src="//api-main01.meteo-services.com/foreign/citygeoip.php?tm=3&hpw=0&bgc=000000&tc=FFFFFF width="99%" height="180" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Meteo-Services"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="https://.meteo-services.com"> meteo-services.com </a></p> </iframe> |
Hinweise zur Nutzung des Homepagewetters von Meteo-Services LTD.
Die Nutzung unseres Homepagewetters ist kostenlos. Dabei spielt es keine Rolle ob Sie eine kommerzielle oder private Homepage / Webpräsenz betreiben.
Jedoch gibt es folgende Einschränkung und Nutzungsbedingung:
- pro Homepage / Domain gestatten wir die Anzeige von maximal 4, in Worten vier, Homepagewettermodulen von Meteo-Services
- Der Copyright Hinweis von meteo-services.com muss sichtbar sein
- Wir übernehmen keinerlei Garantie für die Verfügbarkeit des Homepagewetters und behalten uns vor den Dienst jederzeit ohne vorherige Information abzuändern und anzupassen.
- Mit der Einbindung unseres Homepagewetters erkennen Sie diese Bedingungen an.
Sollten Sie als Betreiber einer kommerziellen Webseite gesicherte Bereistellung der Daten oder weitere Inhalte benötigen stehen wir Ihnen gerne für Rückfragen zur Verfügung. Meteo-Services - Kontakt