Botón para añadir eventos al calendario de Google
by Lara Alonso
Tengo mi propia base de datos de eventos pero mis clientes quieren poder añadirlo a su calendario de Google, ¿cómo puedo hacer ésto?
Por ejemplo este botón lleva asociado este href:
https://calendar.google.com/calendar/r/eventedit?action=TEMPLATE&dates=20240114T104500Z%2F20240126T001500Z&stz=Europe/Brussels&etz=Europe/Brussels&details=Como_crear_tu_evento_en_Google_Calendar&location=Hazlo_en_tu_web&text=lara-alonso.com
Traduzco que significa todo este código
En dates añadirás la hora de inicio y la de fin:
20240114T104500Z% (dia de inicio 2024/01/14 y T para acabar la fecha hora de inicio 10:45:00 y Z para finalizar la hora)
2F20240126T001500Z& (dia de fin 2024/01/26 y T para acabar la fecha hora de fin 00:15:00 y Z para finalizar la hora)
stz=Europe/Brussels&etz=Europe/Brussels (¡OJO! Esto le añade GMT +01:00 por lo que la hora de inicio y la de fin que saldrán en tu evento son 11:45:00 y 01:15:00)
A partir del & tendrás el resto de detalles del evento:
&details=Como_crear_tu_evento_en_Google_Calendar (Los detalles de tu evento que saldrán en el calendar)
&location=Hazlo_en_tu_web (Localización del evento)
&text=lara-alonso.com (Título del evento)
Así quedaría el evento en el Google Calendar, esto solo ocurrirá en dispositivos móviles si el cliente tiene Google Calendar instalado:
Os dejo el enlace de Google de la documentación. Os advierto que la documentación tiene errores y no funcionan los enlaces con el código que aparece. Si vale para poder añadir más configuraciones al calendario.
Listo ¡¡¡¡¡ Si has llegado hasta aquí y quieres saber como aparecer en los rastreadores de Google, puedes leer mi post Mi web no aparece en Google !!! 🙀
Lara Alonso @aiadevop
Soy desarrolladora de software en España. Especializada en frontend, creo experiencias web y aplicaciones. Explora mi portfolio y descubre mis proyectos.
¡Tu visión mi código!