Google Web Elements

Publié le 20 décembre 2009 par Philippe Chappuis @prac53

Google Web Elements
Les objets intégrables de Google. Pour y accèder, connectez-vous sous votre compte Google, puis rendez vous à l'adresse Google Web Elements.
Sommaire



  • Diaporama (Presentations)

  • Feuille de Calcul (Spreadsheets)

  • Moteur de Recherche Personnalisé (Custom Search)

  • Actualités (News)

  • Lecteur de Flux (Reader)

  • Forum (Conversation)

  • Agenda (Calendar)

  • Carte (Maps)

  • Actualités sur YourTube

  • Partager sur Orkut (Orkut Share)

  • Traduire (Translate)



Un Diaporama (Presentations)
Google Documents permet d'enregistrer un diaporama. Celle-ci peut être affichée à l'aide de l'élément Présentation
Paramètres : L'adresse de la présentation et la taille désirée.
Exemple : Les vins du Valais en Chine


Le code à insérer dans le html du message ou dans un gadget HTML/Javascript : 
<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:410px;height:342px;" src="http://docs.google.com/present/embed?id=0AYyfJJJSNrfuZGRiZzZid2dfMTI0aG52eG03Zno&element=true" scrolling="no" allowtransparency="true">Google Web Elements - Presentation</iframe>
Note : La Présentation est dans un format propre à Google Document. Pour afficher une présentation Power-Point originale, il est possible d'utiliser le lecteur de documents de Google Documents.


  • Retour au sommaire


Une feuille de calcul (Spreadsheets)
Une feuille de calcul enregistrée sur Google Documents peut être affichée sur le Blog, à l'aide de l'élément Feuille de calcul (Spreadsheets).
Paramètres : L'adresse (URL) de la feuille de calcul, la taille et la plage de cellules à afficher.
Exemple : Encépagement en cépages rouge du Canton de Vaud (2008).


Le code à insérer dans le html du message ou dans un gadget HTML/Javascript : 
<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:600px;height:500px;" src="http://spreadsheets.google.com/pub?output=html&widget=true&single=true&element=true&gid=0&key=0AoyfJJJSNrfudE5naDVYNWY4YkxQbTZ6WkJSR1NhYXc" scrolling="no" allowtransparency="true">Google Web Elements - Spreadsheets</iframe>


  • Retour au sommaire


Un Moteur de Recherche Personnalisé (Custom Search)
L'élément Recherche Personnalisée offre une façon simple d'ajouter un formulaire de recherche sur son Blog. Trois options sont offertes, la recherche sur le Blog, la recherche sur le Blog en permettant l'affichage de publicités AdSense dans le résultat de la recherche, ou l'utilisation d'un moteur de recherche personnalisé (Custom Search Engine - CSE).
Paramètres : Le type de moteur de recherche et le style du formulaire.
Exemple : Le moteur de recherche des Liens du Vin.
La petite croix après le bouton de recherche permet d'effacer le résultat de la recherche.
Loading
Google Web ELements - Custom Search
Le code à insérer dans un gadget HTML / Javascript est un script. Pour le placer dans le html du message, utilisez le code suivant en remplacant le code de la recherche personnalisée. Saisir le code sans retour à la ligne !
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ new google.search.CustomSearchControl('partner-pub-5518142162212860:9e4v2y-mjl7').draw('cse'); }, true); </script><noscript>Google Web Elements - Custom Search</noscript>


  • Retour au sommaire


Recherche d'Actualités (News)
L'élément Recherche d'actualité permet d'afficher les dernières informations sur un sujet donné.
Paramètres : Le format et l'expression à rechercher.
Exemple : Une recherche d'Actualités sur Google Blogger.

Google Web ELements - News


<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:300px;height:250px;" src="http://www.google.com/uds/modules/elements/newsshow/iframe.html?rsz=large&format=300x250&q=Google%20Blogger&element=true" scrolling="no" allowtransparency="true">Google Web Elements - News</iframe>


  • Retour au sommaire


Le lecteur de Flux (Reader)
Google Reader, le lecteur de flux de Google permet d'afficher les flux RSS que l on désire suivre. Google Reader permet aussi d'afficher un extrait de ses abonnements sur son Blog. De nombreux Gadgets Google permettent aussi d'afficher un flux sur son Blog. L'élement Reader de Google Web Elements permet d'insérer un extrait des flux partagés sur son Blog.
Paramètres : Le titre de l'élément, le style et le nombre d'entrées à afficher.
Exemple : Mes tags partagés (trucs et astuces pour Blogger).
Google Web Elemens - Reader
Le code à insérer dans un gadget HTML/Javascript est un script. Pour le placer dans le html du message, utilisez le code suivant en remplacant les identifiants. Saisir le code sans retour à la ligne !
<div id="readershared"><div></div></div>
<script type="text/javascript">window.GRC_m=function(d){return new GRC(d,document.getElementById("readershared").firstChild);};</script>
<script type="text/javascript" src="http://www.google.com/reader/ui/publisher-en.js"></script>
<script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/05980836729406198703/state/com.google/broadcast?n=7&callback;=GRC_p(%7Bc%3A%22khaki%22%2Ct%3A%22Liens%20partag%C3%A9s%22%2Cs%3A%22true%22%2Cn%3A%22true%22%2Cb%3A%22false%22%2Cw%3A%22true%22%7D)%3Bnew%20GRC_m&t;=?"></script><noscript>Google Web Elements - Reader</noscript>


  • Retour au sommaire


Le Forum (Conversation)
L'élément Forum permet aux lecteurs d'intervenir directement sur le Blog, sans passer par les commentaires.
Paramètres : La taille, le sujet du forum, la portée (limitée au Blog ou ouverte sur le Web).
Exemple : Un Forum sur les Trucs et Astuces pour Blogger.
Google Web Elements - Conversation
Le code à insérer dans le html du message ou dans un gadget HTML/Javascript :
<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:250px;height:440px;" src="http://www.google.com/friendconnect/discuss?scope=site&topic=Trucs%20et%20astuces%20pour%20Blogger" scrolling="no" allowtransparency="true">Google Web Elements - Conversation</iframe>