:::: MENU ::::

Monthly Archives / September 2014

  • Sep 24 / 2014
  • 0
Google Agenda

Customize Google Agenda display (URL / HTML integration)Personnalisation de l’affichage de Google Agenda (URL / Insertion HTML)

As you certainly know, it’s possible to easily integrate a Google Agenda to your website by using the steps described in Google support: https://support.google.com/calendar/answer/41207&hl=en

When you are integrating the agenda, several parameters can be configured directly using the graphical interface available through Google Agenda. But sometimes it can happen that some options are not available using GUI (like display mode or the ability to display an agenda using specific dates).

You will find here a brief summary of what parameters can be used for Agenda integration on a website:

Parameter

Description 

Values 

showTitle Show title 1/0 to display or not
showNav  Show navigation buttons 1/0 to display or not
showDate  Show date 1/0 to display or not
showPrint  Show print icons 1/0 to display or not
showTabs  Show tabs 1/0 to display or not
showCalendars  Show agendas list 1/0 to display or not
showTz  Show used timezone 1/0 to display or not
mode  Display mode WEEK/MONTH/AGENDA
wkst  Week starting 1 (Sunday) to 7 (saturday)
bgcolor  Background color HTML Color Code
color  Agenda color HTML Color Code
ctz  Timezone used Timezone name
dates Dates to display Dates to use (e.g. 20141110/20141116)

One these parameters known, you just have to configure your URL as wished by using the previous configuration options.

For example, if you’d like to integrate the France public holidays in “Week” mode for the week of November 11th, you could use:
https://www.google.com/calendar/embed?src=fr.french%23holiday%40group.v.calendar.google.com
&ctz=Europe/Paris&mode=WEEK&dates=20141110/20141116
Comme vous le savez très certainement, il est possible d’intégrer un agenda Google très facilement à un site en utilisant la démarche indiquée dans le support Google : https://support.google.com/calendar/answer/41207?hl=fr

Lorsque vous intégrez l’agenda, un certain nombre de paramètres sont configurables directement via l’interface graphique proposée et intégrée à Google Agenda, mais cependant il peut arriver que certaines options ne soient pas proposées (telles que le choix du mode d’affichage ou l’affichage d’un agenda à des dates spécifiques).

Voici pour cela, un petit récapitulatif des paramètres pouvant être utilisés pour l’intégration d’agenda Google sur un site :

Paramètre

Description 

Valeurs 

showTitle Afficher le titre 1/0 pour afficher ou non
showNav  Afficher les boutons de navigation 1/0 pour afficher ou non
showDate  Afficher la date 1/0 pour afficher ou non
showPrint  Afficher les icônes d’impression 1/0 pour afficher ou non
showTabs  Afficher les onglets 1/0 pour afficher ou non
showCalendars  Afficher la liste des agendas 1/0 pour afficher ou non
showTz  Afficher la timezone utilisée 1/0 pour afficher ou non
mode  Mode d’affichage WEEK/MONTH/AGENDA
wkst  Début de la semaine 1 (dimanche) à 7 (samedi)
bgcolor  Couleur d’arrière plan Code couleur HTML
color  Couleur de l’agenda Code couleur HTML
ctz  Timezone à utiliser Nom de la timezone à utiliser
dates Période à afficher Période à utiliser (e.g. 20141110/20141116)

Il vous suffit donc ensuite de paramétrer votre agenda tel que vous le souhaitez en utilisant les paramètres dans l’URL.

Par exemple, pour intégrer le calendrier public des jours fériés en France en mode “Semaine” pour la semaine du 11 Novembre, vous pourriez utiliser :
https://www.google.com/calendar/embed?src=fr.french%23holiday%40group.v.calendar.google.com
&ctz=Europe/Paris&mode=WEEK&dates=20141110/20141116

Question ? Contact