Accueil Tutoriels webmasters Google Agenda - Publier un calendrier sur son site
Google Agenda - Publier un calendrier sur son site
Niveau :
tout public
- Catégorie : Autres tutoriels - Publié par benoitgense le 22/10/2008
Google Agenda donne la possibilité d'afficher son calendrier sur son site. Il est possible d'y afficher par exemple l'actualité ou les évènements importants de votre association, club, société...
Le but du tutoriel est de vous montrer comment importer facilement un agenda Google dans un site.
Est-il utile de préciser qu'il faille être abonné au service Agenda, connecté et enfin avoir un agenda à publier pour suivre ce tutoriel ?
1Afficher le calendrier
Connectez-vous au service Google Agenda de manière à afficher votre ou vos calendriers.
Cliquez alors sur le lien Paramètres en haut à droite du service afin d'accéder aux options du calendrier.
2Accéder à la liste d'agendas
Une fois dans les paramètres cliquez sur l'onglet Agendas afin d'afficher la liste éventuelle des agendas présents. Repérez celui que vous désirez publier sur le site et cliquez sur son intitulé, comme dans l'illustration.
3Détails de l'agenda
Cette page permet simplement de modifier le titre de l'agenda ou encore d'indiquer l'url directe de l'agenda pour l'afficher dans votre navigateur. Mais depuis peu (fin octobre 2008), est apparu l'option qui nous intéresse : la possibilité d'exporter un calendrier dans une page web.
Cliquez sur le lien permettant d'accéder aux réglages et autres options d'affichage comme indiqué sur l'illustration.
4Les options d'affichage du calendrier dans le site
Une page dynamique de réglages s'affiche alors. Dans une colonne sur la gauche sont listés tous les réglages possibles et sur la droite sont affichés le code html à copier ainsi que l'aperçu dynamique de rendu du calendrier.
Je ne rentrerai pas dans le détail des réglages, ils sont suffisamment explicites.
Faites attention néanmoins aux dimensions du calendrier, pensez à la page de destination dans laquelle vous allez le placer.
- Si vous souhaitez l'afficher dans un menu, des dimensions restreintes (180 à 300 pixels de large) le rendent difficilement lisible sous la forme de calendrier, préférez la forme de liste en cochant l'option "Vue par défaut : Mon planning", plus adaptée.
- Si vous affichez le calendrier dans une rubrique, veillez à ne pas choisir une largeur trop grande en fonction de la place dont vous disposez ; une largeur de 400 à 500 pixels semble être un bon compromis, mais tout dépend de votre configuration.
Lorsque les réglages sont fait, copiez le code fourni dans le champ de saisie.
5Placer le code dans une rubrique
Nous décidons pour l'exemple d'afficher l'agenda seul dans une rubrique.
Créez une nouvelle rubrique depuis le menu Rubrique > Nouvelle rubrique > Editeur visuel de votre zone membre ; définissez le titre ainsi que la catégorie de la rubrique.
Cliquez sur l'outil HTML de l'éditeur visuel de manière à afficher une fenêtre d'édition de code html, collez le code du calendrier que vous a fourni Google.
Cliquez sur le bouton Mettre à jour pour prendre en compte le code et fermer la fenêtre d'édition ; le code du calendrier est immédiatement interprété par l'éditeur visuel.
Validez la création de la rubrique en cliquant sur le bouton Enregistrer situé en bas de la page d'édition. L'agenda est désormais sur votre site !
Commentaires
Posté par united-french-airlines - le 28/10/2008
Merci beaucoup pour ces explications ,un agenda est très utile pour notre compagnie virtuelle !
http://united-french-airlines.e-monsite.com
Posté par cuma-alliance-guipry - le 10/11/2008
Cet agenda ne se met pas à jour automatiquement sur notre site ? 
Posté par cuma-alliance-guipry - le 10/11/2008
Rectification du message précédent 
Je retire ce que j'ai dis,tout fonctionne parfaitement 
mon agenda se met à jour automatiquement,je me suis embrouillé dans mes essais 
Conclusion,cet outil est vraiment pratique,je le conseil à tous ceux qui peuvent en avoir besoin sur leur site
Posté par sitedenico - le 21/11/2008
salut super ton tutoriel vener sur mon site au revoir et a bientot
Posté par cerezo - le 23/11/2008
Merci.. merci.
Jacques.
Posté par apeeph - le 17/12/2008
super par contre sur mon site je suis le seul à le voir, j'ai vu qu'il y a une fonction pour mettre des adresses des personnes autorisées mais je ne connais pas toutes les adresses ?
co
Posté par clanht - le 24/01/2009
SUper je vais par contre l'installer sur mon site car on en a tellement besoin!
Merci!!
A bientot
Posté par creer-son-site - le 30/01/2009
Salut
Vraiment éfficace l'agenda GOOGLE
Merci
Posté par chantsetpassions - le 25/02/2009
bonjour je me suis inscrite sur google agenda jusque là tout va bien mais par contre je ne trouve pas le code que je dois mettre dans html
Posté par fang - le 10/05/2009
Petite info: il m'a fallu un peu de temps pour comprendre comment rendre mon agenda public!!!!
Bref, il faut aller sous Agenda dans Google puis sous paramètres et ensuite partager. Là il faut cocher la case partager!!! C'est si simple quand on sait!
Posté par bejaia1immo - le 30/05/2009
merci
Posté par maincoon - le 30/05/2009
j'ai un peu de mal!
mais je vais y arriver!
venez visiter mon site et tout conseil sera le bien venu.
car je suis pas une PRO!!!
MERCI!!!!
Posté par abdo-mora - le 05/09/2009
kos
Posté par charaf474 - le 11/09/2009
good
Posté par florian-romeo - le 26/09/2009
Merci des explications !
http://florian-romeo.e-monsite.com/
Florian .
Posté par paris-15-football-americain - le 28/09/2009
encore 1 tuto qui fonctionne vite et bien! merki!
Posté par ose-anna - le 22/10/2009
Merci à 4h du mat me suis embrouillée ,
super tutoriel pour super agenda
bravo
Posté par velocorsica - le 27/10/2009
au secour mayde mayde sos je n'y arrive pas il me mets dossier inexistant ou endommagé????????
Ajouter un commentaire :
Veuillez vous connecter afin de poster un commentaire sur ce tutoriel.
