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

URL de spécification du gadget introuvable



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

<Module>
<ModulePrefs title="Twitter"/>
<Content type="html">
<![CDATA[
Replace this entire line with the code generated from the twitter widgets page
]]>
</Content>
</Module>

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

Exemple de Flux Twitter @ESSEC_CEMAS

URL de spécification du gadget introuvable


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

URL de spécification du gadget introuvable



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

URL de spécification du gadget introuvable



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

URL de spécification du gadget introuvable

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

ċ
carrousel-Jssor-Gadget.xml
(28k)
Marie-Hélène RAVARY,
3 juin 2016 à 02:15
ċ
dynamic-content-writer.xml
(3k)
Marie-Hélène RAVARY,
3 juin 2016 à 02:15
ċ
flux-twitter.xml
(0k)
Marie-Hélène RAVARY,
3 juin 2016 à 02:15
ċ
google-docs-viewer.xml
(2k)
Marie-Hélène RAVARY,
3 juin 2016 à 02:15
ċ
pdf-wrapper.xml
(1k)
Marie-Hélène RAVARY,
3 juin 2016 à 02:15