Predpoveď pre Slovensko · Open-Meteo

🧩 Ako vložiť widget počasia na váš web

Widget je zadarmo a bez registrácie, jedinou podmienkou je ponechané uvedenie zdroja. Pre správcu webu je to práca na dve minúty a ďalej sa už neudržiava, predpoveď sa aktualizuje sama. Nižšie je 32 návodov podľa systému, každý s krokmi, obmedzeniami a rozdielmi verzií; kód pre svoju obec si vygenerujte na stránke Widget pre vašu obec.

Nedostanete sa do webu obce? Nemusíte čakať na dodávateľa. Namiesto widgetu stačí obyčajný odkaz na predpoveď pre vašu obec. Pridáte ho medzi užitočné odkazy alebo do pätičky, teda všade, kam viete napísať vetu. Postup je nižšie na tejto stránke.

Poznámka pre obce: portály eSMAO a DCOM sú elektronické služby (eGovernment), nie webové sídlo obce, okienko s počasím patrí na hlavný web obce.

Redakčné systémy (CMS)

Postup, ktorý platí pre každý systém

Nech používate WordPress, Joomla, Webnode alebo ručne písané HTML, kroky sú vždy tie isté; jednotlivé návody sa líšia len v tom, kde presne sa v danom systéme nachádza blok na vlastný HTML kód.

  1. Vygenerujte kód pre svoje mesto či obec na stránke Widget pre vašu obec, vyhľadáte miesto a skopírujete jeden riadok.
  2. Vložte ho do bloku vlastného HTML na tú podstránku, kde ho chcete mať (najčastejšie domovská stránka alebo bočný panel). Nie do bežného textového editora, ten značky niekedy odstráni.
  3. Skontrolujte na mobile. Widget je responzívny, ale ak ho vložíte do stĺpca s pevnou šírkou, ohraničí ho tá, na telefóne sa potom zobrazí menší, než by mohol byť.

Widget sa ďalej aktualizuje sám z dát Open-Meteo, nie je ho treba nijako udržiavať. Kliknutie naň otvorí plnú predpoveď pre vaše miesto.

Nedostanete sa do webu? Stačí odkaz

Vkladanie kódu je úloha pre správcu stránky a nie každá obec ho má po ruke, web často spravuje externý dodávateľ. Čakať naň netreba: namiesto widgetu použite obyčajný odkaz na predpoveď pre vašu obec. Pridáte ho medzi užitočné odkazy alebo do pätičky, teda všade, kam viete napísať vetu. Pre návštevníka to robí to isté, klik a je pri predpovedi pre svoju obec.

Hotový odkaz nájdete na stránke Widget pre vašu obec v sekcii „Alebo len odkaz: desať sekúnd a bez správcu“. Widget doplníte kedykoľvek neskôr, jedno druhému neprekáža.

Časté otázky o vkladaní widgetu

Koľko widget počasia stojí?

Nič. Widget je zadarmo pre obce, mestá, ubytovania, školy aj médiá. Jedinou podmienkou je ponechať v ňom uvedený zdroj onlinepocasie.sk, je tam automaticky, netreba nič dopisovať.

Potrebujeme kvôli widgetu lištu súhlasu s cookies?

Nie. Widget nepoužíva cookies ani nič neukladá do prehliadača návštevníka a nesleduje jednotlivých ľudí, takže nespúšťa povinnosť žiadať súhlas podľa GDPR. Je to jeden malý iframe s odloženým načítaním (loading="lazy").

Spomalí widget stránku obce?

Nie citeľne. Vďaka atribútu loading="lazy" sa obsah widgetu načíta až vtedy, keď sa k nemu návštevník doscrolluje, a nespomaľuje teda vykreslenie hlavnej stránky. Nepridáva žiadnu javascriptovú knižnicu na váš web.

Funguje widget aj pre malú obec?

Áno, pre ľubovoľnú obec na Slovensku aj v zahraničí. Predpoveď sa načítava podľa súradníc miesta priamo z Open-Meteo, takže nezáleží na tom, či máte meteostanicu, funguje aj pre obce s pár stovkami obyvateľov.

Čo ak náš redakčný systém iframe vymaže?

Niektoré editory pri uložení HTML odstránia značky, ktoré nepoznajú. Riešenie je vložiť kód do bloku typu Vlastné HTML / Custom HTML / HTML snippet, nie do bežného textového editora, presné miesto pre váš systém je v návode nižšie. Ak to váš systém nedovolí vôbec, použite namiesto widgetu obyčajný odkaz: robí pre návštevníka to isté a vloží sa ako bežný text.

Web nám spravuje externý dodávateľ, nemáme doň prístup. Dá sa to aj tak?

Áno, a netreba naň čakať. Namiesto vkladania kódu pridajte obyčajný odkaz na predpoveď pre vašu obec, dá sa dopísať do bežného textu, medzi užitočné odkazy alebo do pätičky, čiže všade, kam viete napísať vetu. Odkaz si vygenerujete na stránke Widget pre vašu obec, sekcia „Alebo len odkaz: desať sekúnd a bez správcu“. Keď sa neskôr k webu dostanete, widget doplníte podľa návodu nižšie.