[Astuce] Comment intégrer une épingle Pinterest dans votre site ou blog ?

► S’il vous arrive d’épingler, sur Pinterest, des images que vous trouvez intéressantes et que vous aimeriez mettre en ligne sur votre site ou blog, alors vous avez sans doute déjà cherché à intégrer, dans votre site ou blog, une image trouvée sur Pinterest.

► Cela peut aussi vous arriver quand vous consultez un site (ou un blog) qui contient une illustration (par exemple, une infographie) que vous trouvez intéressante et que vous voudriez reproduire dans votre propre site ou blog, sans violer les droits d’auteur. Dans ce cas, passer par l’intermédiaire Pinterest peut être pratique.

Mais concrètement, comment faire ?

Vous verrez, une fois qu’on a compris la manipulation, c’est assez simple. Voici le mode d’emploi pas-à-pas !

Etape préalable : vérifiez que cette image se trouve dans Pinterest

2 cas de figure :

  • Si l’image que vous souhaitez intégrer dans votre site ou blog se trouve déjà sur Pinterest (dans l’un de vos tableaux ou dans un tableau créé par un autre utilisateur, peu importe), alors positionnez-vous tout simplement sur cette image.
  • Si en revanche vous vous trouvez sur un site Internet (ou blog) contenant une image qui vous intéresse, mais que vous ne savez pas si cette image a été -ou pas- épinglée quelque part sur Pinterest, alors commencez par épingler cette image dans l’un de vos tableaux Pinterest, puis positionnez-vous sur l’image en question.

Etape 1 : cliquez sur « Intégrer »

Lorsque vous vous trouvez sur l’image épinglée (dans Pinterest), cliquez d’abord sur les points de suspensions, puis sur « Intégrer » comme montré ci-dessous :

Etape 1

Crédit : Dix-Katre

Etape 2 : formatez l’épingle

Un nouvel onglet va alors s’ouvrir sur votre écran. Vous vous trouvez désormais dans « Pinterest développeurs ».

  • vérifiez (voir saisie d’écran ci-dessous) que le format « Epingle » a bien été automatiquement sélectionné ;
  • choisissez la taille dans laquelle vous souhaitez que l’image épinglée s’affiche par la suite dans votre site ou blog : petite, moyenne ou grande ;
  • cochez « Masquez la description » si vous ne souhaitez pas que la description de l’épingle s’affiche, par la suite, sur votre blog ou site.
Etape 2

Crédit : Dix-Katre

Etape 3 : copiez le code d’intégration

Si vous descendez dans votre écran, vous allez voir s’afficher l’épingle telle qu’elle sera intégrée sur votre site ou blog.

Si vous descendez encore, vous trouverez 2 cadres contenant chacun un code :

Etape 3

Crédit : Dix-Katre

Commencez par copier le premier et collez-le dans l’outil d’administration de votre site ou blog, à l’endroit où vous souhaitez que l’épingle s’intègre. Dans l’exemple ci-dessus, vous devez copier <a data-pin-do= »embedPin » data-pin-lang= »fr » data-pin-width= »large » href= »https://fr.pinterest.com/pin/145381894201986206/ »></a>

Etape 4 : ajoutez le 2e code à la fin du code d’intégration

Si je reprends l’exemple ci-dessus, vous devez maintenant copier <script async defer src= »//assets.pinterest.com/js/pinit.js »></script> et le coller juste avant le </a> final du 1er code, ce qui donne, dans votre outil d’administration, le résultat suivant :

<a data-pin-do= »embedPin » data-pin-lang= »fr » data-pin-width= »large » href= »https://fr.pinterest.com/pin/145381894201986206/ »><script async defer src= »//assets.pinterest.com/js/pinit.js »></script></a>

Nota : dans l’explication ci-dessus, j’utilise des couleurs uniquement pour une meilleure compréhension de la manipulation => dans votre outil d’administration, les codes resteront en noir bien sûr !

Et voilà, c’est fini !

Votre épingle est désormais prête à être intégrée dans votre page web ou l’article de votre blog ► Il n’y a plus qu’à publier 😉

Cet article vous a été utile ?

réseaux sociaux et entreprises

Alors merci par avance de vos partages de cet article sur les réseaux sociaux !

N’hésitez pas à cliquer ici pour consulter nos précédents articles concernant Pinterest

Vous pouvez également consulter là notre programme de formations aux réseaux sociaux pour le 1er semestre 2017 ► rendez-vous par exemple le 9 février 2017 pour notre formation « Débuter sur Pinterest » !

Enfin, contactez-nous ici si vous ressentez le besoin d’être conseillés et accompagnés dans votre utilisation professionnelle des réseaux sociaux.

A bientôt !

Vous aimez ? Partagez !

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Viadeo FR
  • Add to favorites
  • Email
  • RSS

facebook comments:

Laissez une réponse

Tags

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de Cookies permettant de réaliser des statistiques de visites et d'offrir une interaction avec les réseaux sociaux.

Fermer
Pinterest
Email
Print