Bouton Plus Un de Google pour article SPIP

© Christian PAULUS. Document créé le 4 octobre 2011 , mis à jour le 4 octobre 2011.

Une personne qui n'a jamais commis d'erreurs n'a jamais tenté d'innover. Albert Einstein

Accueil du site > Astuces > SPIP > Bouton Plus Un de Google pour article SPIP

Pour installer le célèbre bouton Plus Un de Google sur son site géré via le CMS SPIP, il y a la solution plugin, et la solution copier-coller.

Vu qu’il n’y a que deux copier-coller à réaliser, voici la proposition qui ne nécessite pas de maintenance de version de plugin.

Installer le bouton pour les articles

Cela semble logique : ce bouton ne sera probalement pas utile au visiteur sur une page rubrique, mais plus problablement sur une page article.

Voici le premier bout de code à placer où vous le souhaitez, dans le squelette article.html ou l’un de ses dérivés :

<h4>Plussoyez !</h4>
<div class="g-plusone" id="plusonevalide-#ID_ARTICLE"></div>
<script type="text/javascript">
var Validplusun=document.getElementById("plusonevalide-#ID_ARTICLE");
Validplusun.setAttribute("data-href","#URL_ARTICLE");
ValidPlusun.setAttribute('data-size', 'small');
</script>

Et ce second bout de code à recopier en pied de page article.html, avant la balise fermante body :

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
 {lang: 'fr'}
</script>
</body>

Le premier script est une adaptation du script publié par Denis, disponible sur son blog. Qu’il en soit remerçié.

Vous pouvez constater le résultat de ces bouts de code sur cette page, en bas de cet article.

Une version de ce billet est disponible sur un autre blog, proposant l’installation de ce bouton Plus Un pour votre blog WordPress, sans passer par l’installation d’un plugin. Là aussi, en 2 copier-coller.

Plussoyez !

Les forums sont fermés.