Pinterest : Bouton Suivre / Follow button

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

Profil Pinterest

Indiquez le nom tel qu'il figure dans l'URL du profil Pinterest, par ex. https://pinterest.com/[username]

Apparence du bouton

Ce texte s’affichera à la place du nom du compte.

Options du lien
Options Blogger

Facultatif. Si votre blog est multi-auteurs, saisissez le nom correspondant à l'auteur pour lequel le bouton doit être associé. Sinon, laissez vide.

Conditions d'affichage du bouton

Sélectionnez les types de pages sur lesquelles afficher le bouton. Si tout est coché ou décoché, cela revient à afficher sur "Toutes les pages".

Aperçu
Le code du 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.

pinit.js
<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.

Spotlight

YouTube : bouton abonnement / Subscribe button

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Introduction : Search Engine Optimization (SEO)