Insérer un bouton Google +1 sur une page web

Décembre 2012

Google +1 est un bouton qui permet aux visiteurs d'une page web de voter pour cette page et d'en parler sur leur compte Google Plus (le réseau social de Google). C'est l'équivalent du bouton Facebook Like chez Google.

Le fonctionnement est très simple, comme Google Analytics ou Facebook, il suffit de placer un petit bout de code HTML/Javascript fourni par Google sur votre site.

Pour créer un bouton Google +1 et obtenir le code, allez sur la page officielle :
https://developers.google.com/+/plugins/+1button/?hl=fr

Google va alors vous fournir un morceau de code en 2 parties :

<!-- Placez cette balise où vous souhaitez faire apparaître le gadget Bouton +1. -->
<div class="g-plusone" data-annotation="none"></div>

Cette page peut vous intéresser : fond dégradé sur excel à lire tout de suite !

<!-- Placez cette ballise après la dernière balise Bouton +1. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Comme il est écrit dans les commentaires, le truc important à retenir c'est que dans un premier temps vous insérez des "marqueurs" dans la page web, puis à la fin de la page vous insérez le code Javascript qui va remplacer tous ces marqueurs par un bouton Google +1.

En fait ce code créé un élément HTML <script> qui pointe vers une URL sur les serveurs de Google.

Allez donc jeter un oeil sur cette page : les voleurs d'âme.

Fil de lecture

0 commentaire