Come incorporare un foglio Google in un sito web

Come

DiRyan Dube

Ultimo aggiornamento il16 novembre 2020

La capacità di incorporare un foglio Google in un sito Web può essere preziosa. Soprattutto quando vuoi tenere aggiornati i tuoi lettori sulle informazioni che cambiano frequentemente.

Potresti avere un foglio Google formattato con un modello di calendario che mostra i tuoi prossimi eventi a cui vorresti che il pubblico partecipasse. Oppure, se sei un insegnante, puoi pubblicare compiti, dettagli e date di scadenza in un foglio di lavoro sul sito web della tua classe. Ogni volta che aggiorni il foglio di lavoro, verrà aggiornato automaticamente nella pagina.

Qualunque sia la tua esigenza di trasmettere informazioni in tempo reale ai lettori, l'incorporamento di Fogli Google può aiutarti.

Come formattare un foglio Google incorporato

Prima di poter incorporare correttamente un file

Fogli Google su un sito web, devi assicurarti che sia formattato correttamente. Ecco alcune cose da considerare mentre crei o formatti il ​​tuo foglio Google.

• Assicurati che la prima riga contenga solo nomi di colonne.
• Il grassetto e altri formati di testo vanno bene e verranno visualizzati sulla pagina web.
• Conserva tutti i dati che desideri visualizzare in una singola scheda.
• Mantieni gestibili le dimensioni del foglio di lavoro.

Tutti questi problemi di formattazione diventeranno più evidenti quando incorporerai il tuo foglio Google nel tuo sito web. Ma pianificare in anticipo e strutturare il tuo foglio di calcolo in modo che si adatti bene alla tua pagina web ti farà risparmiare un sacco di tempo per tentativi ed errori.

Se utilizzi uno dei modelli in Fogli Google, assicurati di eliminare qualsiasi riga superiore in modo che le intestazioni siano sempre la prima riga.

Quando hai finito, dovresti avere il foglio formattato e dimensionato esattamente come desideri che appaia sul tuo sito web.

Ricorda, è più facile incorporare un solo foglio da una scheda. Puoi pubblicare un intero foglio di lavoro, ma questo includerà le schede sulla tua pagina e potrebbe rendere la navigazione nel foglio di lavoro troppo complicata per i visitatori del tuo sito web. Quindi ti consigliamo di assicurarti di mantenere tutte le informazioni nella scheda che speri di incorporare nel tuo sito web.

Utilizzo di Pubblica sul Web

Il modo più semplice per incorporare un foglio Google su un sito Web è utilizzare il Pubblica sul Web funzione all'interno di Google Spreadsheets. Diamo un'occhiata a come funziona.

1. Una volta formattato correttamente il foglio, seleziona File dal menu. Selezionare Pubblica sul Web.

2. Nella finestra successiva, seleziona il menu a discesa sotto Link e scegli la scheda con i dati che desideri incorporare nella tua pagina web.

3. Quindi, seleziona il menu a discesa sotto Incorporaree assicurati pagina web è selezionato dall'elenco (dovrebbe essere selezionato per impostazione predefinita).

4. Seleziona il Pubblicare pulsante. Seleziona OK nella finestra di conferma a comparsa. Le selezioni nella finestra di pubblicazione cambieranno. Seleziona il Incorporare di nuovo la scheda. Evidenzia e copia il codice di incorporamento visualizzato nella finestra.

Ora sei pronto per incollare questo codice nel tuo sito web per incorporare il foglio di lavoro.

Incorporamento del foglio di lavoro Google su un sito Web WordPress

Ora puoi semplicemente copiare quel codice iframe e inserirlo nell'HTML della pagina in cui desideri incorporarlo. Il foglio live apparirà sulla pagina ovunque lo posizionerai.

Se utilizzi WordPress, incorporare il codice in WordPress significa che devi inserire il codice HTML effettivo nella copia della pagina.

1. Per fare ciò, modifica la pagina in cui desideri incorporare il foglio Google e seleziona i tre punti nell'angolo in alto a destra della finestra dell'editor di WordPress e seleziona Editor di codice sotto il Editor sezione.

2. Nella visualizzazione dell'editor di codice, incolla il codice iframe da Fogli Google nell'area della pagina in cui desideri incorporarlo.

3. Salvare la bozza e quindi selezionare Anteprima per vedere come appare la tua tabella una volta pubblicata.

Come puoi vedere, la visualizzazione predefinita del foglio di lavoro incorporato non è sempre perfetta. Ma non preoccuparti, ci sono modi per modificare l'aspetto del foglio di lavoro.

Personalizzazione di un foglio di lavoro Google incorporato

Il passaggio successivo sarà assicurarsi che il foglio di lavoro sia dimensionato in modo appropriato per la pagina web in cui si trova. Con il codice iframe, lo fai inserendo il testo larghezza = "xxx" e altezza = "xxx" subito dopo il testo "iframe".

In questo caso, se vuoi che l'iframe abbia una dimensione di 800 pixel di larghezza e 400 pixel di altezza, il tuo codice avrà un aspetto simile a questo.

Salvare la bozza e visualizzarla di nuovo in anteprima. Vedrai che la dimensione del foglio incorporato è ora molto più grande e riempie l'intera pagina come dovrebbe.

Funzionerà per la maggior parte degli scopi. Ma tieni presente che se utilizzi un design di sito web reattivo, la tabella rimarrà della stessa dimensione indipendentemente da come il lettore ridimensiona la finestra. Ciò significa che se riducono la finestra del browser o visitano il sito con un dispositivo mobile, la tabella potrebbe sovraccaricare altri elementi della pagina come i menu laterali.

Probabilmente puoi aggirare questo problema utilizzando il codice CSS nel tuo responsive web design, ma ciò esula dallo scopo di questo articolo.

Aggiornamento dei fogli Google incorporati in tempo reale

Qui è dove l'incorporamento dei fogli di lavoro di Google brilla davvero.

Per assicurarti che gli aggiornamenti automatici funzionino, torna al tuo foglio di lavoro Google e apri di nuovo la finestra Pubblica sul Web. In basso, vedrai una sezione per Contenuti e impostazioni pubblicati. Seleziona l'icona a discesa accanto a questa e assicurati Ripubblica automaticamente quando vengono apportate modifiche è selezionato.

Con questa opzione abilitata, puoi accedere al tuo foglio di calcolo di origine in qualsiasi momento e apportare modifiche.

Ogni volta che apporti modifiche al foglio di origine, tali modifiche vengono aggiornate in tempo reale sulla pagina web.

Probabilmente puoi immaginare quanto questo possa essere utile per trasmettere rapidamente le informazioni che hai memorizzato in un foglio di calcolo a un vasto pubblico.

Altre opzioni

Hai altre opzioni disponibili per ottenere un foglio di lavoro Google su una pagina web. Un altro approccio consiste nel selezionare il file File menu, selezionare Scaricae quindi seleziona Pagina web (.html, zippato).

Questo ti fornirà tutto il codice HTML necessario per incorporare ogni scheda nel tuo foglio di lavoro utilizzando il codice HTML.

Dal punto di vista del design, questo approccio presenta un grosso problema. Il metodo utilizzato nell'HTML per replicare il foglio di calcolo è utilizzare il

elemento e tag associati.

Questo è un approccio molto disordinato e arcaico alla presentazione di un foglio di calcolo tramite il Web. Inoltre, non fornisce aggiornamenti in tempo reale di eventuali modifiche. Dovresti scaricare nuovamente il codice ogni volta che apporti una modifica. Tuttavia, nello scenario peggiore in cui potresti non essere in grado di utilizzare il codice iframe, questa è un'opzione.

Qualunque sia l'approccio che prendi, incorporare un foglio Google su un sito web può essere un modo molto efficace per comunicare informazioni importanti (e modifiche a tali informazioni) a un pubblico molto vasto. Se possiedi un sito web, ti consigliamo vivamente di imparare come farlo e di implementarlo sul tuo sito web. Ci sono anche modi per farlo incorporare PowerPoint o fogli Excel nelle tue pagine web anche se sei interessato.

Come

Come regalare un abbonamento Disney Plus con una carta regalo digitale

Se ti sei divertito con Disney Plus e vuoi condividerlo con altri, ecco come acquistare un abbonamento Disney + Gift per ...

Come

La tua guida alla condivisione di documenti in Documenti, Fogli e Presentazioni Google

Puoi collaborare facilmente con le app basate sul Web di Google. Ecco la tua guida alla condivisione in Documenti, Fogli e Presentazioni Google con le autorizzazioni ...