Cómo compartir el calendario de la comunidad

Uno de los objetivos que tenemos como comunidad de emprendimiento es promover todo tipo de eventos que fomenten el aprendizaje o networking, para muchas personas es complicado enterarse de estos eventos por lo cual hemos creado un calendario unificado donde todos los eventos de la comunidad de emprendimiento en Honduras se ven reflejados.

Este post tiene como objetivo enseñarte de que maneras puedes ayudar a la comunidad compartiendo el calendario en tu website o blog.

Si deseas agregar tus eventos al calendario de la comunidad o ser curador, envíame un correo a cristian@startupreef.co

Compartirlo como enlace

Esta es la forma más sencilla de compartir el calendario, solamente debes pegar el siguiente enlace en tu sitio web de tal forma que si alguien lo presiona pueda ver los eventos.

https://calendar.google.com/calendar/embed?src=jnfa6g3bum1jeub0mgq4o43ips%40group.calendar.google.com&ctz=America%2FTegucigalpa

Compartirlo en WordPress

Si usas wordpress como tu manejador de contenido, es sumamente fácil compartir el calendario de la comunidad. Lo único que tienes que hacer es:

  1. conectarte a la consola de administración
  2. Crear una nueva página
  3. Dar click en la viñeta que dice “Text”
  4. Pegar el siguiente código:
<iframe style="border: 0;" 
src="https://calendar.google.com/calendar/embed?src=jnfa6g3bum1jeub0mgq4o43ips%40group.calendar.google.com&amp;ctz=America%2FTegucigalpa"
width="800" height="600" 
frameborder="0" scrolling="no">
</iframe>

Embed Personalizado

Ya si tienes tu propio sitio web personalizado, puedes integrar un plugin que haga visualmente más agradable. Nosotros usamos Full Calendar.

Antes de iniciar:

Descarga Fullcalendar

Lo puedes hacer en el siguiente enlace https://fullcalendar.io/download/

Obtén un Google Calendar API Key:

  1. Ingresa al Google Developer Console y crea un nuevo proyecto.
  2. Dentro del proyecto, ve a APIs & auth > APIs en la barra lateral.
  3. Encuentra “Calendar API” en la lista y asegúrate que esté ON.
  4. En la barra lateral, presiona APIs & auth > Credentials.
  5. En la sección “Public API access”, presiona “Create new Key”.
  6. Elige “Browser key”.
  7. Si sabes el dominio donde estará el calendario, ingrésalo en el campo. Caso contrario, déjalo en blanco. lo puedes cambiar después.
  8. Tu nuevaAPI key aparecerá, asegúrate de copiarla.

Dependencias

Lo siguiente es que debes agregar todos los archivos js/css requeridos por fullcalendar (fullcalendar.js y fullcalendar.css), adicionalmente necesitas agregar el archivo gcal.js

Finalmente, solo debes agregar el siguiente código y remplazar el API Key por el que ya generaste.

<script type='text/javascript'>

$(document).ready(function() {
    $('#calendar').fullCalendar({
        googleCalendarApiKey: '<TU API KEY>',
        events: {
            googleCalendarId: 'jnfa6g3bum1jeub0mgq4o43ips@group.calendar.google.com'
        }
    });
});

</script>

Puedes ver la documentación del plugin para configurarlo a más a detalle en https://fullcalendar.io/docs/google_calendar/


¡Eso es todo! Ya puedes compartir los eventos de la comunidad en tu sitio web. También nos puedes ayudar a compartir este enlace para que otros emprendedores lo vean o simplemente dejar un comentario. Si conoces a alguien interesado en aplicar a Startup Reef lo puede hacer en este enlace 💪


Also published on Medium.

Ayúdanos a compartir