Gadgets

Carrousel Homepage

Explications: https://sites.google.com/site/scriptsexamples/tools-for-google-sites/slider-gadget/slider-gadget-documentation
Fichiers: https://sites.google.com/a/revevol.eu/xml-gadgets/
Gadget: https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/carrousel-Jssor-Gadget.xml
_Carrousel template Google Site: https://docs.google.com/spreadsheets/d/1xLptKFRKrNLTBKZEkne514nr12DXP_RdhwfQmLk5kFA/edit#gid=0

Google Calendar

Explications: https://sites.google.com/site/mori79/html-gadgets/how-tos/google-calendar

Flux Twitter

Explications:
http://www.jusderaisin.com/blog/inserer-une-sa-timeline-twitter-dans-google-sites/
http://sites.hanovernorwichschools.org/techsupport/howtos/google/embedding-a-twitter-feed-in-a-google-sites-page
http://monkeyraptor.johanpaul.net/2013/04/google-sites-embedding-twitter-timeline.html
XML à compléter du flux Twitter personnalisé: https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/flux-twitter.xml

Page Twitter pour générer le Flux: https://twitter.com/settings/widgets/new

Exemple de Flux Twitter @ESSEC_CEMAS

Explications Flux FB, Pinterest, Google+, Instagram: http://www.chalifour.net/marketing-interactif/comment-integrer-facebook-twitter-google-pinterest-instagral-ou-linkedin-sur-un-blogue-ou-un-site/

Google Docs Viewer (.ppt, .pdf, .doc,...)

Explications: https://sites.google.com/site/mori79/html-gadgets/how-tos/google-docs-viewer
Gadget: https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/google-docs-viewer.xml
Fichiers hébergés dans les pièces jointes du Google Site

Google Docs Viewer Test

PDF Wrapper (.pdf)

Explications: https://sites.google.com/site/mori79/html-gadgets/how-tos/pdf-wrapper
Gadget: https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/pdf-wrapper.xml

Fonctionne à partir d'un document PDF hébergé sur Google Drive, ne pas oublier de mettre le partage des documents en mode accessible au public
(ex: https://googledrive.com/host/0B1iqp0kGPjWscTRnV3I3VURYdzA/reading.pdf)
Ne fonctionne pas à partir d'un document PDF hébergé directement sur le Google Site
(ex: https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/docs/presentation-chaire.pdf)
Hébergement de fichiers sur Google Drive: https://sites.google.com/site/mori79/html-gadgets/how-tos/google-drive-web-hosting

PDF Wrapper Test

Dynamic Content Writer

Fenêtre permettant de coder en temps réel, intégrée directement dans la page
Explications: https://sites.google.com/site/mori79/html-gadgets/how-tos/dynamic-content-writer
Gadget: https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/dynamic-content-writer.xml

Dynamic Content Writer Test

Autres gadgets adaptés aux Google Sites: https://sites.google.com/site/mori79/html-gadgets

Méthodologie

Pour que les gadgets fonctionnent, il faut remplacer ***NOM-DE-MON-GOOGLE-SITE*** par le nom de votre site web.
Pour insérer les gadgets cités dans la page, il faut aller dans le menu "Insertion"
Puis cliquer sur "Autre gadget..."
Puis "Ajouter un gadget à partir de sont URL"
Coller ensuite l'URL qui convient en fonction du gadget à mettre en place:
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/carrousel-Jssor-Gadget.xml ou
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/flux-twitter.xml ou
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/google-docs-viewer.xml ou
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/pdf-wrapper.xml ou
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/dynamic-content-writer.xml
Paramétrer ensuite le gadget