Logo GooglePlus

TechRevolutions faisant partie de la plateforme Google Preview, les actualités Google arrivent directement dans la boite mail… Et devinez quoi ? Google met à disposition des propriétaires de site des badges et des tags pour lier votre petit bébé à votre page GooglePlus.

 

Google fournit aux développeurs ayant un compte sur Preview, un utilitaire permettant la création de badge ou d’icône. Le plus complet est le badge standard avec bouton +1, lien vers la page G+, et affichage des cercles. Les autres sont : petit badge (même chose sans le +1), petite icône, icône moyenne, grande icône, et « pas de badge » (juste le tag permettant de lier le site à la page Google+).

Là où la firme de Montain View va plus loin, c’est qu’elle propose des options pour générer le tag :

  • Pour avoir un affichage asynchrone (au cas où Google a un problème, le site n’en pâtira pas)
  • Pour avoir une syntaxe valide HTML5 (un div avec la balise data-href pour les connaisseurs)
  • Pour ajouter l’appel à l’API GooglePlus de façon explicite (gapi.plus.go();)

Exemple de rendu fonctionnel

Exemple de code

<!– Place this tag in the <head> of your document–>
<link href= »https://plus.google.com/116636121291121839087/ » rel= »publisher » /><script type= »text/javascript » src= »https://apis.google.com/js/plusone.js »>{lang: ‘fr’}</script>

<!– Place this tag where you want the badge to render–>
<div class= »g-plus » data-href= »https://plus.google.com/116636121291121839087/ » data-size= »badge »></div>

<script type= »text/javascript »>gapi.plus.go();</script>

PS : TechRevolutions est déjà lié. Je vous invite à cliquer sur le magnifique badge GooglePlus pour voir comment ça fonctionne. ;-)

 

Interface de l’utilitaire de création de badge

Utilitaire de création de badge - GooglePlus

 

[Source : mail de Google / blog de Google / utilitaire de génération des badges / image]

Vous aimez cet article ? Partagez le.

By TechRevolutions| No Comment | Actualité, Buzz, Développement, Google, Innovation, Réseaux sociaux
1