eclaireur.net

WebDesign & Entrepreneur 2.0

"Si l'on bâtissait la maison du bonheur, la plus grande pièce en serait la salle d'attente." - Jules Renard

le 26.03.2007 à 7:08

5928 lectures

Ajouter un commentaire

Afficher vos Calendriers Google directement dans Netvibes

google calendar netvibes

Il y avait plusieurs solutions jusqu’à présent pour afficher le Google Calendar, (à noter la version fr ne s’appelle plus Google Calendar mais Google Agenda) dans Netvibes, mais à chaque fois le serveur hébergant le module n’était pas disponible ou le module avait été enlevé. Bref j’ai passé une heure à faire ce plugin car j’en avais un peu marre d’attendre. En fait le plugin est basique, il s’agit d’afficher le calendrier google dans une balise IFRAME (ce qui veut dire que vous n’avez pas les bulles d’info). A noter aussi que le script marche aussi bien avec les calendriers partagés que privés.

Comment l’ajouter?

1. Ajouter le module à votre Netvibes puis allez à cette adresse :
http://www.google.com/calendar/embed/EmbedHelper_fr.html

2. Remplissez les champs avec votre le nom de votre compte (si vous possédez un calendrier privé, ce n’est pas la même opération, voir plus bas) et selectionnez vos préférences.

3. Copiez simplement dans le code généré ce qui se trouve à l’intérieur des guillemets entre <iframe src=" et " style… comme dans l’exemple ci dessous :

<iframe src="http://www.google.com/calendar/embed?src= mugrs84%40group.calendar.google.com&height=614" style="border-width:0" width="640" frameborder="0" height="614"></iframe>

4. Vérifiez cette URL en la copiant dans la barre d’adresse de votre navigateur pour éviter des problèmes de XML invalide sous Netvibes.

5. Coller l’URL dans le formulaire d’édition du module sous Netvibes et le tour est joué!

Pour les calendriers privés

1. Vous devez vous identifiez dans Google Calendar puis aller dans les paramètres de l’agenda (soit en allant dans paramètres>Agendas>mon agenda ou bien en cliquant sur la petite flèche à droite de votre agenda en bas à droite puis paramètres)

2. Cliquez sur le lien HTML qui se trouve à droite de Adresse URL privée. Une fenêtre grise va alors apparaître et vous pourrez sélectionner les options comme pour le calendrier partagé. Suivez ensuite les étapes 3, 4 et 5 précédement vu avec le calendrier partagé.

Options d’affichages

Personnellement j’ajoute :
&title=Calendrier&epr=3&hl=fr&chrome=NAVIGATION&height=290 pour avoir l’affichage que je souhaite sous netvibes

Pour ajouter ce module à votre netvibes :

Pour info le titre du calendrier sert pour le titre (title) du module ainsi que la hauteur (height)

Si vous avez trouvé cet article intéressant, abonnez-vous gratuitement au flux RSS d'eclaireur ou bien par email.

Auteur

David Marchesson est freelance développeur web & webdesigner. Il va bientôt se lancer dans l'univers des entrepreneurs Web. Il adore le net, les bonnes idées et parler de lui à la 3eme personne. Ce site sera sa balise dans cette vie digitale.

Suivez ce blog

Si ce blog vous plait, abonnez-vous. Ce flux RSS permet de recevoir en utilisant un lecteur les dernières nouvelles de ce site.

Recevez les billets par email

Google Friend Connect

Vos réactions

  • David: Salut Kakashi, Le lien n’est plus dispo, la personne qui était derrière a du simplement enlevé le...
  • kakashi: Bonjour, je suis intéressé par le point 18 : plan plus complexe, malheureusement les liens ne fonctionnent...
  • Tommasson: Merci David pour cet article et effectivement, belle initiative (pour une fois) du gouvernement ! Au...
  • Adam: iphone.facebook.com et j’ai d’ailleurs vu récemment qu’il existe Facebook Zero...
  • GUITART: un super article il permet de remettre les choses et les attitudes à leurs places. à faire partager aux...
  • Benoa: J’étais tombé dessus hier via Twitter et je dois dire que je me suis senti concerné ^^ Comme quoi les...

Partenaires

Fotolia Developpeur Freelance web developpement webdesigner

Activité

11 commentaires au total, laissez un message. Utilisez ce lien pour faire un trackback sur ce billet :
http://www.eclaireur.net/netvibes/afficher-vos-calendriers-google-directement-dans-netvibes/trackback/
  1. 1

    Bonjour David,

    J’ai un PDA Windows mobile avec Outlook synchonisable avec PC.
    Je voulais savoir si vous avez developpé un plug-in qui permet
    la lecture, rapatriment et synchro de Google Agenda sur PDA PC Ordinateuer et PC.

    Merci de me répondre par avance.

  2. 2

    Bonsoir Omar,
    Effectivement il existe des solutions pour ces 2 cas :

    1 – Pour la synchro entre google calendar et outlook ( 2003 ou supérieur) il vous faut gSync, un outil qui affiche dans la barre d’outil d’outlook des boutons permettant la synchro grâce à l’API de google calendar (nécessite le téléchargement de Microsoft .Net Framework v2.0).

    2 – Pour la mise à jour de votre PDA sans passer par outlook c’est possible aussi grâce à Goosync de plus avec une connexion Edge, il suffit de quelques secondes pour effectuer l’opération, et mettre à jour toutes vos données présentes dans google calendar.

    Voila 2 solutions, je préfère néanmoins la première car vous gardez toujours vos données à jour dans Outlook, qui reste le programme « maître ».

  3. 3

    Bonjour ,
    Votre astuce , fonctionne-t-elle avec la dernière version de firefox ?
    merci de bien vouloir , m’éclairer , le plus tôt ,possible
    A :) Kathy

  4. 4

    Bonjour Cathy,

    Voici l’astuce que j’ai trouvé pour pouvoir mettre le calendrier quand même dans Netvibes sans passer par un module:

    Vous la trouverez dans le commentaire de cet article sur le calendrier de Google.

    Il s’agit de créer un widget HTML, vous avez la marche à suivre et depuis que je l’ai fait je n’ai jamais eu un seul problème.

  5. 5

    Re David,
    je viens d’essayer , votre astuce , mais sans passer par le module , il n’y a pas moyen , chez moi , de l’installer:s Où y’a-t-il , eut « faute » si faute , il y’a ?
    Merci de votre réponse
    Kathy

  6. 6

    Kathy,

    1 – vous vous connectez sur netvibes et vous créez un widget externe > code HTML (un module vide où l’on peut mettre du code HTML)

    2 – vous vous connectez à gmail puis vous allez sur http://www.google.com/calendar.....er_fr.html. Ensuite vous récupérez le code HTML

    3 – vous le copiez dans votre widget externe dans Netvibes. Et c’est fini.

    Ca marche mieux?

  7. Gravatar Meliane
    10 juillet 2009
    7

    Hello,
    Je ne sais pas si c’est parce que le billet date un peu mais cela ne fonctionne pas :/
    Un autre plan pour ajouter google agenda ?
    Merci d’avance !
    Mél

  8. 8

    Hello,

    Comme je le dis juste au dessus de ton commentaire il faut récupérer le code HTML du calendrier. POur cela il faut aller le récupérer dans Google Calendar > parametres puis coller tout le code dans un module HTML de netvibes.

  9. Gravatar Meliane
    12 juillet 2009
    9

    Je précise que l’adresse fonctionne parfaitement lorsque que je la c/c dans mon navigateur.
    C’est peut-être un problème netvibes ?
    (On se rassure comme on peut…)

  1. TrackBack #1
    26 mars 2007
    10

    [...] mardi 27 Mars, il semblerait que le module google calendar ne soit pas encore présent dans l’ecosystem de Netvibes car il a été uploadé dimanche 25 [...]

    lien : Les modules netvibes bientôt dans leur version UWA
  2. TrackBack #2
    26 mars 2007
    11

    [...] un nouveau module Netvibes développé par David Marchesson qui vous permet d’intégrer vos calendriers Google sur votre page d’accueil personnalisée [...]

    lien : Benoit Descary » Intégrez vos calendriers Google Agenda sur Netvibes

Ajouter un commentaire

N'hésitez pas à discuter de votre point de vue. Les informations obligatoires sont indiquées par une *.

HTML accepté :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Derniers liens delicious

Flickr stream

iPhone FleurLe groupe Big SmileLa vallée d'OrdesaRefuge de Goriz au pied du Mont Perdido
Fermer
E-mail It

Haut de page