Des gadgets Google pour Google+

Gadgets Google
Pour intégrer Google+ sur son Site ou son Blog

Google+ dans sa version initiale ne comporte pas d'API. Les Gadget Google permettent d'afficher le Flux RSS (Atom) d'un utilisateur, d'intégrer un Moteur de Recherche et d'afficher un badge avec les statistiques Google+.

Le fichier xml des gadgets

google-plus-feed.xml

search-google-plus.xml

google-plus-statistics.xml

google-plus-profilecard.xml

Le iframe des gadgets

google-plus-feed.xml

<iframe style="width: 320px; height: 500px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-plus-feed.xml&up_GID=115854656993758258488&up_NBR=12&up_LNK=https://plus.google.com/115854656993758258488/buzz?hl=fr&up_SCOL=%23d1dae3&up_FCOL=%23660000&up_HCOL=%23cc0000&up_LCOL=%23c3d9ff&up_BCOL=%23ff0000&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Des gadgets pour Google+ (Google Plus) - http://www.liens-du-vin.ch/gadget-google-plus.htm</iframe>

search-google-plus.xml

<iframe style="width: 334px; height: 84px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/search-google-plus.xml&up_PUSER=https://plus.google.com/115854656993758258488/posts?hl=fr&up_BKCOL=%23c3d9ff&up_BCOL=%23cc0000&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - des gadgets pour Google+ (Google Plus) - http://www.liens-du-vin.ch/gadget-google-plus.htm</iframe>

google-plus-statistics.xml

<iframe style="width: 280px; height: 110px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-plus-statistics.xml&up_GID=115854656993758258488&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - des gadgets pour Google+ (Google Plus) - http://www.liens-du-vin.ch/gadget-google-plus.htm</iframe>

google-plus-profilecard.xml

<iframe style="width: 325px; height: 124px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-plus-profilecard.xml&up_ID=115854656993758258488&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - dBadge du Profil Google+ - http://www.liens-du-vin.ch/gadget-google-plus.htm</iframe>

Le script des gadgets

google-plus-feed.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-plus-feed.xml&up_GID=115854656993758258488&up_NBR=12&up_LNK=https://plus.google.com/115854656993758258488/buzz?hl=fr&up_SCOL=%23d1dae3&up_FCOL=%23660000&up_HCOL=%23cc0000&up_LCOL=%23c3d9ff&up_BCOL=%23ff0000&up_CCOL=%23d1dae3&synd=open&w=320&h=500&title=Google%2B+User+Feed&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - des gadgets pour Google+ (Google Plus) - http://www.liens-du-vin.ch/gadget-google-plus.htm</noscript>

search-google-plus.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/search-google-plus.xml&up_PUSER=https://plus.google.com/115854656993758258488/posts?hl=fr&up_BKCOL=%23c3d9ff&up_BCOL=%23cc0000&up_CCOL=%23d1dae3&synd=open&w=334&h=84&title=Google%2B+Search&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - des gadgets pour Google+ (Google Plus) - http://www.liens-du-vin.ch/gadget-google-plus.htm</noscript>

google-plus-statistics.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-plus-statistics.xml&up_GID=115854656993758258488&up_CCOL=%23d1dae3&synd=open&w=280&h=110&title=Google%2B+Statistics&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - des gadgets pour Google+ (Google Plus) - http://www.liens-du-vin.ch/gadget-google-plus.htm</noscript>

google-plus-profilecard.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-plus-profilecard.xml&up_ID=115854656993758258488&up_CCOL=%23d1dae3&synd=open&w=325&h=140&title=Google%2B+Badge&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Badge du Profil Google+ - http://www.liens-du-vin.ch/gadget-google-plus.htm</noscript>

Les paramètres des gadgets

google-plus-feed.xml

Le Flux RSS (Atom) d'un utilisateur de Google+

GID : l'identifiant Google+ de l'utilisateur

L'URL du profil d'un utilisateur se présente comme suit :

https://plus.google.com/115854656993758258488/posts?hl=fr

115854656993758258488 est l'dentifiant de l'utilisateur

NBR : nombre de messages à afficher . De 1 à 100, par défaut 12
LNK : URL du lien sur le titre du Flux

SCOL : #rrggbb couleur du fond du lecteur de Flux
FCOL : #rrggbb couleur de la police
HCOL : #rrggbb couleur du lien au survol de la souris
LCOL : #rrggbb couleur du fond du texte
BCOL : #rrggbb couleur de la bordure
CCOL : #rrggbb couleur du conteneur, ou transparent

search-google-plus.xml

Moteur de Recherche sur Google+

PUSER : lien sur le texte Google+

Par exemple le profil Google+ d'un utilisateur :

https://plus.google.com/115854656993758258488/posts?hl=fr

BKCOL : #rrggbb couleur du fond du gadget
BCOL : #rrggbb couleur de la bordure
CCOL : #rrggbb couleur du conteneur, ou transparent

google-plus-statistics.xml

Les statistiques Google+

GID : l'identifiant Google+ de l'utilisateur

L'URL du profil d'un utilisateur se présente comme suit :

https://plus.google.com/115854656993758258488/posts?hl=fr

115854656993758258488 est l'dentifiant de l'utilisateur

CCOL : #rrggbb couleur du conteneur, ou transparent

google-plus-profilecard.xml

Le Badge d'un Profil Google+

ID : l'identifiant Google+ de l'utilisateur

L'URL du profil d'un utilisateur se présente comme suit :

https://plus.google.com/115854656993758258488/posts?hl=fr

115854656993758258488 est l'dentifiant de l'utilisateur

CCOL : #rrggbb couleur du conteneur, ou transparent

Des exemples

Mes publications sur Google+

Gadget Google - Le Flux d'un utilisateur de Google+ - http://www.liens-du-vin.ch/gadgets-google-plus.htm

Les publications de Matt Cutts sur Google+

Gadget Google - Le Flux d'un utilisateur de Google+ - http://www.liens-du-vin.ch/gadgets-google-plus.htm

Les publications d'Attention à la Terre sur Google+

Gadget Google - Le Flux d'un utilisateur de Google+ - http://www.liens-du-vin.ch/gadgets-google-plus.htm

Le Moteur de recherche pour Google+

Gadget Google - Un Moteur de Recherche pour Google+ http://prac-gadget.googlecode.com/svn/branches/add-to-google.gif

Mes statistiques sur Google+ Statistics

Gadget Google - des gadgets pour Google+ (Google Plus) - http://www.liens-du-vin.ch/gadget-google-plus.htm

Le Badge de mon Profil Google+

Gadget Google - dBadge du Profil Google+ - http://www.liens-du-vin.ch/gadget-google-plus.htm

Le Badge de Matt Cutts

Gadget Google - dBadge du Profil Google+ - http://www.liens-du-vin.ch/gadget-google-plus.htm

Versions et mentions légales

Gadgets fournis par Google.

Pour les utilisateurs de Blogger

L'ajout d'un Gadget Google par Eléments de la page / Ajouter gadget est très simple. Choisir Ajouter votre propre (Gadget), puis saisir l'URL du gadget à ajouter.
Pour ajouter un gadget dans le corps d'un message, il suffit d'insérer un iframe dans le html du message.