≡ Menu

Ajoutez le bouton Pinterest de Sharebar, avec le compteur

J’utilise l’extension Sharebar dans plusieurs de mes sites. Ce petit plugin permet d’afficher les icônes des réseaux sociaux sur lesquels vous désirez partager une page ou un site. Il est très populaire ayant été téléchargé à plus de 231 000 reprises. Vous pouvez voir le résultat sur une page très populaire d’un de mes sites généralistes DansNotreMaison.com, dans la colonne de droite. pinterest - thumbJ’ai voulu ajouter le site de partage très populaire Pinterest dans le choix de mes réseaux sociaux, mais il y avait un bogue important. Le compteur qui indique le nombre d’interactions des lecteurs avec le site ne fonctionnait pas . J’ai donc consulté de nombreux sites, forums et groupes de discussions. Ce problème semblait être le même dans tous les CMS et semblait impossible à résoudre. Il faut noter que cette extension n’a pas été mise à jour depuis près de deux ans par son auteur (janvier 2013), ce qui peut expliquer ce problème. Il est toujours risqué d’utiliser un plugin qui n’a pas été mis à jour depuis plusieurs mois, puisqu’il peut y avoir des failles de sécurité ou des incompatibilités avec les nouvelles versions des CMS ou des thèmes.

Icône et solution

Mais après plusieurs heures de recherche, j’ai finalement trouvé la solution que je vous communique ici. Le code tant recherché apparaît à la toute fin de ce long fil de discussion de programmeurs en anglais du CMS drupal.org (!). Celui-ci fonctionne même si vous utilisez le CMS WordPress.  Je vous l’offre ici.  

1) « Big Button »:

<div style="margin-top: 30px;"><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-config="above"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script></div>

2) « Small Button »:

<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-config="beside"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Laisser un commentaire :