Qué saber
- En Google Calendar, seleccione tres puntos junto a un calendario > Configuración y uso compartido > copiar Código para insertar.
- Copie el código para la configuración predeterminada del calendario o seleccione Personalizar para cambiar la configuración.
- Copie el código HTML y péguelo en el código HTML de su página web.
Este artículo explica cómo seleccionar, personalizar e insertar un Calendario de Google en su sitio web. Las instrucciones se aplican a escritorios en cualquier navegador.
Cómo incrustar un calendario de Google en su sitio web
Utilice el calendario gratuito de Google para administrar y compartir un calendario público en su sitio web.
Primeros pasos: Configuración
Para incrustar un calendario, inicie sesión en Google Calendar. A continuación, vaya al panel izquierdo y desplace el cursor sobre el calendario que desea incrustar. Seleccione los tres puntos que aparecen. En el cuadro de opciones ampliado, seleccione Configuración y uso compartido.
Copiar el código o seleccionar más opciones
Desplácese hacia abajo hasta la sección Integrar calendario. En Use este código para insertar este calendario en una página web, copie el código de inserción. El tamaño predeterminado es un calendario de 800 x 600 píxeles con el esquema de colores predeterminado de Google.
Seleccione Personalizar para cambiar la configuración.
Personalizar el aspecto
Después de seleccionar Personalizar, especifique el color de fondo predeterminado para que coincida con su sitio web, la zona horaria, el idioma y el primer día de la semana. Establezca el calendario predeterminado en Semana, Mes o Agenda vista.
La vista
Agenda es útil para algo como un menú de cafetería o un programa de proyecto de equipo.
También puede especificar qué elementos se muestran en su calendario, como el título, el icono de impresión o los botones de navegación.
El tamaño predeterminado es 800 por 600 píxeles. Ese tamaño está bien para una página web de tamaño completo sin nada más; sin embargo, si agrega su calendario a un blog o página web con otros elementos, deberá ajustar el tamaño.
Cada vez que realiza un cambio, el sitio muestra una vista previa en vivo. El HTML sobre su calendario también cambia.
Cuando esté satisfecho con los cambios, vaya a la parte superior de la pantalla y debajo de Código para insertar, copie (Ctrl+Co Comando+C) el HTML.
Pegue su HTML
Pegue (Ctrl+V o Comando+V) el código en la sección relevante del HTML para su página web.
El calendario está incrustado
Vea su página final para mostrar el calendario en vivo. Cualquier cambio que realice en los eventos de su calendario se actualizará automáticamente.
Si no es del tamaño o color que tenías en mente, vuelve a Google Calendar y ajusta la configuración, pero tendrás que copiar y pegar el código HTML nuevamente. En este caso, está cambiando la forma en que aparece el calendario en su página, no los eventos.
