Gerador de incorporação do Google Calendar

Incorpore um Google Calendar público no seu website com a vista, o fuso horário e os controlos que escolher — grátis e sem registo.
Gerador de incorporação do Google Calendar
Um ID de calendário, um link de partilha ou de incorporação, ou um endereço iCal, um por linha, por exemplo team@example.com. Adicione depois uma cor como #039BE5.Quer eventos com fotografias, filtros e o seu design?

Incorpore o calendário

<div style="position:relative;width:100%;max-width:800px;aspect-ratio:4 / 3;">
  <iframe src="https://calendar.google.com/calendar/embed?src=en.usa%23holiday%40group.v.calendar.google.com&amp;showPrint=0&amp;showCalendars=0" title="Google Calendar" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;border:0;"></iframe>
</div>
<p style="margin:4px auto 0;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;">Criado com <a href="https://elfsight.pt/tools/google-calendar-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>

Dica: nos telemóveis, a vista Agenda lê-se melhor do que a vista Mês.

  1. Clique em Copiar código acima para o copiar.
  2. Abra o ficheiro HTML ou o modelo da página.
  3. Cole o código dentro de <body>, onde o conteúdo deve aparecer.
  4. Guarde e carregue a página e abra-a num navegador para verificar.

Quer eventos com fotografias, filtros e o seu design? Experimente o widget Event Calendar. Ver Event Calendar →

Antes de sair

Quer eventos com fotografias, filtros e o seu design? Experimente o widget Event Calendar.

Ver Event Calendar →
Ou partilhe esta ferramenta gratuita:
Widget Event Calendar

Divulgue todos os eventos num só calendário

O seu calendário torna-se um ponto central que mostra todos os eventos a mais visitantes. Adicione locais, anfitriões e detalhes num editor simples e deixe os visitantes encontrar o evento certo e participar.

  • Todos os seus eventos num só lugar

  • Locais, anfitriões e detalhes dos eventos

  • Modelos prontos ou o seu próprio design

Criar widget grátis
Sem necessidade de cartão de crédito
Saiba mais sobre o Event Calendar

Gerador vs código de Integrar calendário do Google Calendar

O Google Calendar tem o seu próprio código de incorporação nas definições de cada calendário. O gerador cria o mesmo tipo de código a partir de um link, para que não precise de abrir as definições do calendário.
Código de Integrar calendário do Google Calendar
Este gerador
Onde obtém o código
Definições → o seu calendário → Integrar calendário, num computador
Aqui, a partir de um link para o calendário
Por onde começa
A página de definições do calendário, com sessão iniciada no Google
Um link de calendário público, um link de incorporação ou o endereço iCal público
Vários calendários
O código é criado a partir das definições de um só calendário
Adicione vários calendários e dê a cada um a sua própria cor
Opções de apresentação
Definidas no ecrã Personalizar
As mesmas opções como interruptores: vista, fuso horário, início da semana, idioma, o que mostrar
Acesso público
Só as pessoas com quem partilhou o calendário o veem até o tornar público
A mesma regra: o calendário tem de ser público para os visitantes verem os eventos

Onde obtém o código

Código de Integrar calendário do Google Calendar

Definições → o seu calendário → Integrar calendário, num computador

Este gerador

Aqui, a partir de um link para o calendário

Por onde começa

Código de Integrar calendário do Google Calendar

A página de definições do calendário, com sessão iniciada no Google

Este gerador

Um link de calendário público, um link de incorporação ou o endereço iCal público

Vários calendários

Código de Integrar calendário do Google Calendar

O código é criado a partir das definições de um só calendário

Este gerador

Adicione vários calendários e dê a cada um a sua própria cor

Opções de apresentação

Código de Integrar calendário do Google Calendar

Definidas no ecrã Personalizar

Este gerador

As mesmas opções como interruptores: vista, fuso horário, início da semana, idioma, o que mostrar

Acesso público

Código de Integrar calendário do Google Calendar

Só as pessoas com quem partilhou o calendário o veem até o tornar público

Este gerador

A mesma regra: o calendário tem de ser público para os visitantes verem os eventos

Parâmetros de incorporação

A incorporação é um só endereço, https://calendar.google.com/calendar/embed?…, com estes parâmetros a seguir ao ?. Os interruptores de mostrar/ocultar aceitam 1 ou 0; por predefinição, tudo é mostrado.
Opção
O que faz
Valores
Notas
src
O calendário a mostrar
ID do calendário, por exemplo you@gmail.com ou …@group.calendar.google.com
Repita src para combinar vários calendários.
color
Cor dos eventos do calendário anterior
Hexadecimal com um # codificado: %23D50000
Ponha um color logo a seguir a cada src. Sem %23, a cor é ignorada.
ctz
Fuso horário em que os eventos são mostrados
Nome do fuso horário, por exemplo America/New_York
Sem ele, os eventos são mostrados no fuso horário do próprio calendário, e não no do visitante.
mode
Vista inicial
MONTH (predefinição), WEEK, AGENDA
AGENDA é uma lista dos próximos eventos e lê-se melhor em ecrãs estreitos.
showTitle, showNav, showDate
Título do calendário, botões anterior/seguinte e Hoje, intervalo de datas atual
1 ou 0
Sem os botões de navegação, os visitantes só se podem deslocar pelas datas com atalhos de teclado.
showPrint, showTabs, showCalendars, showTz
Ícone de impressão, seletor de vista, lista de calendários, linha «Eventos apresentados no fuso horário»
1 ou 0
Mantenha showTz ativado se os seus visitantes estiverem noutros fusos horários.
wkst
Primeiro dia da semana
1 domingo, 2 segunda-feira, 7 sábado
—
hl
Idioma da interface do calendário
Código de idioma, por exemplo en, de, es
Os títulos dos eventos ficam como os escreveu.
bgcolor
Cor de fundo
Hexadecimal com %23, por exemplo %23FFFFFF
Pode não ter efeito visível no design de incorporação atual.

src

O que faz

O calendário a mostrar

Valores

ID do calendário, por exemplo you@gmail.com ou …@group.calendar.google.com

Notas

Repita src para combinar vários calendários.

color

O que faz

Cor dos eventos do calendário anterior

Valores

Hexadecimal com um # codificado: %23D50000

Notas

Ponha um color logo a seguir a cada src. Sem %23, a cor é ignorada.

ctz

O que faz

Fuso horário em que os eventos são mostrados

Valores

Nome do fuso horário, por exemplo America/New_York

Notas

Sem ele, os eventos são mostrados no fuso horário do próprio calendário, e não no do visitante.

mode

O que faz

Vista inicial

Valores

MONTH (predefinição), WEEK, AGENDA

Notas

AGENDA é uma lista dos próximos eventos e lê-se melhor em ecrãs estreitos.

showTitle, showNav, showDate

O que faz

Título do calendário, botões anterior/seguinte e Hoje, intervalo de datas atual

Valores

1 ou 0

Notas

Sem os botões de navegação, os visitantes só se podem deslocar pelas datas com atalhos de teclado.

showPrint, showTabs, showCalendars, showTz

O que faz

Ícone de impressão, seletor de vista, lista de calendários, linha «Eventos apresentados no fuso horário»

Valores

1 ou 0

Notas

Mantenha showTz ativado se os seus visitantes estiverem noutros fusos horários.

wkst

O que faz

Primeiro dia da semana

Valores

1 domingo, 2 segunda-feira, 7 sábado

Notas

—

hl

O que faz

Idioma da interface do calendário

Valores

Código de idioma, por exemplo en, de, es

Notas

Os títulos dos eventos ficam como os escreveu.

bgcolor

O que faz

Cor de fundo

Valores

Hexadecimal com %23, por exemplo %23FFFFFF

Notas

Pode não ter efeito visível no design de incorporação atual.

Ajuda do Google Calendar: adicionar um Google Calendar ao seu website ↗

Se o calendário não mostra eventos

Os visitantes veem «Inicie sessão na sua Conta Google»

O calendário não é público. Torne-o público nas definições do Google Calendar (passos abaixo) e depois volte a carregar a sua página.

O calendário está vazio, mas vê eventos no Google Calendar

Verifique se incorporou o ID de calendário certo e se o calendário está partilhado com todos os detalhes do evento, e não com Ver apenas livre/ocupado (ocultar detalhes).

As horas dos eventos estão desfasadas em algumas horas

A incorporação mostra o fuso horário do próprio calendário, e não o do visitante. Defina ctz para o fuso horário em que os seus eventos decorrem e mantenha showTz ativado para que os visitantes vejam em que fuso estão as horas.

Não encontra Tornar disponível ao público

Numa conta profissional ou escolar, o seu administrador pode restringir a partilha. Pergunte-lhe, ou use uma conta Google pessoal para o calendário público. As definições de partilha só podem ser alteradas num computador.

Colou um link com private-

Esse é o endereço iCal secreto do calendário, que o Google diz para não partilhar. Use antes o Endereço público em formato iCal ou o ID do calendário.

As cores não são aplicadas

Escreva o # como %23 (color=%23D50000) e ponha cada color logo a seguir ao respetivo src.

A vista de mês fica apertada nos telemóveis

Mude a vista para Agenda (mode=AGENDA): uma lista dos próximos eventos ajusta-se a ecrãs estreitos.

Torne o seu calendário público: passo a passo

Um calendário incorporado mostra apenas o que o Google deixa toda a gente ver. Enquanto o calendário não for público, os visitantes recebem um pedido de início de sessão em vez dos seus eventos.

  • Abra o Google Calendar num computador. As definições de partilha não podem ser alteradas na aplicação móvel.

  • Clique no ícone de roda dentada no canto superior direito e depois em Definições.

  • À esquerda, em Definições dos meus calendários, clique no calendário que quer incorporar.

  • Em Permissões de acesso para eventos, marque Tornar disponível ao público e clique em OK.

  • Escolha se o público vê todos os detalhes do evento ou Ver apenas livre/ocupado (ocultar detalhes). Num calendário de eventos, mostre os detalhes.

  • Na mesma página, em Integrar calendário, copie o ID do calendário ou o Endereço público em formato iCal e cole-o no gerador.

Antes de o fazer: um calendário público pode ser encontrado por qualquer pessoa e pode aparecer nos resultados de pesquisa, e as pessoas podem subscrevê-lo. Mantenha os planos privados num calendário separado e torne público apenas o calendário de eventos. Os novos eventos seguem a visibilidade predefinida do calendário, por isso verifique-a uma vez.

Numa conta profissional ou escolar, a opção pode não aparecer se o seu administrador restringir a partilha. Se mais tarde desativar a partilha pública, pode demorar até 4 horas a aplicar-se.

Como incorporar um Google Calendar

  1. Torne o calendário público

    Nas definições do Google Calendar, em Permissões de acesso, ative «Tornar disponível ao público».

  2. Copie o ID do calendário

    Em Integrar calendário, copie o ID do calendário e cole-o aqui.

  3. Escolha a vista

    Escolha a vista, o fuso horário e os controlos e depois copie o código.

Perguntas frequentes

Mais Geradores de código de incorporação

Gerador de iframe

Crie um iframe responsivo para qualquer página, formulário ou aplicação.Gerador de iframe