Cum să adaugi un widget live de previziune a apusului pe site-ul tău web

Vizitatorii tăi nu ar trebui să deschidă o altă aplicație meteo pentru a decide dacă această seară merită planificată. Un widget de previziune a apusului pune răspunsul direct pe site-ul tău, lângă camera, destinația, webcam-ul sau informațiile de fotografie pe care deja le vizualizează.

Widgeturile Sunset Predictor transformă o locație fixă într-o previziune actualizată automat pe care o poți încorpora fără a crea propria integrare meteo. Rezultatul este o funcție compactă și utilă pentru editorii de călătorii, hoteluri, site-uri turistice, pagini de webcam și fotografi.

Ce arată widgetul de previziune a apusului

Fiecare widget oferă vizitatorilor informațiile de bază de care au nevoie dintr-o privire:

• Un scor de calitate a apusului de la 0 la 100
• O evaluare clară: Epic, Bun, Acceptabil sau Slab
• Ora locală a apusului pentru locația selectată
• Un nume de locație sau propria etichetă de afișare
• O propoziție opțională care explică previziunea
• Detalii meteo opționale în dimensiunea Personalizată

Scorul este prezentat într-un inel colorat, astfel încât vizitatorii să poată înțelege perspectiva înainte de a citi numărul. De exemplu, un hotel din Santorini poate afișa previziunea pentru Oia, în timp ce un operator de webcam din San Francisco poate eticheta același tip de widget „Golden Gate View.”

Dimensiunea Personalizată poate arăta, de asemenea, condiții meteo selectate: temperatura, acoperirea cu nori, probabilitatea de ploaie, umiditatea, vântul, vizibilitatea, presiunea și calitatea aerului. Tu alegi care valori apar și ordinea în care vizitatorii le văd.

De ce să adaugi un widget de apus pe site-ul tău web?

Un widget este cel mai valoros când condițiile apusului afectează ceea ce vizitatorii tăi plănuiesc să facă. Adaugă informații relevante, în schimbare, pe o pagină care altfel ar putea rămâne statică.

Oferă vizitatorilor un motiv practic pentru a rămâne

Un ghid de destinație poate descrie unde să vezi apusul. Widgetul adaugă întrebarea lipsă: cât de promițător pare această seară? Vizitatorii obțin un context util pentru planificare fără a părăsi mai întâi pagina ta pentru a căuta în altă parte.

Adaugă o funcție fără a menține un sistem de previziuni

Datele meteo, scorul, etichetele, formatarea timpului și reîmprospătările automate sunt gestionate pentru tine. Instalarea este un scurt fragment de înglobare în locul unui proiect API personalizat cu propria interfață, gestionare a erorilor și întreținere continuă.

Potrivește informațiile cu publicul tău

Un hotel poate dori o previziune rafinată pentru o singură terasă. Un site turistic poate avea nevoie de widgeturi separate pentru Lisabona, Porto și Madeira. Un fotograf poate prefera un scor compact lângă un ghid de locație. Fiecare widget este legat de o locație, astfel încât contextul să rămână clar.

Integrează widgetul în designul tău existent

Alege un tema luminoasă, întunecată sau automată; selectează o dimensiune; și setează culoarea de accent al inelului de scor. Poți, de asemenea, să înlocuiești numele geografic cu o etichetă prietenoasă pentru vizitatori, cum ar fi „Terasă de Vest”, „Camera Plajei” sau „Punct de Observație Vechiul Oraș”.

Servește vizitatorii internaționali

Widgeturile suportă 14 limbi: engleză, franceză, germană, spaniolă, rusă, portugheză, japoneză, română, ucraineană, arabă, ebraică, chineză simplificată, hindi și italiană. Poți alege, de asemenea, unități metrice sau imperiale și un ceas de 12 ore sau 24 de ore.

Cum să creezi primul tău widget

Poți încerca constructorul și previzualizarea live înainte de a te autentifica. Un cont este necesar doar când dorești să salvezi widgetul și să primești codul său de înglobare.

1. Deschide constructorul de Widgeturi

Deschide constructorul de Widgeturi Sunset Predictor și experimentează cu previzualizarea publică. Previzualizarea se actualizează pe măsură ce schimbi tema, dimensiunea, culoarea, limba și alte setări de afișare.

Când ești gata să salvezi, autentifică-te sau creează un cont gratuit. Din tabloul de bord al widgeturilor, selectează Creează Widget.

2. Denumește widgetul pentru propriul tău tablou de bord

Introdu un nume intern scurt, cum ar fi „Pagina Principală Hotel Lisabona” sau „Webcam Brighton.” Vizitatorii văd eticheta locației selectate, nu acest nume de management, așa că folosește ceva care să ajute echipa ta să recunoască widgetul mai târziu.

3. Caută locația previziunii

Tastează cel puțin trei caractere și selectează orașul corect din rezultate. Coordonatele alese determină previziunea și ora locală a apusului.

Poți introduce, de asemenea, un nume de afișare opțional. Acest lucru este util când locul destinat publicului are un nume mai specific sau familiar decât rezultatul orașului. De exemplu:

• Folosește „Vederea de pe Acoperișul nostru” în loc de „București, România”
• Folosește „Plaja Copacabana” în loc de „Rio de Janeiro, Brazilia”
• Folosește „Camera de pe Coasta de Nord” în loc de municipalitatea cea mai apropiată

Alege cu grijă: o locație de previziune a unui widget nu poate fi schimbată după crearea sa. Creează un nou widget dacă mai târziu ai nevoie de un loc diferit. Numele de afișare poate fi încă editat.

4. Alege aspectul și informațiile

Folosește previzualizarea live în timp ce configurezi widgetul. Cele mai bune setări depind de locul în care va apărea:

Setare	Opțiuni	Ghid practic
Tema	Luminoasă, întunecată, automată	Folosește automat când site-ul gazdă deja urmează tema sistemului vizitatorului.
Dimensiune	Compactă, standard, Personalizată	Compactă se potrivește în barele laterale; standard echilibrează detalii și spațiu; Personalizată adaugă o grilă meteo.
Culoare de accent	Presetări sau culoare personalizată	Asortează cu o culoare de brand păstrând în același timp suficient contrast în jurul inelului de scor.
Descriere	Activată sau dezactivată	Adaugă o scurtă explicație a motivului pentru care previziunea a primit scorul său. Nu este disponibilă la dimensiune compactă.
Limbă	14 limbi suportate	Potrivește limba paginii pe care va apărea widgetul.
Unități	Metrice sau imperiale	Alege formatul la care se așteaptă vizitatorii tăi.
Timp	12 ore sau 24 ore	Potrivește convenția folosită în altă parte pe site-ul tău web.
Reîmprospătare	15 până la 120 de minute	Frecvența disponibilă depinde de planul contului.

Pentru dimensiunea Personalizată, selectează și reordonează detaliile meteo care contează pentru publicul tău. Un fotograf ar putea prioritiza norii, vizibilitatea și probabilitatea de ploaie. Un hotel poate prefera temperatura, norii și vântul.

5. Creează widgetul și copiază codul de înglobare

Selectează Creează Widget. Ecranul următor arată previzualizarea salvată și două opțiuni de instalare: Etichetă Script și iFrame.

Opțiune de înglobare	Cel mai bun pentru	Ce să știi
Etichetă Script	Majoritatea site-urilor și a layout-urilor personalizate	Se încarcă asincron și redă widgetul direct în pagină.
iFrame	Platforme CMS sau pagini care izolează conținutul terț	Păstrează widgetul în propriul său document și include ajustare automată a înălțimii.

Opțiunea de Etichetă Script arată astfel, cu ID-ul unic al widgetului tău inserat automat:

<div id="sunset-widget-wgt_your_widget_id"></div>
<script src="https://sunset-predictor.com/api/widget/embed.js?v=1"
        data-widget-id="wgt_your_widget_id"
        async></script>

Folosește butonul Copiază Codul în loc să editezi manual ID-ul generat.

6. Lipește fragmentul pe site-ul tău web

Adaugă codul acolo unde dorești să apară widgetul. Locația exactă depinde de platformă:

• Pe un site codat personalizat, plasează-l în șablonul de pagină relevant sau blocul de conținut.
• În WordPress, folosește un bloc HTML personalizat.
• Într-un constructor de pagini, folosește un element HTML, embed sau cod.
• Într-un CMS cu reguli stricte pentru scripturi, încearcă opțiunea iFrame.

Publică sau actualizează pagina, apoi deschide URL-ul live și verifică widgetul atât pe desktop, cât și pe mobil. Confirmă că locația, limba, formatul ceasului, unitățile și spațierea se potrivesc cu pagina din jur.

Dacă CMS-ul tău blochează codul de înglobare sau widgetul nu apare, contactează asistența Sunset Predictor pentru ajutor cu instalarea.

Ce se întâmplă după ce widgetul este live?

Widgetul solicită automat date de previziune proaspete conform intervalului său de reîmprospătare configurat. Intervalul disponibil depinde de planul tău, de la fiecare 120 de minute pe planul Free la fiecare 15 minute pe planul Enterprise.

Nu este necesar să înlocuiești codul de înglobare atunci când schimbi majoritatea setărilor. Deschide widgetul din tabloul tău de bord, actualizează aspectul sau opțiunile de afișare și salvează. Modificările la un widget deja încorporat apar în câteva minute.

Tabloul de bord îți oferă, de asemenea, posibilitatea de a:

• Vedea totalul de afișări și clicuri pentru fiecare widget
• Copia din nou codul de înglobare
• Pune pauză și relua un widget
• Edita numele, eticheta, aspectul, limba, unitățile, formatul orar și intervalul de reîmprospătare
• Șterge un widget de care nu mai ai nevoie

O impresie înregistrează o redare a widgetului, în timp ce un clic înregistrează un vizitator care urmează linkul widgetului către Sunset Predictor. Aceste conturi îți oferă o vedere simplă asupra utilizării fără a cere o configurare analitică separată pentru widgetul în sine.

Ce plan se potrivește site-ului tău web?

Poți crea un singur widget branduit pe planul Free. Planurile plătite suportă utilizarea comercială, mai multe widgeturi, limite mai mari de vizualizări lunare, reîmprospătări mai rapide, dimensiunea Personalizată și opțiunea de eliminare a brandului. Poți compara planurile și prețurile actuale înainte de a alege un nivel.

Plan	Widgeturi	Vizualizări lunare	Cea mai rapidă reîmprospătare	Dimensiune Personalizată	Eliminare branding	Utilizare comercială
Free	1	2,000	120 minute	Nu	Nu	Nu
Pro	5	25,000	60 minute	Da	Da	Da
Business	25	150,000	30 minute	Da	Da	Da
Enterprise	Nelimitat	1,000,000	15 minute	Da	Da	Da

Dacă un widget ajunge la limitele lunare de vizualizare, continuă să se redă. Impresiile noi nu mai sunt contorizate pentru acea lună, iar brandingul Sunset Predictor este afișat. Aceasta evită transformarea unei pagini încorporate într-o stare de eroare doar pentru că traficul a fost mai mare decât se aștepta.

Amintește-ți că widgeturile active și cele pauzate ambele contează în numărul de widgeturi permis de planul tău. Șterge un widget dacă nu mai ai nevoie de el și vrei să eliberezi acel slot.

Modalități practice de a folosi widgetul

Cea mai puternică plasare leagă previziunea de o decizie pe care vizitatorul deja o ia.

Hoteluri și stațiuni

Plasează un widget standard pe o pagină de facilități, bar de pe acoperiș sau experiențe locale. Folosește numele public al proprietății ca etichetă de afișare și asortează culoarea de accent cu brandul hotelului.

Site-uri turistice și de destinație

Adaugă widgeturi specifice locației la ghiduri ale orașului sau regiunii. O pagină despre punctele de observare a apusului în Barcelona poate afișa previziunea actuală din Barcelona, în timp ce un ghid separat pentru Tenerife poate folosi propriul său widget.

Site-uri web de webcam și surf

Poziționează un widget compact lângă o cameră live sau panou cu condiții actuale. Scorul de apus adaugă context rapid fără a concura cu fluxul video.

Ghiduri de fotografie

Folosește dimensiunea Personalizată pentru a afișa nori, probabilitatea de ploaie, vizibilitatea și vântul alături de scor. Aceasta oferă cititorilor mai mult context când decid dacă să scouteze o locație sau să împacheteze echipamentul.

Pagini de evenimente și locații

Pentru locațiile în aer liber unde priveliștea face parte din experiență, un widget poate ajuta vizitatorii să înțeleagă perspectiva apusului pentru locația fixă a locației. Păstrează descrierea activată dacă publicul tău beneficiază de o explicație în limbaj comun a scorului.

Sfaturi pentru un înglobare mai bună

Înainte de a publica widgetul pe scară largă, ia câteva decizii deliberate:

1. Pune-l lângă conținutul relevant. O previziune lângă descrierea unei terase pe acoperiș este mai utilă decât una ascunsă într-un subsol generic.
2. Folosește o etichetă de afișare specifică. „Terasă de Port” oferă mai mult context vizitatorilor decât un nume general de oraș când locația este deja evidentă.
3. Potrivește limba paginii, unitățile și ceasul. Inconsistențele mici fac ca o funcție încorporată să pară deconectată de la restul site-ului web.
4. Menține densitatea informațiilor potrivită. Compact se potrivesc pentru layouturi strânse; Personalizată funcționează când detaliile meteo fac parte din scopul paginii.
5. Verifică spațierea mobilă după instalare. Widgetul este doar o parte a paginii, așa că testează cum se așează lângă propriile titluri, imagini și butoane.
6. Revizuiește impresiile periodic. Ele te ajută să vezi dacă plasarea primește trafic și dacă planul actual încă se potrivește.

Concluzie

Un widget de previziune a apusului transformă datele meteo variabile într-o funcție simplă și relevantă pe site-ul web. Alege o locație semnificativă, adaptează designul la publicul tău, lipește codul de înglobare generat și gestionează widgetul dintr-un singur tablou de bord. Poți previzualiza și crea primul tău widget înainte de a decide unde aparține pe site-ul tău.