Attention ! Il semble que vous consultez cet article depuis un pays où l'application Pinterest pour Shopify n'est pas encore disponible. En savoir plus

Vous pouvez lier votre compte Shopify et votre compte Pinterest pour sponsoriser les produits que vous vendez déjà sur Shopify sur Pinterest. Pour ce faire, vous pouvez utiliser l'application Pinterest pour Shopify ou ajouter manuellement la balise Pinterest à Shopify. Si vous choisissez d'utiliser l'application Pinterest pour Shopify, votre domaine sera automatiquement revendiqué afin que vous n'ayez pas à le faire manuellement.

Si vous avez déjà ajouté manuellement la balise Pinterest à Shopify et que vous souhaitez plutôt utiliser l'application Pinterest pour Shopify, vous devrez supprimer la balise que vous avez ajoutée manuellement. N'oubliez pas que vous ne pouvez connecter votre compte Shopify qu'à un seul compte professionnel Pinterest à la fois.

Connecter vos comptes à l'application Pinterest pour Shopify

Si vous disposez de l'application Pinterest pour Shopify, vous pouvez installer la balise Pinterest dans l'application.

  1. Connectez-vous à votre compte Shopify
  2. Accédez à l'application Pinterest sur la page de Shopify dans l'App Store de Shopify
  3. Vérifiez les autorisations, et si vous êtes d'accord, cliquez sur Ajouter l'application
  4. Suivez les instructions à l'écran pour terminer l'installation de l'application Pinterest sur Shopify
Ajouter manuellement la balise Pinterest à Shopify

Si vous ne disposez pas de l'application Pinterest pour Shopify, vous pouvez installer la balise manuellement en suivant les instructions ci-dessous.

Ajouter le code de base

Le code de base vous permet de collecter des données sur des événements, comme l'achat d'un produit par une personne ou l'ajout d'un produit à son panier. Le code de base doit être installé sur toutes les pages de votre site Web.

  1. Dans votre compte Shopify, cliquez sur Boutique en ligne, puis sur Thèmes.​

  2. Accédez aux thèmes que vous souhaitez modifier, cliquez sur Actions puis sur Modifier le code.

  3. Cliquez sur theme.liquid.

  4. Faites défiler jusqu'à </head > et collez ce code juste au-dessus :

    <script type="text/javascript">
    
    !function(e){if(!window.pintrk){window.pintrk=function()
    
    {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
    
    n=window.pintrk;n.queue=[],n.version="3.0";var
    
    t=document.createElement("script");t.async=!0,t.src=e;var
    
    r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
    
    ("https://s.pinimg.com/ct/core.js");pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
    pintrk('page'); 
    </script> 
    <noscript> 
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" />
    </noscript>
    
  5. Remplacez YOUR_TAG_ID par votre propre identifiant unique de balise. Pour trouver votre identifiant de balise unique, rendez-vous sur Gestionnaire d'annonces sur Pinterest. Cliquez sur Annonces, sur Conversions puis sur Commencer sous Installer la balise Pinterest. Si vous avez déjà créé une balise Pinterest, vous pouvez cliquer sur son titre pour afficher son identifiant de balise unique.

  6. Accédez à votre vue d’ensemble de suivi des conversions et recherchez la section des détails.

  7. Copiez le numéro à 13 chiffres sous Tag ID et collez-le dans le code à la place de YOUR_TAG_ID.

Ajouter un événement Checkout (paiement final)

Après avoir installé le code de base, vous pouvez ajouter différents événements pour recueillir des données supplémentaires. Vous pouvez ajouter l'événement de paiement final pour suivre les personnes qui achètent un produit et effectuent des transactions.

  1. Dans votre compte Shopify, cliquez sur Paramètres puis sur Paiement.
  2. Sous Page de statut de commande, collez le code de suivi ci-dessous dans la zone de texte. S'il y a déjà un code dans ce champ, collez votre code de suivi après celui-ci :
{% if first_time_accessed %}
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var

n=window.pintrk;n.queue=[],n.version="3.0";var

t=document.createElement("script");t.async=!0,t.src=e;var

r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}

("https://s.pinimg.com/ct/core.js");



pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
pintrk('page'); 
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
</noscript>

<script>
pintrk('track', 'checkout',{
value: {{ total_price }} / 100,
currency: '{{ currency }}',
order_quantity: 1,
order_id: {{ checkout.id }}
});
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
</noscript>
{% endif %}

  1. Veillez à remplacer YOUR_TAG_ID par l'identifiant unique de la balise qui a été généré dans le gestionnaire d’annonces.

Ajouter un événement AddToCart (ajout au panier) (optionnel)

Après avoir installé le code de base, vous pouvez ajouter différents événements, si vous le souhaitez, pour recueillir des données supplémentaires. Vous pouvez ajouter l'événement AddToCart (ajout au panier) pour suivre les personnes qui ajoutent des produits à leur panier.

Remarque : avec certains thèmes et widgets Shopify, vous ne pourrez pas ajouter d'événement AddToCart.

  1. Dans votre compte Shopify, cliquez sur Boutique en ligne puis sur Thèmes.

  2. Dans le thème que vous utilisez actuellement, cliquez sur Actions puis sur Modifier le code.

  3. Sous Modèles, recherchez les fichiers de code intitulés product.liquid, product-template.liquid ou product-form.liquid et ouvrez-les. Ceux-ci peuvent varier selon le thème que vous avez installé, mais il est plus fréquent de voir le code du bouton Ajouter au panier dans le fichier products.liquid file ou équivalent.

  4. Recherchez addtocart dans le fichier de code.

  5. Placez le code suivant dans le caret de fin de l'élément <button> ou <input>

    onclick="pintrk('track', 'addtocart');"
  6. Cliquez sur Enregistrer dans l'angle supérieur droit.

Supprimer la balise Pinterest de Shopify

Si vous avez installé la balise Pinterest manuellement et que vous souhaitez plutôt utiliser l'application Shopify, vous devez supprimer toutes les balises que vous avez installées manuellement avant de configurer l'application Shopify. Veillez à supprimer le code de base, le code Checkout (paiement final) et le code AddToCart (ajout au panier). Vous ne pouvez avoir qu'une seule balise dans un compte.

Supprimer le code de base

  1. Dans votre compte Shopify, cliquez sur Boutique en ligne, puis sur Thèmes.​
  2. Accédez aux thèmes que vous souhaitez modifier, puis cliquez sur Actions puis sur Modifier le code.
  3. Cliquez sur theme.liquid
  4. Faites défiler jusqu'à </head > et cherchez ce code :
    <script type="text/javascript">
    
    !function(e){if(!window.pintrk){window.pintrk=function()
    
    {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
    
    n=window.pintrk;n.queue=[],n.version="3.0";var
    
    t=document.createElement("script");t.async=!0,t.src=e;var
    
    r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
    
    ("https://s.pinimg.com/ct/core.js");pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
    pintrk('page'); 
    </script> 
    <noscript> 
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" />
    </noscript>

Supprimer le code Checkout (paiement final)

  1. Dans votre compte Shopify, cliquez sur Paramètres puis sur Paiement.
  2. Dans la section Order Status Page Scripts, recherchez le code de suivi ci-dessous dans la zone de texte. S'il y a d'autres codes dans cette zone, assurez-vous de ne supprimer que cette partie du code :
    {% if first_time_accessed %}
    <script type="text/javascript">
    !function(e){if(!window.pintrk){window.pintrk=function()
    {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
    
    n=window.pintrk;n.queue=[],n.version="3.0";var
    
    t=document.createElement("script");t.async=!0,t.src=e;var
    
    r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
    
    ("https://s.pinimg.com/ct/core.js");
    
    
    
    pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
    pintrk('page'); 
    </script> 
    <noscript> 
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
    </noscript>
    
    <script>
    pintrk('track', 'checkout',{
    value: {{ total_price | money_without_currency }}, 
    currency: '{{ currency }}',
    order_quantity: 1,
    order_id: {{ checkout.id }}
    });
    </script>
    <noscript>
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
    </noscript>
    {% endif %}
    

Supprimer le code AddToCart (ajout au panier)

  1. Dans votre compte Shopify, cliquez sur Boutique en ligne, puis sur Thèmes​.
  2. Dans le thème que vous utilisez actuellement, cliquez sur Actions puis sur Modifier le code.
  3. Sous Modèles, recherchez les fichiers de code intitulés product.liquid, product-template.liquid ou product-form.liquid et ouvrez-les. Ceux-ci peuvent varier selon le thème que vous avez installé, mais il est plus fréquent de voir le code du bouton Ajouter au panier dans le fichier products.liquid file ou équivalent.
  4. Recherchez addtocart dans le fichier.
  5. Cherchez et supprimez le code suivant. Il doit se trouver dans le caret de fin de l'élément <button> or <input> onclick="pintrk('track', 'addtocart');"
  6. Cliquez sur Enregistrer dans le coin supérieur droit.
Quelle est la prochaine étape ?
  • Vous avez encore besoin d'aide ? Pour essayer de résoudre le problème, suivez les étapes ci-dessous :
  • Créer des annonces avec Shopify
  • Mesurer votre reach à l'aide des statistiques de Shopify ou des rapports du Gestionnaire d'annonces
  • End of Other articles Links
    User feedback
    Cet article vous a-t-il été utile ?

    collection_fields

    Comment pouvons-nous améliorer cet article ?