Comme tous les réseaux sociaux et autres sites de partage, Pinterest propose des scripts à placer sur les sites pour partager ses pages sur leur réseau.
Le hic, c'est qu'ils n'ont rien automatisé et imposent de mettre l'URL de la page et d'un visuel en dur avant de placer le script sur les pages.
Plutôt que d'utiliser leur script, je vous propose donc cette variante qui va automatiquement reprendre l'URL de votre page, le fichier ascreen.jpg (en 120x90 que vous devez mettre à la racine du domaine) comme visuel. Bien entendu vous êtes libre d'adapter ce script à vos envies (notamment pour mettre la première photo de la page ou l'image que vous préférez dessus).
<script type="text/javascript">
document.write('<a href="http://pinterest.com/pin/create/button/?url='+
encodeURIComponent(location.href)+'&media='+
encodeURIComponent(location.protocol+'//'+location.host+'/ascreen.jpg')+
'&description='+encodeURIComponent(document.title)+
'" class="pin-it-button" count-layout="vertical"><img border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>');
</script>
et ce script à placer en un seul exemplaire, de préférence en bas de page (si vous mettez plusieurs boutons de partage)
<script type="text/javascript">
document.write('<sc'+'ript type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></scr'+'ipt>');
</script>
Voici ce que ça donne :
Plutôt pratique, non ?