Pagina 1 di 2 12 UltimaUltima
Risultati da 1 a 10 di 12
  1. #1
    Bava di vento L'avatar di Gust
    Data Registrazione
    23/11/22
    LocalitÓ
    Milano
    EtÓ
    41
    Messaggi
    194
    Menzionato
    2 Post(s)

    lampo [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    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.
    Ultima modifica di Gust; 28/01/2024 alle 19:56
    Osservatorio Meteorologico Arzaga - M​ilano - Ecowitt GW1100+WH32+WS68+WH45 outdoor PM2.5 e PM10
    Webcam Hikvision DS-2DE3A404IW-DE/W \ Foscam SD2X \ G4C \ FI9901EP | Live streaming YouTube |

  2. #2
    Calma di vento
    Data Registrazione
    29/01/24
    LocalitÓ
    Renon (BZ)
    Messaggi
    16
    Menzionato
    0 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    Citazione Originariamente Scritto da Gust Visualizza Messaggio
    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?

  3. #3
    Burrasca
    Data Registrazione
    18/09/19
    LocalitÓ
    Catania
    Messaggi
    5,120
    Menzionato
    151 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    Citazione Originariamente Scritto da Villa Sole Visualizza Messaggio
    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)

  4. #4
    Bava di vento L'avatar di Gust
    Data Registrazione
    23/11/22
    LocalitÓ
    Milano
    EtÓ
    41
    Messaggi
    194
    Menzionato
    2 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    Citazione Originariamente Scritto da Villa Sole Visualizza Messaggio
    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
    Osservatorio Meteorologico Arzaga - M​ilano - Ecowitt GW1100+WH32+WS68+WH45 outdoor PM2.5 e PM10
    Webcam Hikvision DS-2DE3A404IW-DE/W \ Foscam SD2X \ G4C \ FI9901EP | Live streaming YouTube |

  5. #5
    Calma di vento
    Data Registrazione
    29/01/24
    LocalitÓ
    Renon (BZ)
    Messaggi
    16
    Menzionato
    0 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    Citazione Originariamente Scritto da zoomx Visualizza Messaggio
    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.

  6. #6
    Calma di vento
    Data Registrazione
    29/01/24
    LocalitÓ
    Renon (BZ)
    Messaggi
    16
    Menzionato
    0 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    [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.
    Ultima modifica di Villa Sole; 31/01/2024 alle 08:05 Motivo: aggiunta dui testo

  7. #7
    Burrasca
    Data Registrazione
    18/09/19
    LocalitÓ
    Catania
    Messaggi
    5,120
    Menzionato
    151 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    [QUOTE=Villa Sole;1061775997]
    Citazione Originariamente Scritto da Gust Visualizza Messaggio
    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

  8. #8
    Calma di vento
    Data Registrazione
    29/01/24
    LocalitÓ
    Renon (BZ)
    Messaggi
    16
    Menzionato
    0 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    [QUOTE=zoomx;1061776015]
    Citazione Originariamente Scritto da Villa Sole Visualizza Messaggio

    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.

  9. #9
    Calma di vento
    Data Registrazione
    29/01/24
    LocalitÓ
    Renon (BZ)
    Messaggi
    16
    Menzionato
    0 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    [QUOTE=Villa Sole;1061776025]
    Citazione Originariamente Scritto da zoomx Visualizza Messaggio

    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.
    Ultima modifica di Villa Sole; 31/01/2024 alle 15:29 Motivo: correzione ortografica

  10. #10
    Burrasca
    Data Registrazione
    18/09/19
    LocalitÓ
    Catania
    Messaggi
    5,120
    Menzionato
    151 Post(s)

    Predefinito Re: [GUIDA] Incorporare la dashboard Ecowitt sul proprio sito

    [QUOTE=Villa Sole;1061776089]
    Citazione Originariamente Scritto da Villa Sole Visualizza Messaggio
    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.
    Mi stai confondendo con @Gust mi sa.

Segnalibri

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •