Come aggiungere un widget di previsione del tramonto in diretta al tuo sito web

I tuoi visitatori non dovrebbero dover aprire un'altra app meteo per decidere se stasera vale la pena pianificare. Un widget di previsione del tramonto mette la risposta direttamente sul tuo sito web, accanto alla stanza, destinazione, webcam o informazioni fotografiche che stanno già visualizzando.

I widget di Sunset Predictor trasformano una posizione fissa in una previsione aggiornata automaticamente che puoi incorporare senza costruire la tua integrazione meteo. Il risultato è una funzione compatta e utile per editori di viaggi, hotel, siti web turistici, pagine di webcam e fotografi.

Cosa mostra il widget di previsione del tramonto

Ogni widget offre ai visitatori le informazioni principali di cui hanno bisogno a colpo d'occhio:

• Un punteggio di qualità del tramonto da 0 a 100
• Una valutazione chiara: Epico, Buono, Discreto o Scarso
• L'ora del tramonto locale per la località selezionata
• Un nome di località o la tua etichetta di visualizzazione personale
• Una frase opzionale che spiega la previsione
• Dettagli meteo opzionali nella dimensione Custom

Il punteggio è presentato in un anello codificato a colori, in modo che i visitatori possano comprendere l'outlook prima di leggere il numero. Ad esempio, un hotel a Santorini può visualizzare la previsione per Oia, mentre un operatore di webcam a San Francisco può etichettare lo stesso tipo di widget “Vista del Golden Gate.”

La dimensione Custom può anche mostrare condizioni meteorologiche selezionate: temperatura, copertura nuvolosa, probabilità di pioggia, umidità, vento, visibilità, pressione e qualità dell'aria. Puoi scegliere quali valori appaiono e l'ordine in cui i visitatori li vedono.

Perché aggiungere un widget di tramonto al tuo sito web?

Un widget è più prezioso quando le condizioni del tramonto influenzano ciò che i tuoi visitatori intendono fare. Aggiunge informazioni pertinenti e in evoluzione a una pagina che altrimenti potrebbe rimanere statica.

Dai ai visitatori una ragione pratica per rimanere

Una guida alla destinazione può descrivere dove guardare il tramonto. Il widget aggiunge la domanda mancante: quanto promettente sembra stasera? I visitatori ottengono utili contesti di pianificazione senza dover prima lasciare la tua pagina per cercare altrove.

Aggiungi una funzione senza mantenere un sistema di previsione

I dati meteo, il punteggio, le etichette, il formato dell'orario e gli aggiornamenti automatici sono gestiti per te. L'installazione è un breve frammento di incorporamento piuttosto che un progetto API personalizzato con la sua interfaccia, la gestione degli errori e la manutenzione continua.

Abbina le informazioni al tuo pubblico

Un hotel potrebbe volere una previsione raffinata per un unico rooftop. Un sito web turistico potrebbe aver bisogno di widget separati per Lisbona, Porto e Madeira. Un fotografo potrebbe preferire un punteggio compatto accanto a una guida del luogo. Ogni widget è legato a una posizione, quindi il suo contesto rimane chiaro.

Inserisci il widget nel tuo design esistente

Scegli un tema chiaro, scuro o automatico; seleziona una dimensione; e imposta il colore d'accento dell'anello di punteggio. Puoi anche sostituire il nome geografico con un'etichetta amichevole come “Terrazza Ovest,” “Camera della Spiaggia” o “Belvedere del Centro Storico.”

Servi visitatori internazionali

I widget supportano 14 lingue: inglese, francese, tedesco, spagnolo, russo, portoghese, giapponese, rumeno, ucraino, arabo, ebraico, cinese semplificato, hindi e italiano. Puoi anche scegliere unità metriche o imperiali e un orologio a 12 ore o 24 ore.

Come creare il tuo primo widget

Puoi provare il generatore e l'anteprima live prima di accedere. È richiesto un account solo quando vuoi salvare il widget e ricevere il suo codice di incorporamento.

1. Apri il generatore di Widgets

Apri il generatore di Sunset Predictor Widgets e sperimenta con l'anteprima pubblica. L'anteprima si aggiorna mentre cambi il tema, la dimensione, il colore, la lingua e altre impostazioni di visualizzazione.

Quando sei pronto per salvare, accedi o crea un account gratuito. Dal tuo dashboard dei widget, seleziona Crea Widget.

2. Dai un nome al widget per il tuo dashboard

Inserisci un nome interno breve come “Homepage Hotel Lisbona” o “Webcam Brighton.” I visitatori vedono l'etichetta della località selezionata, non questo nome di gestione, quindi usa qualcosa che aiuti il tuo team a riconoscere il widget in seguito.

3. Cerca la località della previsione

Digita almeno tre caratteri e seleziona la città corretta dai risultati. Le coordinate scelte determinano la previsione e l'ora del tramonto locale.

Puoi anche inserire un nome di visualizzazione opzionale. Questo è utile quando il luogo rivolto al pubblico ha un nome più specifico o familiare rispetto al risultato della città. Ad esempio:

• Usa “Vista dal Nostro Rooftop” invece di “Bucarest, Romania”
• Usa “Spiaggia di Copacabana” invece di “Rio de Janeiro, Brasile”
• Usa “Camera Lato Nord” anziché il comune più vicino

Scegli con attenzione: la localizzazione della previsione di un widget non può essere cambiata dopo la creazione. Crea un nuovo widget se in seguito hai bisogno di un luogo diverso. Il nome di visualizzazione può ancora essere modificato.

4. Scegli l'aspetto e le informazioni

Usa l'anteprima live mentre configuri il widget. Le migliori impostazioni dipendono da dove apparirà:

Impostazione	Opzioni	Guida pratica
Tema	Chiaro, scuro, auto	Usa auto quando il sito ospitante già segue il tema del sistema del visitatore.
Dimensione	Compatto, standard, Custom	Compatto adatto alle sidebar; il standard bilancia dettagli e spazio; Custom aggiunge una griglia meteo.
Colore d'accento	Preimpostazioni o colori personalizzati	Abbina un colore del marchio mantenendo abbastanza contrasto attorno all'anello di punteggio.
Descrizione	Attivo o disattivo	Aggiungi una breve spiegazione del perché la previsione ha ricevuto il suo punteggio. Non disponibile in dimensione compatta.
Lingua	14 lingue supportate	Abbina la lingua della pagina in cui apparirà il widget.
Unità	Metriche o imperiali	Scegli il formato che i tuoi visitatori si aspettano.
Ora	12 ore o 24 ore	Abbina il formato usato altrove sul tuo sito web.
Aggiornamento	15 a 120 minuti	La frequenza disponibile dipende dal piano dell'account.

Per la dimensione Custom, seleziona e riordina i dettagli meteo che interessano al tuo pubblico. Un fotografo potrebbe dare priorità alle nuvole, visibilità e probabilità di pioggia. Un hotel potrebbe preferire temperatura, nuvole e vento.

5. Crea il widget e copia il codice di incorporamento

Seleziona Crea Widget. La schermata successiva mostra l'anteprima salvata e due opzioni di installazione: Script Tag e iFrame.

Opzione di Incorporamento	Ideale per	Cosa sapere
Script Tag	La maggior parte dei siti web e layout personalizzati	Carica in modo asincrono e rende il widget direttamente all'interno della pagina.
iFrame	Piattaforme CMS o pagine che isolano contenuti di terze parti	Mantiene il widget nel proprio documento e include un adattamento automatico dell'altezza.

L'opzione Script Tag appare così, con il tuo ID widget unico inserito automaticamente:

<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>

Usa il pulsante Copia Codice piuttosto che modificare manualmente l'ID generato.

6. Incolla il frammento nel tuo sito web

Aggiungi il codice dove vuoi che appaia il widget. La posizione esatta dipende dalla piattaforma:

• Su un sito codificato su misura, inseriscilo nel modello di pagina o blocco di contenuto pertinente.
• In WordPress, usa un blocco HTML Personalizzato.
• In un page builder, usa un elemento HTML, incorporamento o codice.
• In un CMS con regole di script rigide, prova l'opzione iFrame.

Pubblica o aggiorna la pagina, quindi apri l'URL live e controlla il widget sia su desktop che su mobile. Conferma che la posizione, la lingua, il formato dell'orologio, le unità e la spaziatura si adattino alla pagina intorno ad esso.

Se il tuo CMS blocca il codice di incorporamento o il widget non appare, contatta il supporto di Sunset Predictor per assistenza con l'installazione.

Cosa succede dopo che il widget è live?

Il widget richiede automaticamente nuovi dati di previsione secondo l'intervallo di aggiornamento configurato. L'intervallo disponibile dipende dal tuo piano, da ogni 120 minuti nel Free a ogni 15 minuti nell'Enterprise.

Non è necessario sostituire il codice di incorporamento quando cambi la maggior parte delle impostazioni. Apri il widget dal tuo dashboard, aggiorna il suo aspetto o le opzioni di visualizzazione e salva. Le modifiche a un widget già incorporato appaiono entro pochi minuti.

Il dashboard ti permette anche di:

• Vedere le impressioni totali e i clic per ogni widget
• Copiare nuovamente il codice di incorporamento
• Mettere in pausa e riprendere un widget
• Modificare il suo nome, etichetta, aspetto, lingua, unità, formato orario e intervallo di aggiornamento
• Eliminare un widget di cui non hai più bisogno

Un'impressione registra un rendering del widget, mentre un clic registra un visitatore che segue il link del widget a Sunset Predictor. Questi conteggi ti offrono una semplice visione dell'uso senza richiedere un setup analitico separato per il widget stesso.

Quale piano si adatta al tuo sito web?

Puoi creare un widget brandizzato nel piano Free. I piani a pagamento supportano l'uso commerciale, più widget, limiti di visualizzazione mensili più elevati, aggiornamenti più rapidi, la dimensione Custom e la rimozione del marchio opzionale. Puoi confrontare i piani e i prezzi attuali prima di scegliere un livello.

Piano	Widget	Visualizzazioni mensili	Aggiornamento più veloce	Dimensione Custom	Rimuovi il marchio	Uso commerciale
Free	1	2,000	120 minuti	No	No	No
Pro	5	25,000	60 minuti	Sì	Sì	Sì
Business	25	150,000	30 minuti	Sì	Sì	Sì
Enterprise	Illimitato	1,000,000	15 minuti	Sì	Sì	Sì

Se un widget raggiunge il suo limite di visualizzazione mensile, continua a renderizzare. Le nuove impressioni smettono di essere conteggiate per quel mese e viene mostrato il marchio di Sunset Predictor. Questo evita di trasformare una pagina incorporata in uno stato di errore semplicemente perché il traffico era più alto del previsto.

Ricorda che i widget attivi e in pausa contano entrambi verso il numero di widget consentiti dal tuo piano. Elimina un widget se non ne hai più bisogno e vuoi liberare quello slot.

Modi pratici per usare il widget

Il posizionamento più forte collega la previsione a una decisione che il visitatore sta già prendendo.

Hotel e resort

Posiziona un widget standard su una pagina di servizi, bar all'aperto o esperienze locali. Usa il nome pubblico della proprietà come etichetta di visualizzazione e abbina il colore d'accento al marchio dell'hotel.

Siti web di turismo e destinazione

Aggiungi widget specifici per la località a guide cittadine o regionali. Una pagina sui punti panoramici del tramonto a Barcellona può mostrare la previsione attuale di Barcellona, mentre una guida separata su Tenerife può usare il proprio widget.

Siti di webcam e surf

Posiziona un widget compatto vicino a una telecamera live o un pannello di condizioni attuali. Il punteggio del tramonto aggiunge un contesto rapido senza competere con il feed video.

Guide fotografiche

Usa la dimensione Custom per mostrare nuvole, probabilità di pioggia, visibilità e vento accanto al punteggio. Questo dà ai lettori più contesto quando decidono se esplorare un luogo o portare l'attrezzatura.

Pagine di eventi e location

Per location all'aperto dove la vista fa parte dell'esperienza, un widget può aiutare i visitatori a comprendere l'outlook del tramonto per la posizione fissa della location. Mantieni abilitata la descrizione se il tuo pubblico beneficia di una spiegazione in linguaggio semplice del punteggio.

Consigli per un migliore embed

Prima di pubblicare ampiamente il widget, fai alcune scelte deliberate:

1. Mettilo vicino a contenuti correlati. Una previsione accanto alla descrizione di un rooftop è più utile di una nascosta in un footer generico.
2. Utilizza un'etichetta di visualizzazione specifica. “Terrazza del Porto” offre ai visitatori più contesto di un ampio nome di città quando la posizione è già ovvia.
3. Abbina la lingua della pagina, le unità e l'orologio. Piccole incoerenze fanno sembrare una funzione incorporata scollegata dal resto del sito web.
4. Mantieni la densità delle informazioni appropriata. Il compatto funziona per layout stretti; il Custom funziona quando i dettagli meteo fanno parte dello scopo della pagina.
5. Controlla la spaziatura mobile dopo l'installazione. Il widget è solo una parte della pagina, quindi testa come si adatta accanto ai tuoi stessi titoli, immagini e pulsanti.
6. Rivedi periodicamente le impressioni. Ti aiutano a vedere se il posizionamento sta ricevendo traffico e se il tuo piano attuale si adatta ancora.

Conclusione

Un widget di previsione del tramonto trasforma i dati meteo in evoluzione in una semplice e pertinente funzione del sito web. Scegli una località significativa, adatta il design al tuo pubblico, incolla il codice di incorporamento generato e gestisci il widget da un'unica dashboard. Puoi visualizzare in anteprima e creare il tuo primo widget prima di decidere dove posizionarlo sul tuo sito.