Gadgets

Méthodologie

Pour que les gadgets fonctionnent, il faut remplacer ***NOM-DE-MON-GOOGLE-SITE*** par le nom de votre site web.
Regardez dans la barre de navigation l'adresse indiquée quand vous êtes sur la page d'accueil :
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***

Pour insérer un gadget, 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
Paramétrer ensuite le gadget

Les URLs des gadgets disponibles sont les suivantes :
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/carrousel-Jssor-Gadget.xml
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/web-redirection.xml
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/flux-twitter.xml
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/google-docs-viewer.xml
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/pdf-wrapper.xml
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/dynamic-content-writer.xml



Carrousel Homepage

Explications:
https://sites.google.com/site/scriptsexamples/tools-for-google-sites/slider-gadget/slider-gadget-documentation
Fichiers en ligne:
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 ESSEC (fichier Google Sheet):
https://docs.google.com/spreadsheets/d/1xLptKFRKrNLTBKZEkne514nr12DXP_RdhwfQmLk5kFA/edit#gid=0
_Carrousel template Google Site ESSEC Singapore (fichier Google Sheet):
https://docs.google.com/spreadsheets/d/1i8LyL0HepmipfZ8o4O6M7wY6jULPe1hFC7BWb-jnyfc/edit#gid=0



Redirection

Explications:
Il est possible de rediriger une page ou un site vers une autre page ou un autre site internet.

Pour se faire, ajouter le gadget web-redirection.xml
https://sites.google.com/a/essec.edu/***NOM-DE-MON-GOOGLE-SITE***/gadgets/web-redirection.xml
Une fois le gadget en place sur la page à rediriger, paramétrer vers quelle page renvoyer l'internaute, puis enregistrer vos modifications.



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

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 PDF, DOC ou PPT 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 de lien: https://googledrive.com/host/0B1iqp0kGPjWscTRnV3I3VURYdzA/reading.pdf)

Ne fonctionne pas à partir d'un document PDF hébergé directement sur le Google Site
(ex de lien: https://sites.google.com/a/essec.edu/template-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 intégrée directement dans la page, permettant de coder en temps réel

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

ċ
carrousel-Jssor-Gadget.xml
(28k)
Marie-Hélène RAVARY,
7 sept. 2016 à 03:39
ċ
dynamic-content-writer.xml
(3k)
Marie-Hélène RAVARY,
7 sept. 2016 à 03:39
ċ
flux-twitter.xml
(0k)
Marie-Hélène RAVARY,
7 sept. 2016 à 03:39
ċ
google-docs-viewer.xml
(2k)
Marie-Hélène RAVARY,
7 sept. 2016 à 03:39
ċ
pdf-wrapper.xml
(1k)
Marie-Hélène RAVARY,
7 sept. 2016 à 03:39
ċ
web-redirection.xml
(60k)
Marie-Hélène RAVARY,
7 sept. 2016 à 03:39