Készítsd el ingyenes időjárás-widgetedet
Élő időjárás bármely városhoz, teljesen testreszabható. Egy sor HTML – működik bármely oldalon (WordPress, Shopify, Wix, sima HTML, bárhol). Örökre ingyenes.
1. Válassz várost
/fr/paris → city=paris&country=fr2. Méret
3. Kinézet
4. Nyelv és mértékegységek
5. Szakaszok megjelenítése/elrejtése
Élő előnézet
Az ingyenes időjárás widget, amelyet bármely weboldal 60 másodperc alatt beágyazhat
A weather.now widget élő aktuális időjárási adatokat és 7 napos előrejelzést mutat a világ bármely városáról, 38 nyelv bármelyikén. Válasszon egy várost, másoljon ki egy rövid HTML kódrészletet, illessze be az oldalába. Ennyi a telepítés. Nincs szükség pluginra, fiókra, API-kulcsra, fizetésre.
Használja blogon, szálloda céloldalán, nyaralókiadó oldalán, ingatlanhirdetésben, iskolai portálon, útikalauzban, kikötői oldalon, síparadicsom weboldalán, Shopify-üzletben — bárhol, ahol egy oldal előnyére válik, ha mutatja, hogy éppen milyen az időjárás.
A kódrészlet egyszerre két dolgot tesz. A látogatók számára egy letisztult, formázott időjárás-kártyaként jelenik meg. A keresőmotorok, RSS-olvasók és képernyőolvasók számára pedig szemantikus HTML-idézetként: a város neve, egy link az előrejelzési oldalára, valamint a weather.now kreditje. Mindezt egyetlen kódsorból.
Miért választják ezt az ingyenes időjárás widgetet
- Örökké ingyenes. Nincs regisztráció, nincs API kulcs, nincs használati korlát, nincs bankkártya. Csak illeszd be, és indulj.
- Testreszabhatsz mindent. Világos, sötét vagy automatikus téma. Kiemelő szín, háttérszín, szövegszín, saroklekerekítés, betűméret, widget méret, és hogy mely szakaszok jelenjenek meg.
- 38 nyelv. Angol, spanyol, francia, német, portugál, olasz, holland, orosz, arab, kínai (egyszerűsített és hagyományos Hongkong és Tajvan számára), japán, koreai, vietnámi, török, lengyel, cseh, szlovák, görög, héber, thai, indonéz, maláj, finn, norvég, svéd, dán, román, magyar, bolgár, ukrán, litván, lett, észt, szlovén, szerb és izlandi.
- Válaszd ki a dátum- és időformátumot. 12 órás AM/PM vagy 24 órás. Hétköznapok nevei, MM/DD, DD/MM vagy hónapneves dátumok.
- Válaszd ki a mértékegységeket. Celsius vagy Fahrenheit. Metrikus vagy angolszász szélsebesség. Egy választás widgetenként.
- Bármilyen elrendezésbe illik. Banner, négyzet, szabványos vagy teljes előbeállítások, vagy húzd át az előnézetet bármilyen méretre 180×80 és 1200×1000 pixel között. A widget automatikusan átrendezi a tartalmát, ha a tároló mérete változik.
- Villámgyors. Szerveroldalon renderelt HTML, nincs külső JavaScript-könyvtár, nincs betűtípus-letöltés, nincs nyomkövető szkript. A betöltő szkript körülbelül 1 KB; a renderelt widget tömörítve 6-8 KB.
- Minden platformon működik. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion webhelyek, egyszerű HTML, egyoldalas alkalmazások – bárhol, ahol egy kis HTML-részlet megengedett.
- SEO-ra optimalizálva. A kódrészlet egy valódi, indexálható hivatkozásblokkot tartalmaz, amelyben szerepel a város neve és egy link az előrejelzési oldalára. A keresőmotorok látják, amint bejárják az oldalt, még mielőtt a widget szkriptje lefutna.
Hogyan működik a beágyazás?
A beillesztett kódrészlet egy kis HTML-hivatkozásblokk, amelyet egy egysoros szkriptcímke követ. Önmagában ez a blokk már érvényes, olvasható tartalom: egy címsor a város nevével, egy link a teljes előrejelzési oldalra, valamint egy weather.now-ra utaló forrásmegjelölés. A robotok azonnal látják, amint elérik az oldalt.
Amikor az oldal egy JavaScriptet futtató böngészőben töltődik be, a betöltő szkriptünk (kb. 1 KB, aszinkron módon betöltve) lecseréli a hivatkozásblokkot a megformázott, élő időjárás-widgetre. A látogatók a megjelenített widgetet látják. A robotok, RSS-olvasók, képernyőolvasók, e-mail kliensek és minden olyan környezet, ahol nincs JavaScript, a tiszta hivatkozás-alternatívát kapják. Semmi sem rejtve, semmi sem vész el.
Ugyanezt a megközelítést alkalmazza a Twitter, az Instagram és a Reddit is beágyazásaiknál: egy szemantikus HTML-alternatíva, amely gazdag widgeté fejlődik. Nem kell JavaScriptet írnod, iframe-et konfigurálnod, vagy renderelést blokkoló szkriptek miatt aggódnod. Beilleszted, publikálod, működik.
Gyakran ismételt kérdések
Tényleg ingyenes az időjárás widget?
Igen – teljesen ingyenes, regisztráció, API-kulcs és használati korlát nélkül. Csupán annyit kérünk, hogy tartsd meg a kis weather.now hivatkozást láthatóan a kódrészletben. Ez a hivatkozás segít az új felhasználóknak felfedezni minket, és ez teszi lehetővé, hogy a widget mindenki számára ingyenes maradjon.
Hogyan telepíthetem a widgetet WordPressre?
A blokkszerkesztőben (Gutenberg) adj hozzá egy Egyéni HTML blokkot, és illeszd be a kódrészletet. A klasszikus szerkesztőben válts a Text vagy HTML fülre, és illeszd be oda. Az Elementorban vagy Diviben használd az HTML widgetet. Nincs szükség bővítmény vagy témamódosításra.
Hogyan telepíthetem Shopify-on?
Nyisd meg a témaszerkesztőt, adj hozzá egy egyéni HTML-szakaszt bármely oldalhoz, és illeszd be a kódrészletet. Ha a widgetet a láblécben vagy oldalsávban szeretnéd elhelyezni, szerkeszd a theme.liquid fájlt, és illeszd be a kívánt helyre. Termékoldalakon és blogcikkekben is működik.
Hogyan telepíthetem Wixre vagy Squarespace-re?
Mindkét szerkesztő rendelkezik HTML beágyazó blokkal. Wixben adj hozzá egy Embed HTML elemet, és illeszd be a kódrészletet. Squarespace-ben adj hozzá egy Code blokkot (állítsd HTML-re), és illeszd be a kódrészletet. A widget mindkét sandboxban helyesen jelenik meg.
Megjeleníthetek több város előrejelzését is ugyanazon az oldalon?
Igen — illeszd be a kódrészletet annyiszor, ahányszor csak szeretnéd, városonként egyszer. Minden widget egymástól függetlenül töltődik, és a peremen külön gyorsítótárazódik, így további városok hozzáadása nem lassítja le az oldalt.
Lassítja az időjárás-widget a weboldalamat?
Nincs mérhető hatás a Core Web Vitals mutatókra. A betöltő szkript körülbelül 1 KB méretű, és aszinkron módon töltődik be. Maga a widget lustán töltődik — csak akkor jelenik meg, amikor a látogató a közelébe görget. A megjelenített adatmennyiség átlagosan 6–8 KB tömörítve, amely egy CDN-ről érkezik, világszerte 100 ezredmásodperc alatti késleltetéssel.
Megváltoztathatom a színeket és a méreteket a widget telepítése után?
Igen – minden opció egy egyszerű HTML attribútum a kódrészletben. Változtass meg egy számot vagy egy hex színt a beillesztett kódban, és a widget a következő oldalbetöltéskor frissül. Nincs szükség CSS fájlra vagy build lépésre. Vagy térj vissza a fenti generátorhoz, tervezz egy új változatot, és másolj ki egy friss kódrészletet.
Mennyire friss az időjárási adat?
Az aktuális időjárás 5-10 percenként frissül a szervereinken. A widget az élő gyorsítótárból tölti be, így a látogatóid mindig naprakész időjárást látnak anélkül, hogy bármit tenned kellene.
Milyen időjárási adatforrásokat használ?
Adatokat gyűjtünk a legnagyobb globális meteorológiai szolgáltatóktól, és minden városhoz a legnagyobb felbontású elérhető forrást választjuk. Lefedettségünk világméretű: minden lakott ország és több mint 2,8 millió város és település, beleértve a távoli helyeket is, amelyeket a legtöbb API kihagy.
GDPR-kompatibilis a widget?
Igen. A widget nem használ sütiket, nem futtat követő szkripteket, nem ujjlenyomatozza a felhasználókat, és nem használja a látogatók IP-címeit analitikai célokra. Az egyetlen hálózati hívás, amit végez, a weather.now felé irányul a widget HTML-tartalmának és az időjárás ikonjainak letöltésére — ugyanolyan típusú hívás, amit az Ön oldala is végez, amikor YouTube-videót vagy Google Térképet ágyaz be. Nem kell hozzáadnia a cookie-sávhoz.
Működik a widget, ha a látogatóknak le van tiltva a JavaScript?
Igen — a HTML tartalék elem jelenik meg: a város neve, egy működő link a teljes előrejelzési oldalra a weather.now-n, valamint a weather.now kredit. A formázott widget csak akkor jelenik meg, ha a betöltő szkript lefutott.
Használhatom a widgetet AMP-oldalon?
Az AMP eltávolítja az egyedi szkripteket, így az élő widget nem jelenik meg az AMP-oldalakon. A HTML-alternatíva (városnév, előrejelzés linkje, kredit sor) érvényes AMP jelölés, és normálisan megjelenik, ami a legtöbb esetben elegendő.
Kényszeríthetek egy adott nyelvet, függetlenül attól, hogy honnan érkeznek a látogatók?
Igen — állítsa a Nyelv opciót a generátorban a 38 támogatott területi beállítás bármelyikére, és a widget mindig ezen a nyelven fog megjelenni. Ha Auto-n hagyja, a widget az egyes látogatók böngészőjének nyelvét követi.
Készen áll, hogy időjárást adjon az oldalához?
Görgess fel, keresd meg a városod, válaszd ki a méretet és a színeket, majd másold ki a kódot. Az egész folyamat kevesebb mint egy percet vesz igénybe, és a látogatóid élő időjárás-előrejelzést kapnak örökre – teljesen ingyen.