Cómo personalizar e incrustar Google Calendar en cualquier página web

Muchas veces, es posible que desee mostrar algo a otras personas en Google Calendar . Puede ser su apretada agenda, un calendario específico, agendas, etc. Si es así, puede insertar Google Calendar en cualquier página web(embed Google Calendar on any webpage) con la ayuda de este tutorial.

Existen principalmente dos formas de compartir su Calendario de Google(Google Calendar) . Primero(First) , puede usar la "URL pública" para mostrar su calendario. En segundo lugar(Second) , puede copiar el código e incrustarlo en una página web. Aunque el primer método parece más cómodo, el segundo método es útil cuando necesita compartir el calendario en una página de blog.

Google Calendar tiene la opción incorporada que permite a los usuarios copiar el código para insertarlo en una página web. Aquí está lo que tú necesitas hacer.

Incruste Google Calendar(Embed Google Calendar) en cualquier página web

Para incrustar Google Calendar en cualquier página web, siga estos pasos:

  1. Inicie sesión en su cuenta de Calendario de Google(Google Calendar)
  2. Abra la configuración del calendario de Google
  3. Ir a la página de configuración del Calendario
  4. Copie el código de inserción
  5. Pégalo en una página web.

Al principio, debe iniciar sesión en su cuenta de Google Calendar . Puede visitar el sitio web calendar.google.com e ingresar sus credenciales de Gmail . Después de eso, haga clic en el botón de engranaje de configuración que se ve en la navegación superior y seleccione la opción Configuración .(Settings)

Ahora debería encontrar un encabezado llamado Configuración para mis calendarios(Settings for my calendars) . Bajo este encabezado, puede ver todos los calendarios y debe seleccionar el calendario que desea incrustar en la página web. De forma predeterminada, se debe elegir la opción de configuración del Calendario .(Calendar settings )

Ahora, desplácese hacia abajo hasta que obtenga el encabezado Integrar calendario . (Integrate calendar)En lugar de desplazarte hacia abajo, puedes hacer clic  directamente en la opción Integrar calendario  .(Integrate calendar )

Bajo este encabezado, hay dos cosas: la URL pública(Public URL) de este calendario(calendar ) y el código de inserción.( Embed code.)

Debe copiar el código(Embed code) de inserción y pegarlo en una página web donde desee mostrarlo.

Cómo incrustar Google Calendar en cualquier página web

De forma predeterminada, muestra todo, incluido el icono de impresión, la fecha, el título, los botones de navegación, etc. Sin embargo, si desea ocultar algo, debe hacer clic en el botón Personalizar(Customize ) . Ahora debería obtener todas las opciones para ajustar numerosas cosas, como:

  • Muestre u oculte cosas específicas como título, botones de navegación, zona horaria, fecha, icono de impresión, pestañas, etc.
  • Cambiar alto y ancho
  • Cambiar el color de fondo
  • Mostrar u ocultar borde
  • Cambiar vista predeterminada
  • Cambiar zona horaria

Después de ajustar todo según sus requisitos, puede copiar el código(Embed code) de inserción y pegarlo en una página web donde desee mostrar el calendario.

¡Eso es todo! Espero que esta guía paso a paso te sea útil.



About the author

Soy un experto experimentado en Windows 10 y 11/10, con experiencia tanto en navegadores como en aplicaciones para teléfonos inteligentes. He sido ingeniero de software durante más de 15 años y he trabajado con varias empresas de renombre, incluidas Microsoft, Google, Apple, Ubisoft y más. También he enseñado desarrollo de Windows 10/11 a nivel universitario.



Related posts