Come incorporare Google Calendar sul tuo sito web

Sommario:

Come incorporare Google Calendar sul tuo sito web
Come incorporare Google Calendar sul tuo sito web
Anonim

Cosa sapere

  • Su Google Calendar, seleziona tre punti accanto a un calendario > Impostazioni e condivisione > copia Codice incorporato.
  • Copia il codice per le impostazioni predefinite del calendario o seleziona Personalizza per modificare le impostazioni.
  • Copia il codice HTML e incollalo nell'HTML della tua pagina web.

Questo articolo spiega come selezionare, personalizzare e incorporare un Google Calendar nel tuo sito web. Le istruzioni si applicano ai desktop su qualsiasi browser.

Come incorporare un calendario di Google sul tuo sito web

Utilizza Google Calendar gratuito per gestire e condividere un calendario pubblico sul tuo sito web.

Per iniziare: Impostazioni

Image
Image

Per incorporare un calendario, accedi a Google Calendar. Quindi, vai al pannello di sinistra e passa il mouse sopra il calendario che desideri incorporare. Seleziona i tre punti che appaiono. Nella casella delle opzioni espansa, seleziona Impostazioni e condivisione.

Copia il codice o seleziona altre opzioni

Image
Image

Scorri verso il basso fino alla sezione Integra calendario. Sotto Usa questo codice per incorporare questo calendario in una pagina web, copia il codice di incorporamento. La dimensione predefinita è un calendario di 800 x 600 pixel con la combinazione di colori predefinita di Google.

Seleziona Personalizza per modificare le impostazioni.

Personalizzazione del look

Image
Image

Dopo aver selezionato Personalizza, specifica il colore di sfondo predefinito in modo che corrisponda al tuo sito web, al fuso orario, alla lingua e al primo giorno della settimana. Imposta il calendario predefinito su Settimana, Mese o Agenda vista.

La visualizzazione Agenda è utile per qualcosa come il menu di una mensa o il programma di un progetto di gruppo.

Puoi anche specificare quali elementi visualizzare sul tuo calendario, come il titolo, l'icona di stampa oi pulsanti di navigazione.

La dimensione predefinita è 800 x 600 pixel. Quella dimensione va bene per una pagina Web a grandezza naturale con nient' altro su di essa; tuttavia, se stai aggiungendo il tuo calendario a un blog o una pagina web con altri elementi, dovrai modificare le dimensioni.

Ogni volta che apporti una modifica, il sito mostra un'anteprima dal vivo. Anche l'HTML sopra il tuo calendario cambia.

Quando sei soddisfatto delle modifiche, vai nella parte superiore dello schermo e sotto Codice incorporamento, copia (Ctrl+Co Comando+C) l'HTML.

Incolla il tuo HTML

Image
Image

Incolla (Ctrl+V o Comando+V)il codice nella sezione pertinente dell'HTML per la tua pagina web.

Il calendario è incorporato

Image
Image

Visualizza la tua pagina finale per visualizzare il calendario live. Eventuali modifiche apportate agli eventi sul calendario si aggiornano automaticamente.

Se non è proprio la dimensione o il colore che avevi in mente, torna su Google Calendar e regola le impostazioni, ma dovrai copiare e incollare di nuovo il codice HTML. In questo caso, stai cambiando il modo in cui il calendario appare sulla tua pagina, non gli eventi.

Consigliato: