Google Calendar en Joomla 1.6 con Gcalendar

gcalendar_0Tutorial para integrar calendarios de Google en Joomla 1.6 con GCalendar. Con este componente podremos incluir en nuestra web tantos calendarios como queramos, tanto si son públicos como si son privados, mostrarlos en distintas posiciones, mostrar únicamente los eventos, realizar búsquedas, etc.

Antes de comenzar con la configuración de Gcalendar, tendremos que compartir el calendario de Google que vamos a utilizar. Para ello accedemos a nuestra cuenta de Google y en la configuración del calendario marcamos la opción “Hacer público este calendario”.

gcalendar_1

Otra posibilidad, si no queremos compartir el calendario, es emplear su dirección privada. Para obtener esta dirección, vamos a los detalles del calendario y en la sección “Dirección privada”, pulsamos sobre “html” y copiamos la última parte del enlace.

gcalendar_2

 

Tras configurar las opciones del calendario que vamos a emplear, podemos descargar Gcalendar desde su página oficial e instalarlo siguiendo el método habitual.

Una vez instalado accederemos a él desde “Componentes > Gcalendar”.

Si pulsamos en el botón “Opciones”, accederemos a la página de configuración del componente. Aquí tendremos que seleccionar la zona horaria, que deberá coincidir con la del calendario que queramos añadir.

gcalendar_3

 

Para añadir un calendario pulsamos en “Nuevo” y completamos los datos solicitados. Si no hemos compartido el calendario, tendremos que copiar el código de la dirección privada de nuestro calendario en el campo “Magic Cookie”.

gcalendar_4

 

También podemos agregar un calendario pulsando en “Import”. Posteriormente, seguiremos los pasos que se indican y accederemos a la cuenta de Google cuyo calendario queramos utilizar.

gcalendar_5

 

Tras conceder el acceso, tendremos que elegir que calendario queremos compartir. gcalendar_6

 

Para que el calendario importado sea accesible, habrá que utilizar la opción “Magic Cookie”.

Despues de añadir los calendarios, podemos comprobar si su configuración es la correcta desde la pestaña “Tools” con la opción “System check”.

gcalendar_7

 

Aquí aparecerán los errores junto a su posible solución.

gcalendar_8

 

En la pestaña “Support” veremos una breve reseña del componente.

gcalendar_9

 

Una vez añadidos y configurados los calendarios, tendremos que crear los enlaces necesarios para que sean accesibles desde el front-end. Para ello vamos al gestor de menús y agregamos un nuevo elemento de la sección “gcalendar”.

gcalendar_10

 

Si elegimos el ítem “Gcalendar”, tendremos que seleccionar el menú que queremos mostrar y podremos modificar las opciones de formato.

gcalendar_11

 

También podremos editar algunos aspectos de diseño.

gcalendar_12

 

 

El resultado del front-end será similar al siguiente:

gcalendar_13

 

Si el ítem elegido es “Google”, también tendremos que seleccionar el calendario apropiado y podremos modificar algunas opciones relacionadas con él.

gcalendar_14

 

El calendario que veremos en la web será el mismo que veremos en nuestra cuenta de Google.

gcalendar_15

 

Además de los menús, también disponemos de varios módulos que nos permitirán mostrar el calendario completo o solo algunos eventos.

gcalendar_16

 

GCalendar Overview. Este modulo nos mostrará un calendario completo. Accediendo a sus propiedades, elegiremos el calendario y estableceremos las opciones de formato.

gcalendar_17

 

Éste será el resultado en el front-end:

gcalendar_18

 

GCalendar Next Event. Mostrará una cuenta atrás con el tiempo que falta para que llegue un evento. En los prámetros del módulo escogeremos el calendario.

gcalendar_19_copy

 

En las opciones avanzadas, podremos modificar la apariencia y establecer filtros para los eventos.

gcalendar_20_copy

 

 

El resultado del front-end será similar a este:

gcalendar_20_1_copy

 

GCalendar Upcoming Events. Con este módulo, veremos una lista de los eventos más próximos. En las opciones del módulo, además de seleccionar el calendario y establecer las opciones de formato, podremos crear un filtro, establecer un número máximo de eventos, etc.

gcalendar_21_copy

 

Desde las opciones avanzadas, podremos personalizar la apariencia, poner una fecha tope, etc.

gcalendar_22_copy

 

Desde nuestra web veremos algo similar a esto:

gcalendar_23

 

Además de lo descrito hasta el momento, Gcalendar cuenta con dos plugins:

Content-Gcalendar Next Event, nos permitirá incluir eventos en el contenido de los artículos. En las propiedades del plugín encontraremos instrucciones detalladas sobre cómo realizar el proceso, pero básicamente consiste en copiar el código correspondiente dentro del cuerpo del artículo.

gcalendar_24

 

En la sección “Opciones Básicas”, tendremos que elegir el calendario y podremos modificar las opciones de salida de los datos.

gcalendar_25

 

En las opciones avanzadas podremos establecer filtros, opciones de formato, etc.

gcalendar_26

 

 

Tras incluir el código necesario en el artículo, el resultado será como el siguiente:

gcalendar_27

 

Search-GCalendar hará que aparezca el contenido del calendario al realizar una búsqueda. En las opciones del plugin escogeremos el calendario , estableceremos el límite de resultados de búsqueda y decidiremos si se incluirán en las búsquedas los eventos pasados.

gcalendar_28

 

Al realizar una búsqueda desde el front-end, veremos que aparecen los eventos recogidos en el calendario.

 

gcalendar_29

 

Enlace | G4J

Enlace | Documentación GCalendar

En AyudaJoomla | Calendarios en Joomla con JCalPro

Escribir un comentario

Por favor procura que tus comentarios estén relacionados con la entrada, comenta con tu nombre y no pongas enlaces en tu comentario. Intenta también respetar a los demás lectores, los comentarios off topic, promocionales, ofensivos o ilegales serán editados y borrados.


Código de seguridad
Refescar