Készítse el ingyenes időjárás-widgetjét
Élő időjárás bármely városhoz, teljesen testreszabható. Egy sor HTML — bármely weboldalon működik (WordPress, Shopify, Wix, sima HTML, bárhol). Örökre ingyenes.
1. Válasszon 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 jelenít meg bármely városra a világon, 38 nyelven. Válassz egy várost, másold ki a rövid HTML-kódrészletet, illeszd be az oldaladba. Ennyi a telepítés. Nincs szükség pluginra, fiókra, API-kulcsra vagy fizetésre.
Használhatod blogon, szálloda nyitóoldalán, üdülőhelyi oldalon, ingatlanhirdetésben, iskolai portálon, útikalauzban, kikötői oldalon, síparadicsom weboldalán, Shopify áruházban – bárhol, ahol az oldal látogatói számára hasznos, ha látják, hogy éppen milyen az idő.
A kódrészlet két dolgot tesz egyszerre. A látogatóid számára egy tiszta, stílusos 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 nevét, az előrejelzési oldalra mutató linket és a weather.now-ra való hivatkozást tartalmazza. Mindezt egyetlen kódsorból.
Miért választják ezt az ingyenes időjárás-widgetet
- Örökre ingyenes. Nincs regisztráció, nincs API-kulcs, nincs használati korlát, nincs bankkártya. Csak másold be és használd.
- 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 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 is), japán, koreai, vietnami, 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-mel vagy 24 órás. Hétköznapnevek, HH/NN, NN/HH vagy hónapnévvel ellátott dátumok.
- Válaszd ki a mértékegységeket. Celsius vagy Fahrenheit. Metrikus vagy angolszász szélsebesség. Widgetenként egy választás.
- Bármilyen elrendezéshez illik. Banner, négyzet, szabvány vagy teljes előbeállítások, vagy húzd át a méretezőt bármilyen 180×80 és 1200×1000 pixel közötti méretre. A widget automatikusan átrendezi a tartalmát a konténer változásakor.
- Villámgyors. Szerveroldalon renderelt HTML, nincs külső JavaScript könyvtár, nincs betűtípus letöltés, nincs követő szkript. A betöltő szkript körülbelül 1 KB; a megjelenített widget 6–8 KB tömörítve.
- Minden platformon működik. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion oldalak, sima HTML, egyoldalas alkalmazások – bárhol, ahol egy kis HTML kódrészlet megengedett.
- SEO-ra optimalizálva. A kódrészlet tartalmaz egy valódi, indexelhető hivatkozásblokkot a város nevével és egy linkkel az előrejelzés oldalára. A keresőmotorok azonnal látják, amikor bejárják az oldalt, még mielőtt a widget szkript lefutna.
Hogyan működik a beágyazás
A beillesztett kódrészlet egy kis HTML hivatkozásblokkból és egy egysoros szkriptcímkéből áll. Ö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és oldalára, és egy weather.now hivatkozás. A keresőrobotok azonnal látják, amikor 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 betöltve) lecseréli a hivatkozásblokkot a stílusos, élő időjárás widgetre. Az emberi látogatók a megjelenített widgetet látják. A keresőrobotok, RSS olvasók, képernyőolvasók, e-mail kliensek és minden JavaScript nélküli környezet a tiszta hivatkozás tartalékot látja. Semmi sincs elrejtve, semmi sem vész el.
Ugyanezt a megközelítést alkalmazza a Twitter, az Instagram és a Reddit is a beágyazásaiknál: egy szemantikus HTML tartalék, amelyet egy gazdag widgeté fejlesztenek. Nem kell JavaScriptet írnod, iframe-et konfigurálnod, vagy renderelést blokkoló szkriptek miatt aggódnod. Beilleszted, közzéteszed, működik.
Gyakran ismételt kérdések
Az időjárás widget tényleg ingyenes?
Igen — teljesen ingyenes, regisztráció, API-kulcs és használati korlát nélkül. Csak annyit kérünk, hogy tartsd láthatóvá a kis weather.now kreditet a kódrészletben. Ez a kredit segít az új felhasználóknak megtalálni 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 Szöveg vagy HTML fülre, és illeszd be oda. Az Elementor vagy Divi használatakor a HTML widgetet használd. Nincs szükség bővítményre vagy témamódosításra.
Hogyan telepíthetem Shopify-ra?
Nyissa meg a témaszerkesztőt, adjon hozzá egy Custom HTML szakaszt bármelyik oldalhoz, és illessze be a kódrészletet. Ha az egész oldalon megjelenő widgetet szeretne a láblécben vagy az oldalsávban, szerkessze a theme.liquid fájlt, és illessze be a kódrészletet 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 HTML beágyazó elemet, és illeszd be a kódrészletet. Squarespace-ben adj hozzá egy Kód blokkot (állítsd HTML-re), és illeszd be a kódrészletet. A widget mindkét sandboxban helyesen jelenik meg.
Megjeleníthetek előrejelzéseket több városra ugyanazon az oldalon?
Igen – illessze be a kódrészletet annyiszor, ahányszor csak akarja, városonként egyszer. Minden widget függetlenül töltődik be, és külön gyorsítótárazódik a peremhálózaton, így több város hozzáadása nem lassítja le az oldalt.
Lassítja az időjárás-widget a weboldalamat?
Nincs mérhető hatása 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, és egy CDN-ről szolgáljuk ki, világszerte 100 ezredmásodperc alatti késleltetéssel.
Megváltoztathatom a színeket és 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 hex színt a beillesztett kódban, és a widget frissül a következő oldalbetöltéskor. 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?
A jelenlegi időjárási adatok 5-10 percenként frissülnek a szervereinken. A widget az élő gyorsítótárból tölti be az adatokat, í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áltok?
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 legtöbb API által elérhetetlen távoli helyeket is.
GDPR-kompatibilis a widget?
Igen. A widget nem helyez el sütiket, nem futtat nyomkövető szkripteket, nem ujjlenyomatozza a felhasználókat, és nem használja a látogatók IP-címét elemzésre. Az egyetlen hálózati hívás a weather.now felé irányul a widget HTML-jének és az időjárás-ikonoknak a lekérésére — ugyanolyan típusú hívás, mint amikor egy YouTube-videót vagy Google Térképet ágyaz be az oldal. Nem kell hozzáadnia egy süti bannerhez.
Működik a widget, ha a látogatóknál ki van kapcsolva a JavaScript?
Igen — ilyenkor a HTML-alapú tartalék 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 hivatkozás. A stílusos widget csak akkor jelenik meg, ha a betöltő szkript lefut.
Használhatom a widgetet AMP-oldalon?
Az AMP eltávolítja az egyedi szkripteket, így az élő widget nem jelenik meg AMP-oldalakon. A HTML tartalék (városnév, link az előrejelzéshez, forrásmegjelölés) érvényes AMP-kód, és normálisan megjelenik, ami a legtöbb felhasználási esethez elegendő.
Kényszeríthetek egy adott nyelvet, függetlenül attól, hogy honnan érkeznek a látogatók?
Igen — állítsa be a Nyelv opciót a generátorban a 38 támogatott nyelvterület bármelyikére, és a widget mindig azon a nyelven jelenik meg. Ha Automata üzemmódban 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 tegyen az oldalára?
Görgessen vissza, keresse meg a városát, válassza ki a méretet és a színeket, majd másolja ki a kódot. Az egész folyamat kevesebb mint egy percet vesz igénybe, és látogatói örökre élő időjárás-előrejelzést kapnak – teljesen ingyen.