Insérer un calendrier à votre site web - Google Agenda

[jeancharleslast]

Dans ce tutoriel, nous étudierons l'intégration d'un Google Agenda (Google Calendar pour les Anglophones).



Son intérêt principal réside dans la possibilité de le mettre à jour depuis n'importe ou dans le monde, juste avec une connexion internet et un ordinateur....Pratique!!

Fonctionnalités

-Partage d'un agenda : créez un agenda dédié à votre entreprise et partagez-le avec les autres ou partagez votre agenda avec vos amis et votre famille pour connaître le planning de chacun.

-Invitations : créez des invitations pour des événements, envoyez-les à vos amis et recevez leur réponse et leurs commentaires. Vos amis peuvent recevoir votre invitation et envoyer leur réponse même s'ils n'utilisent pas Google Agenda.

-Recherche : retrouvez la date du barbecue organisé par la famille Durant (vous vous souvenez qu'il était prévu pour l'été). Ou recherchez dans les agendas publics de nouveaux événements susceptibles de vous intéresser et ajoutez-les à votre propre agenda.

-Accès depuis un téléphone portable : recevez les notifications et les rappels sur votre téléphone portable.

-Possibilité de gérer plusieurs agenda

-Publication des événements : partagez les événements de votre organisation avec le monde entier.


En bref

* Coût : gratuit

* Langues : l'interface est disponible en français, allemand, anglais, chinois (simplifié et traditionnel), coréen, danois, finnois, italien, japonais, néerlandais, norvégien, polonais, portugais, russe et suédois. Vous pouvez également entrer des informations dans votre agenda dans de nombreuses autres langues.



* Navigateurs pris en charge :
- Microsoft IE 6.0 ou ultérieure (téléchargement : Windows)
- Mozilla Firefox 1.0.7 ou ultérieure (téléchargement : Windows Mac Linux)


ETAPES:

1/ Connectez-vous à Google Agenda avec vos identifiants Google si vous avez déjà un compte Google ou créez un compte.




2/ Ajoutez un calendrier
A gauche, un clic sur "ajouter".



3/ Remplissez les détails de l'agenda selon votre souhait (vous pourrez changer ces informations dans le futur...)

-Nom, Déscription, Lieu, Fuseau horaire ect...



-Puis cliquez sur "créer Agenda" pour valider. Le nom de votre agenda s'affiche sur la gauche et votre agenda à droite.


-Remplissez votre calendrier sur cette page directement.





4/ Configuration de votre Agenda pour plus de personnalisation

-Un clic sur le menu déroulant à côté du nom de votre agenda et sélectionnez "paramètres de l'agenda".


-Un autre clic sur "personnaliser la couleur, la taille" pour accéder aux réglages.


-Il vous suffit alors de personnaliser votre calendrier grâce aux options de gauche.
La mise à jour de votre calendrier est en temps réel.


Attention :Pensez à valider vos réglages en cliquant sur "mettre à jour le code HTML" en haut à droite.....qui lui n'est pas automatique.





5/ Récupération du code

-Récupérez le code HTML en copier/coller de votre calendrier personnalisé.


-Ouvrez iWeb et insérer le code dans un fragment HTML (que vous glissez dans la page) puis "appliquez".


Votre calendrier s'affiche, il ne vous reste plus qu'à publier et mettre en ligne.

[Popolani]

Bonjour,
Je bute sur un problème qui m'agace considérablement ! Je cherche à intégrer un calendrier Google sur mon site. J'ai bien compris le principe et ai récupéré le fragment html que j'ai collé dans iWeb, ça marche. MAIS il est possible de personnaliser l'apparence des calendriers dans Google, ce qui génère un autre code html plus complet et là rien ne marche plus ! Avez-vous eu aussi ce problème ?
D'avance merci !

[obeone]

C'est vrai, mais un petit tuto serait le bienvenu, pour le moment je n'ai pu qu'integrer un agenda et non un simple calendrier.

[obeone]

Bon histoire que tu te sentes pas trop seul je vais te répondre, oui, et je cherche toujours une solution.

[Brigitte]

j'ai des calendriers google sur mes pages, sur chaque appartement,
il faut d'abord les personnaliser et ensuite les coller, sinon effectivement ça arrive que ça ne marche pas

[el padre]

j'avais tenté ce genre d'intégration pour un de mes sites, sans résultats (à l'époque). Perso j'opte pour la solution Ical

[RdM]

Y'a une solution iCal ?
Je ne connais pas ...
Est-ce aussi pratique que GCalendar ou encore mieux ??

[el padre]

en gros voilà ce que cela donne:

http://ical.mac.com/WebObjects/iCal.woa/wa/default?d=2&u=blaisecorneloup&v=1&y=2009&m=7&n=toutes%20les%20dates.ics

j'avais opté pour cette solution car je devais avoir plusieurs occurrences pour une même heure et ça google calendar ne le permettait pas. Ce que j'aime aussi c'est le petit résumé à la fin.

[RdM]

Ça a l'air sympa et puis si en plus on peut gérer de l'ordinateur plutôt qu'en ligne c'est peut être plus pratique ...
Mais ! Faut il absolument publier sur mobile.me ?
Bon weekend à vous tous et bonne vacances pour ceux qui le sont ...

[el padre]

vu l'url de mon calendrier je dirais que non. D'autant plus que je publie sur un nom de domaine et pas sur mobileme.

[RdM]

Bon bin chouette !!
J'vais me pencher sur le sujet ... Ça a l'air intéressant ...
Merci pour l'info !!

[el padre]

de rien

[Brigitte]

j'avais tenté ce genre d'intégration pour un de mes sites, sans résultats (à l'époque). Perso j'opte pour la solution Ical

moi, c'était l'inverse, j'avais tenté avec Ical, et je n'ai pas réussi, je me suis rabattue sur Google calendar
est ce que ça alourdit beaucoup la page Ical ?? le calendrier de Google est très lourd.

[el padre]

pas de soucis de navigation pour moi

[Brigitte]

En fait, je n'ai jamais réussi à le mettre en place

[el padre]

tu te créé un calendrier où tu mets ce qu'il t'intéresse ensuite calendrier>publier et le tour est joué. Pour moi, son plus est le résumé, la clarté du rendu des occurrences, ce qui est dommage c'est qu'il n'intègre pas la géolocalisation.

[Brigitte]

merci pour ton aide
le calendrier google est assez lourd,
est ce même cas pour le calendrier Ical,
je vais faire un petit essai, dans les prochains jours

[el padre]

moi je te conseille de tester et de faire tester par des proches, on n'a pas tous la même connexion internet il va s'en dire. Fais aussi un test auprès de gens sur windows si tu en connais.

[xav152]

Bonjour ou bonsoir !

Actuellement je me charge de la création du site de mon club de kayak et j'aimerais y ajouté un widget google agenda en entrant le html de celui-ci . Mais la un problème subsiste désolé si je manque de précision j'essayerais de répondre a vos questions pour plus d'information le plus rapidement posible .

Merci,cordialement Xavier

ps: lien du site : http://hermesck.new.fr/

[xav152]

Bonsoir merci pour la voie de google agenda mais une fois que je rentre le html de mon calendrier dans le fragment html du widget il ne se passe rien juste le nom de l'agenda s'affiche sur ma page iweb .
Merci de votre aide .
Xavier