Rakenna ilmainen sääwidget
Live-sää mille tahansa kaupungille, täysin muokattavissa. Yksi rivi HTML-koodia — toimii millä tahansa sivustolla (WordPress, Shopify, Wix, tavallinen HTML, missä tahansa). Ikuisesti ilmainen.
1. Valitse kaupunki
/fr/paris → city=paris&country=fr2. Koko
3. Ulkoasu
4. Kieli ja yksiköt
5. Näytä / piilota osiot
Live-esikatselu
Ilmainen sääwidget, jonka mikä tahansa verkkosivusto voi upottaa 60 sekunnissa
Weather.now-widget näyttää reaaliaikaiset säätiedot ja 7 päivän ennusteen mille tahansa kaupungille maailmassa, 38 kielellä. Valitse kaupunki, kopioi lyhyt HTML-pätkä, liitä se sivullesi. Siinä koko asennus. Ei lisäosia, ei tiliä, ei API-avainta, ei maksua.
Käytä sitä blogissa, hotellin aloitussivulla, loma-asunnon sivulla, kiinteistöilmoituksessa, koulun portaalissa, matkaoppaassa, venesatamassa, hiihtokeskuksessa, Shopify-verkkokaupassa – missä tahansa sivulla, joka hyötyy siitä, että näyttää, millainen sää juuri nyt on.
Pätkä tekee kaksi asiaa kerralla. Vierailijoillesi se näkyy siistinä, tyyliteltynä sääkorttina. Hakukoneille, RSS-lukijoille ja ruudunlukuohjelmille se näkyy semanttisena HTML-viittauksena: kaupungin nimi, linkki sen ennustesivulle ja maininta weather.nowista. Molemmat yhdestä koodirivistä.
Miksi ihmiset valitsevat tämän ilmaisen sääwidgetin
- Ilmainen ikuisesti. Ei rekisteröitymistä, ei API-avainta, ei käyttörajaa, ei luottokorttia. Vain liitä ja käytä.
- Mukauta kaikkea. Vaalea, tumma tai automaattinen teema. Korostusväri, taustaväri, tekstin väri, kulmien pyöristys, fonttikoko, widgetin koko ja mitkä osiot näytetään.
- 38 kieltä. Englanti, espanja, ranska, saksa, portugali, italia, hollanti, venäjä, arabia, kiina (yksinkertaistettu ja perinteinen sekä Hongkongille että Taiwanille), japani, korea, vietnam, turkki, puola, tšekki, slovakki, kreikka, heprea, thai, indonesia, malaiji, suomi, norja, ruotsi, tanska, romania, unkari, bulgaria, ukraina, liettua, latvia, viro, sloveeni, serbia ja islanti.
- Valitse päivämäärän ja kellonajan muoto. 12 tunnin AM/PM tai 24 tunnin. Viikonpäivien nimet, KK/PP, PP/KK tai kuukauden nimellä varustetut päivämäärät.
- Valitse yksiköt. Celsius tai Fahrenheit. Metrinen tai imperiaalinen tuulen nopeus. Yksi valinta per widget.
- Sopii mihin tahansa asetteluun. Banneri, neliö, vakio tai täysi esiasetus, tai vedä ja muuta kokoa esikatselussa mihin tahansa kokoon 180×80 ja 1200×1000 pikselin välillä. Widget järjestää sisältönsä automaattisesti uudelleen säiliön muuttuessa.
- Salamannopea. Palvelinpuolen renderöity HTML, ei ulkoisia JavaScript-kirjastoja, ei fonttien latauksia, ei seurantaskriptejä. Latausskripti on noin 1 KB; renderöity widget on 6–8 KB gzipattuna.
- Toimii kaikilla alustoilla. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion-sivustot, pelkkä HTML, yksisivuiset sovellukset — missä tahansa, missä pieni HTML-pätkä on sallittu.
- Suunniteltu hakukoneoptimointia varten. HTML-pätkä sisältää todellisen, indeksoitavan lähdeblokin, jossa on kaupungin nimi ja linkki sen ennustesivulle. Hakukoneet näkevät sen heti, kun ne indeksoivat sivusi, ennen kuin widget-skripti edes käynnistyy.
Kuinka upotus toimii
Liittämäsi HTML-pätkä on pieni lähdeblokki, jota seuraa yhden rivin skriptitagi. Jo itsessään blokki on kelvollista, luettavaa sisältöä: otsikko kaupungin nimellä, linkki koko ennustesivulle ja maininta weather.now-palvelusta. Indeksointirobotit näkevät sen heti saapuessaan sivullesi.
Kun sivu latautuu selaimessa, joka suorittaa JavaScriptiä, latausskriptimme (noin 1 KB, ladataan asynkronisesti) korvaa lähdeblokin tyylitellyllä live-sääwidgetillä. Ihmiskävijät näkevät renderöidyn widgetin. Indeksointirobotit, RSS-lukijat, ruudunlukuohjelmat, sähköpostiohjelmat ja kaikki kontekstit ilman JavaScriptiä näkevät siistin lähdeblokin varavaihtoehtona. Mitään ei piiloteta, mitään ei menetetä.
Tämä on sama lähestymistapa, jota Twitter, Instagram ja Reddit käyttävät upotuksissaan: semanttinen HTML-varavaihtoehto, joka parannetaan rikkaaksi widgetiksi. Sinun ei tarvitse kirjoittaa JavaScriptiä, määrittää iframea tai huolehtia renderöintiä estävistä skripteistä. Liität, julkaiset, se toimii.
Usein kysytyt kysymykset
Onko sääwidget todella ilmainen?
Kyllä — täysin ilmainen, ei vaadi rekisteröitymistä, API-avainta eikä käyttörajoja. Pyydämme vain, että pidät pienen weather.now-maininnan näkyvillä upotuksessa. Tämä maininta auttaa uusia käyttäjiä löytämään meidät ja mahdollistaa sen, että voimme pitää widgetin ilmaisena kaikille.
Kuinka asennan widgetin WordPressiin?
Lohkoeditorissa (Gutenberg) lisää Custom HTML -lohko ja liitä upotuskoodi. Klassisessa editorissa vaihda Teksti- tai HTML-välilehdelle ja liitä koodi sinne. Elementorissa tai Divissä käytä HTML-widgetiä. Mitään lisäosaa tai teeman muokkausta ei tarvita.
Kuinka asennan Shopifyhin?
Avaa teemaeditori, lisää Custom HTML -osio mille tahansa sivulle ja liitä snippet. Jos haluat koko sivuston kattavan widgetin alatunnisteeseen tai sivupalkkiin, muokkaa theme.liquid-tiedostoa ja liitä snippet haluamaasi kohtaan. Se toimii myös tuotesivuilla ja blogiartikkeleissa.
Kuinka asennan Wixiin tai Squarespaceen?
Molemmissa on HTML-upotuslohko. Wixissä lisää Embed HTML -elementti ja liitä koodi. Squarespacessa lisää Code-lohko (asetuksena HTML) ja liitä koodi. Widget toimii oikein molemmissa hiekkalaatikoissa.
Voinko näyttää ennusteita useille kaupungeille samalla sivulla?
Kyllä — liitä snippet niin monta kertaa kuin haluat, yksi per kaupunki. Jokainen widget latautuu itsenäisesti ja välimuistitetaan erikseen reunalla, joten kaupunkien lisääminen ei hidasta sivua.
Hidastaako sääwidget verkkosivustoani?
Ei mitattavaa vaikutusta Core Web Vitals -mittareihin. Latausskripti on noin 1 kt ja latautuu asynkronisesti. Widget itse latautuu laiskasti — se ei renderöidy ennen kuin kävijä vierittää sen lähelle. Renderöity datamäärä on keskimäärin 6–8 kt gzipattuna, ja se tarjoillaan CDN:stä alle 100 millisekunnin viiveellä maailmanlaajuisesti.
Voinko muuttaa värejä ja kokoja widgetin asennuksen jälkeen?
Kyllä — jokainen asetus on selvä HTML-attribuutti upotuskoodissa. Muuta numeroa tai heksaväriä liitetyssä koodissa, niin widget päivittyy seuraavalla sivun latauksella. CSS-tiedostoa tai rakennusvaihetta ei tarvita. Tai palaa yllä olevaan generaattoriin, suunnittele uusi versio ja kopioi tuore upotuskoodi.
Kuinka tuoretta säätieto on?
Ajankohtaiset säätiedot päivittyvät 5–10 minuutin välein palvelimillamme. Widget hakee tiedot suoraan live-välimuistista, joten kävijäsi näkevät aina ajantasaiset säätiedot ilman, että sinun tarvitsee tehdä mitään.
Mitä säädatalähteitä käytätte?
Keräämme dataa suurilta maailmanlaajuisilta meteorologisilta palveluntarjoajilta ja valitsemme kullekin kaupungille korkeimman resoluution lähteen. Kattavuus on maailmanlaajuinen: jokainen asuttu maa ja yli 2,8 miljoonaa kaupunkia ja taajamaa, mukaan lukien syrjäiset paikat, jotka useimmat API:t ohittavat.
Onko widget GDPR-ystävällinen?
Kyllä. Widget ei aseta evästeitä, ei suorita seurantaskriptejä, ei tunnista käyttäjiä sormenjäljen perusteella eikä käytä kävijöiden IP-osoitteita analytiikkaan. Ainoat verkkokutsut ovat weather.now-palveluun widgetin HTML:n ja sääkuvakkeiden hakemiseksi — samanlaisia kutsuja, joita sivustosi tekee upottaessaan YouTube-videon tai Google Mapsin. Sinun ei tarvitse lisätä sitä evästebanneriin.
Toimiiko widget, jos kävijällä on JavaScript pois päältä?
Kyllä — he näkevät HTML-varavaihtoehdon: kaupungin nimen, toimivan linkin sen täyteen ennustesivulle weather.now-palvelussa ja weather.now-maininnan. Tyylitelty widget ilmestyy vasta, kun latausskripti suoritetaan.
Voinko käyttää widgetiä AMP-sivulla?
AMP poistaa mukautetut skriptit, joten live-widget ei renderöidy AMP-sivuilla. HTML-varavaihtoehto (kaupungin nimi, linkki ennusteeseen, tekijätietorivi) on kelvollista AMP-merkintää ja näkyy normaalisti, mikä riittää useimpiin käyttötapauksiin.
Voinko pakottaa tietyn kielen riippumatta siitä, mistä kävijät tulevat?
Kyllä — aseta generaattorissa Kieli-asetukseksi jokin 38 tuetusta lokalisoinnista, niin widget näkyy aina sillä kielellä. Jätä se Automaattinen-tilaan, niin widget seuraa kunkin kävijän selaimen kieltä.
Haluatko lisätä säätiedot sivustollesi?
Vieritä takaisin ylös, etsi kaupunkisi, valitse koko ja värit, ja kopioi koodi. Koko prosessi vie alle minuutin, ja kävijäsi saavat ikuisesti elävän sääennusteen — täysin ilmaiseksi.