Botones para añadir eventos directamente a calendario (Google Calendar y Outlook)


Botones para añadir eventos directamente a calendario (Google Calendar y Outlook)

Continuando con nuestra intención de añadir cada vez más funcionalidad y complementos a nuestras noticias en Adictos, vamos a ver cómo incluir unos botones que permitan al lector añadir un evento rápidamente a su calendario (Google Calendar o Outlook).


Al final de nuestra noticia sobre la próxima charla gratuita Autentia (http://www.adictosaltrabajo.com/detalle-noticia.php?noticia=234) podéis ver que hemos añadido un par de botones:



Ambos botones hacen exactamente lo que dicen .

Pulsando el primero,



se creará un nuevo evento en nuestro Google Calendar:

con toda la información de la charla. Así que, si hemos decidido ir (os lo recomiendo) no tendremos más que pulsar en Guardar.


El botón de Outlook funciona de modo muy similar.


En este caso, contiene un link a un fichero iCalendar – extensión .ics:

Si lo abrimos con Outlook, nuevamente nos creará un evento con toda la información sobre la charla:

y nuevamente, sólo tendremos que guardar.


Vamos a ver cómo podemos construir los botones y añadirlos a nuestras noticias.


Empezamos por Google Calendar.

Dentro de la ayuda de Google Calendar (curioso sitio para ponerlo), encontramos la “Guía del editor de eventos”:

Si pulsamos en ese link, y luego en el correspondiente a Permite que la gente guarde un evento concreto de tu sitio web, obtenemos la siguiente plantilla:

Rellenamos los datos de nuestro evento, elegimos qué botón nos gusta más, … y pulsamos en “Crear botón HTML”:

Y ya tenemos el HTML para copiar y pegar en nuestra página.

Como veis, no puede ser más fácil; de hecho, la principal dificultad radica en encontrar el editor de eventos .


Para Outlook el proceso va a ser considerablemente más manual.

Para empezar, tendremos que hacer el botón nosotros mismos. Si queréis usar el que he hecho yo, adelante (incluso lo cuelgo en grande, por si queréis editarlo):

     

Después crearemos un fichero ical (*.ics) con los datos del evento (no es más que un fichero de texto plano). En nuestro caso:

BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//hacksw/handcal//NONSGML v1.0//EN
BEGIN:VEVENT
DTSTART:
20100527T183000
DTEND:20100527T2030000
SUMMARY:VIII Charla Autentia – Alfresco Community Edition
LOCATION:Avda. Castilla, 1. 28830 San Fernando de Henares, Madrid
DESCRIPTION:Alfresco es la alternativa de Código Abierto para la gestión de contenido empresarial (ECM), proporcionando gestión documental, colaboración, gestión de registros, gestión de información, gestión del contenido web e imágenes, … y más.
END:VEVENT
END:VCALENDAR

(los datos en azul son los particulares del evento … los demás, copiadlos tal cual).


La sintaxis es auto-explicativa, pero si tenéis curiosidad o queréis añadir otros campos (organizador, por ejemplo) podéis visitar

http://en.wikipedia.org/wiki/ICalendar
o
http://tools.ietf.org/html/rfc5545


Y ya sólo nos queda conectar botón y fichero (y pegar el HTML en nuestra página):

<a href=”http://www.adictosaltrabajo.com/noticias/alfresco.ics”><img src=”http://www.adictosaltrabajo.com/imagenes/outlook-logo-p.jpg” border=0></a>


La verdad, muy poco trabajo para un resultado bastante espectacular. Espero que os sea útil.