Pinterest : Bouton Suivre / Follow button
Simple, élégant, sans fioritures inutiles : voici le bouton Follow Pinterest pensé spécialement pour les blogs Blogger. Grâce à lui, vos visiteurs peuvent suivre votre compte Pinterest en un clic, tout en restant immergés dans l’univers de votre site.
Ce plugin léger repose sur une structure HTML minimaliste, compatible avec tous les thèmes Blogger, et s’intègre parfaitement à votre design. Il vous suffit de renseigner votre nom d’utilisateur et le texte du bouton : le reste est automatique.
Notre générateur vous permet de choisir le format de code (HTML ou XML), de cibler les pages sur lesquelles afficher le bouton, et même de conditionner son apparition à un auteur spécifique dans le cas des blogs multi-auteurs.
Résultat : un bouton Pinterest propre, sécurisé, conforme aux standards HTML5, et taillé pour s’intégrer sans effort à l’écosystème Blogger.
Info
L'utilisation de ce plugin implique l’intégration d’un service tiers proposé par Pinterest. En intégrant ce bouton sur votre blog, vous acceptez les conditions générales d’utilisation de Pinterest ainsi que ses politiques de confidentialité.
Présentation du bouton
Le bouton Follow Pinterest repose sur une simple balise <a> enrichie de l’attribut data-pin-do="buttonFollow".
Il n’existe pas d’option officielle pour modifier sa taille ou son apparence via des attributs spécifiques.
Le style visuel dépend donc entièrement du texte que vous choisissez et des règles CSS de votre thème.
Le bouton sera toujours interprété correctement grâce au script pinit.js, qui applique automatiquement la mise en forme standard.
| Exemple de texte personnalisé | Bouton généré |
|---|---|
| Tomate Joyeuse | Tomate Joyeuse |
| Suivre Tomate Joyeuse | Suivre Tomate Joyeuse |
| Tomate Joyeuse sur Pinterest | Tomate Joyeuse sur Pinterest |
Étape 1 : Configurer le bouton
Étape 2 : Où recopier le code ?
Étape 3 : Script pinit.js
Le script pinit.js est indispensable pour que le bouton "Follow" de Pinterest s’affiche correctement. Il transforme automatiquement le lien HTML en bouton interactif conforme à la charte Pinterest.
Si vous utilisez plusieurs plugins Pinterest sur la même page (bouton "Pin", widget profil, épingles intégrées, etc.), vous devez inclure ce script une seule fois.
Si ce n’est pas encore le cas, vous devez l’ajouter manuellement dans le code XML de votre thème.
- Tableau de bord
- Thème
- Modifier le code HTML
Dans l'éditeur XML, recherchez la balise </body> et ajoutez le script juste avant cette balise.
<script async='' defer='' src='//assets.pinterest.com/js/pinit.js'/>
Pour aller plus loin
Si vous souhaitez approfondir votre usage de Pinterest ou découvrir des astuces créatives, nous vous recommandons le blog de Tomate Joyeuse, une mine d’or pour les passionnés de partage visuel et de contenu inspirant.
