Pinterest : Bouton Pin-It / Pin-It Button
Le bouton Pin-It de Pinterest, spécifique pour Blogger.
Ce bouton permet à vos visiteurs d'épingler dans un tableau vos articles sur ce réseau social.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Choix de l'apparence (Rectangulaire, circulaire, sans compteur, compteur vertical, compteur horizontal, couleur, langue).
Possibilité d'épingler les articles sans photo.
Réglages supplémentaires : Restriction d'affichage, alignement, choix des adresses, images, descriptifs, etc.
En obtenant et en utilisant des plugins Pinterest, vous acceptez les conditions d'utilisation de Pinterest.
Palette de boutons
| Sans compteur | Compteur horizontal | Compteur vertical | |
|---|---|---|---|
| Petit Gris | Pin-it | ||
| Grand Gris | |||
| Petit circulaire | |||
| Grand circulaire |
Configuration du bouton
Dernière correction : 16/05/2014.
Le code du bouton
<!-- Pin-it button Pinterest - Blogger Config.
Ref.: https://goo.gl/Drjxab -->
<b:if cond='data:post.firstImageUrl'>
<a expr:href='"//www.pinterest.com/pin/create/button/?url=" + data:post.url.canonical + "&amp;media=" + data:post.firstImageUrl + "&amp;description=" + data:blog.pageTitle.escaped'
data-pin-do='buttonPin'
data-pin-shape=''
data-pin-config='above'
data-pin-color='gray'
data-pin-lang='en'
data-pin-height='20' >
<img src='//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png' />
</a>
</b:if>
Où recopier ce code ?
Le bouton est raccordé aux articles. Il doit être positionné dans le code HTML du gadget Blog, dans une boucle d'articles.
Choisissez l'un de ces emplacements :
- Afficher dans les options des articles, version web
- Afficher dans les options des articles, version mobile personnalisée - Item
- Afficher dans les options des articles, version mobile personnalisée - Index
- Afficher dans les options des articles - barre de partage, version mobile personnalisée - Item
- Afficher dans les options des articles, version mobile personnalisée - Index
Le script
<script type='text/javascript' async='' src='//assets.pinterest.com/js/pinit.js' />
Où recopier le script ?
Le script Pinterest est un élément essentiel au fonctionnement de tous les modules officiels de ce réseau social. Si vous avez déjà installé un module Pinterest sur votre blog, vous n'êtes plus obligé de le rajouter à nouveau.
Le script doit être positionné juste avant la balise
</body> dans le code HTML du blog.Liens divers
- Tomate Joyeuse - Pour tout savoir sur Pinterest
