[GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

**Gust** · 28/01/2024, 19:37

Un saluto a tutti!

Creo questa guida per tutti i possessori di stazioni meteorologiche Ecowitt che vogliono pubblicare i loro dati sul proprio sito in modo semplice.

Non molti sanno che è possibile condividere pubblicamente la dashboard Ecowitt senza l'uso di credenziali per l'accesso. Questo è un esempio sul mio sito. Spiegherò come fare in tre passaggi.

1) Andare sul sito di Ecowitt dove si trova la propia dashboard e selezionare dal menu in alto a sinistra "Share". Per semplificare il link diretto è il seguente:

Ecowitt Weather

2) Aggiungere una nuova share cliccando su "Add share". Si aprirà una nuova finestra. Mettere un titolo a piacimento e impostare la durata della share in 365 giorni. (Scaduti i giorni o superati il numero di clicks si dovrà reimpostare i valori per far tornare attiva la share. Si dovrà praticamente farlo solo una volta all'anno nella maggior parte dei casi.) Selezionare poi le unità di misura e i sensori che si vogliono pubblicare e salvare.

Share.png

3) Copiare il link in colore celeste della share.

Share2.png

Andare nella pagina del proprio sito e creare un iframe HTML con il link della propria share. Il codice HTML da inserire è il seguente, si dovrà solo sostituire il link della share con il proprio:

<iframe src="https://www.ecowitt.net/home/share?authorize=8897JC" width="1000" height="1000"></iframe>

I valori width e height sono in pixel e si possono modificare a piacimento in base alla grafica del proprio sito. Il valore di width può essere anche "100%", in questo modo l'interfaccia della dashboard Ecowitt coprirà il 100% della larghezza della pagina del proprio sito.

Spero questa guida possa essere di aiuto.

**Villa Sole** · 30/01/2024, 15:29

Originariamente Scritto da Gust

Un saluto a tutti!

Creo questa guida per tutti i possessori di stazioni meteorologiche Ecowitt che vogliono pubblicare i loro dati sul proprio sito in modo semplice.

Non molti sanno che è possibile condividere pubblicamente la dashboard Ecowitt senza l'uso di credenziali per l'accesso. Questo è un esempio sul mio sito. Spiegherò come fare in tre passaggi.

1) Andare sul sito di Ecowitt dove si trova la propia dashboard e selezionare dal menu in alto a sinistra "Share". Per semplificare il link diretto è il seguente:

Ecowitt Weather

2) Aggiungere una nuova share cliccando su "Add share". Si aprirà una nuova finestra. Mettere un titolo a piacimento e impostare la durata della share in 365 giorni. (Scaduti i giorni o superati il numero di clicks si dovrà reimpostare i valori per far tornare attiva la share. Si dovrà praticamente farlo solo una volta all'anno nella maggior parte dei casi.) Selezionare poi le unità di misura e i sensori che si vogliono pubblicare e salvare.

Share.png

3) Copiare il link in colore celeste della share.

Share2.png

Andare nella pagina del proprio sito e creare un iframe HTML con il link della propria share. Il codice HTML da inserire è il seguente, si dovrà solo sostituire il link della share con il proprio:

<iframe src="https://www.ecowitt.net/home/share?authorize=8897JC" width="1000" height="1000"></iframe>

I valori width e height sono in pixel e si possono modificare a piacimento in base alla grafica del proprio sito. Il valore di width può essere anche "100%", in questo modo l'interfaccia della dashboard Ecowitt coprirà il 100% della larghezza della pagina del proprio sito.

Spero questa guida possa essere di aiuto.

Molto interessante Guest. Sai se cè'modo di farlo anche su un sito wordpress?

**zoomx** · 30/01/2024, 17:41

Originariamente Scritto da Villa Sole

Molto interessante Guest. Sai se cè'modo di farlo anche su un sito wordpress?

Come Incorporare il Codice iFrame sul Vostro Sito WordPress (Manualmente e con Plugin)Come Incorporare il Codice iFrame sul Vostro Sito WordPress (Manualmente e con Plugin)

**Gust** · 30/01/2024, 20:58

Originariamente Scritto da Villa Sole

Molto interessante Guest. Sai se cè'modo di farlo anche su un sito wordpress?

Ciao! Il mio sito è proprio in Wordpress. È molto semplice: devi aggiungere un blocco "HTML personalizzato" alla pagina del tuo sito e inserire il codice HTML che ho riportato in guida.

html.png

**Villa Sole** · 31/01/2024, 07:46

Originariamente Scritto da zoomx

Come Incorporare il Codice iFrame sul Vostro Sito WordPress (Manualmente e con Plugin)Come Incorporare il Codice iFrame sul Vostro Sito WordPress (Manualmente e con Plugin)

Grazie Zoomx devo approfondire.

**Villa Sole** · 31/01/2024, 07:54

[QUOTE=Gust;1061775929]Ciao! Il mio sito è proprio in Wordpress. È molto semplice: devi aggiungere un blocco "HTML personalizzato" alla pagina del tuo sito e inserire il codice HTML che ho riportato in guida.

Grazie Gust, al momento non ho ancora una stazione ma cerco di portarmi avanti...

Intanto devo ripassarmi le nozioni di HTML, cosa non facile alla mia eta' semmai ti chiedo aiuto. Sei riuscito a fare una pagina responsiva?
Buona gornata a tutti.
...
PS: Ho visto ora il tuo sito da smartphone ed è perfetto. Complimenti è leggibilissimo.

**zoomx** · 31/01/2024, 09:11

[QUOTE=Villa Sole;1061775997]

Originariamente Scritto da Gust

Ciao! Il mio sito è proprio in Wordpress. È molto semplice: devi aggiungere un blocco "HTML personalizzato" alla pagina del tuo sito e inserire il codice HTML che ho riportato in guida.
Grazie Gust, al momento non ho ancora una stazione ma cerco di portarmi avanti...

Intanto devo ripassarmi le nozioni di HTML, cosa non facile alla mia eta' semmai ti chiedo aiuto. Sei riuscito a fare una pagina responsiva?
Buona gornata a tutti.
...
PS: Ho visto ora il tuo sito da smartphone ed è perfetto. Complimenti è leggibilissimo.

Non penso sia difficile, devi inserire la sola riga
<iframe src="https://www.ecowitt.net/home/share?authorize=8897JC" width="1000" height="1000"></iframe>
Ovviamente adattata con differente chiave authorize sennò ti appare la sua dashboard

**Villa Sole** · 31/01/2024, 09:41

[QUOTE=zoomx;1061776015]

Originariamente Scritto da Villa Sole

Non penso sia difficile, devi inserire la sola riga
<iframe src="https://www.ecowitt.net/home/share?authorize=8897JC" width="1000" height="1000"></iframe>
Ovviamente adattata con differente chiave authorize sennò ti appare la sua dashboard

Si certo, non avendo nessuna chiave ho provato con il link della tua stazione e funziona. Su pc nessun problema, ma non è responsivo come invece sulla tua pagina.

**Villa Sole** · 31/01/2024, 15:28

[QUOTE=Villa Sole;1061776025]

Originariamente Scritto da zoomx

Si certo, non avendo nessuna chiave ho provato con il link della tua stazione e funziona. Su pc nessun problema, ma non è responsivo come invece sulla tua pagina.

Penso di aver risolto con un paio di righe di CSS, piu avanti ti disturberó per un'altra cosa interessante che ho visto sul tuo sito, ciao.