Configuration du lien de partage de Pinterest
Sur Pinterest vous pouvez paramétrer un lien pour Partager une url.
L'url principale est http://pinterest.com/pin/create/button/? viennent s'ajouter à l'url 3 paramètres :
- url : url de la page à partager encodée (obligatoire)
- media : url de l'image (obligatoire)
- description : descriptif (500 caractères maximum)
Exemple : Cliquez moi pour partager sous Pinterest
Voir le site : https://developers.pinterest.com/pin_it/L'url principale est http://pinterest.com/pin/create/button/? viennent s'ajouter à l'url 3 paramètres :
- url : url de la page à partager encodée (obligatoire)
- media : url de l'image (obligatoire)
- description : descriptif (500 caractères maximum)
Exemple de code :
<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.aliasdmc.com%2Fdeveloppement%2Fwebmaster%2Ffaire_un_lien_de_partage_sur_les_reseaux_sociaux.php&media=http%3A%2F%2Fwww.aliasdmc.com%2Fimages%2Fthumbnail.jpg">Cliquez moi pour partager sous Pinterest</a>Exemple : Cliquez moi pour partager sous Pinterest
Le bouton de partage de Pinterest avec compteur
Pour faire un petit icône Pinterest avec compteur le principe est simple.
La construction de l'url du lien de partage est identique à ce que l'on a vu au-dessus, il faut juste rajouter à ce lien :
- une class "pin-it-button"
- un attribut "acount-layout" qui peut prendre la valeur de horizontal pour mettre le compteur Pinterest à droite, vertical pour mettre le compteur Pinterest au dessus et none pour cacher le compteur Pinterest.
Ensuite, vous devez spécifier le code de l'image Pinterest à mettre dans le lien (balise A) de partage :
Et pour finir, insérez le code javascript Pinterest ci-dessous avant la fin de la balise body.
Exemple de code :
<img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>
Exemple :
Voir le site : http://pinterest.com/about/goodies/#Pin-ItLa construction de l'url du lien de partage est identique à ce que l'on a vu au-dessus, il faut juste rajouter à ce lien :
- une class "pin-it-button"
- un attribut "acount-layout" qui peut prendre la valeur de horizontal pour mettre le compteur Pinterest à droite, vertical pour mettre le compteur Pinterest au dessus et none pour cacher le compteur Pinterest.
Ensuite, vous devez spécifier le code de l'image Pinterest à mettre dans le lien (balise A) de partage :
Exemple de code :
<img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /> Et pour finir, insérez le code javascript Pinterest ci-dessous avant la fin de la balise body.
Exemple de code :
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>Exemple de code :
Exemple de code :
<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.aliasdmc.com%2Fdeveloppement%2Fwebmaster%2Ffaire_un_lien_de_partage_sur_les_reseaux_sociaux.php&media=http%3A%2F%2Fwww.aliasdmc.com%2Fimages%2Fthumbnail.jpg" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>
Exemple :