Advertising Advertising Editor Advertising Intelligence

Configurer les balises de suivi de conversion avec Shopify

Si vous créez votre site Web sur Shopify, lisez cet article pour savoir comment configurer des balises de suivi de conversion.
Remarques
  • Cet article explique comment effectuer une configuration de base des balises de suivi de conversion avec Shopify. Reportez-vous au Centre d'aide Shopify pour plus d'informations.
  • Microsoft Advertising n’est pas responsable des processus ou de la documentation de Shopify, ni des modifications faites aux processus ou à la documentation de Shopify.
  • En installant l'application Microsoft Advertising pour Shopify, les balises de suivi des conversions sont automatiquement créées et ajoutées à toutes les pages de votre site Web. Accédez à la page Installer une application et suivez les invites pour configurer l'application Microsoft Advertising pour Shopify.

Si vous créez ou gérez votre site Web avec Shopify, vous pouvez y ajouter et gérer votre balise de suivi de conversion.

Implémentation du suivi de conversion avec Shopify

  1. Dans Microsoft Advertising, sélectionnez Outils > Balise de suivi de conversion et copiez votre code de suivi de balise de conversion JavaScript.
  2. Connectez-vous à votre compte Shopify.
    1. Sélectionnez Online Store > Themes.
    2. Sous Current theme, sélectionnez Actions > Edit code. Modifier le code dans la section des thèmes de Shopify
  3. Installez la balise de suivi des conversions.
    1. Sous Layout, sélectionnez theme.liquid.
      Sélectionner theme.liquid
    2. Faites défiler la page vers le bas jusqu’à la balise <head>. Faire défiler jusqu’à la balise head
    3. Collez la balise de suivi des conversions juste au-dessus de {{ content_for_header }}.
    4. Sélectionnez Save. Coller la balise de suivi des conversions au-dessus de l’en-tête
  4. Personnalisez votre processus de paiement en ligne.
    1. Dans le menu inférieur, sélectionnez Settings.
    2. Sélectionnez Checkout. Sélectionner Settings > Checkout
    3. Faites défiler jusqu’au champ Additional scripts. Collez la balise de suivi des conversions dans Additional scripts. Coller la balise de suivi des conversions dans Additional scripts
    4. Sélectionnez Save.
  5. Si vous souhaitez signaler un revenu variable, ajoutez l'un des extraits de code suivants en dessous du code de suivi de conversion que vous avez collé à l'étape précédente :
    1. Utilisez ce code si vous souhaitez exclure les taxes et la livraison :
      <script> window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ subtotal_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); </script>
    2. Utilisez ce code si vous souhaitez inclure les taxes et la livraison :
      <script> window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ total_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); </script>
Remarque

Pour vérifier que votre balise de suivi de conversion Shopify fonctionne, téléchargez et installez l’Assistant de balise de suivi de conversion. Accédez à votre site Web Shopify et vérifiez qu’un événement de suivi de conversion est reçu et que l’ID de balise correspond à la balise sélectionnée à l’étape 1.

Comment modifier ma balise de suivi de conversion pour le remarketing dynamique avec Shopify ?

  1. Dans Shopify, accédez à Magasin en ligne > Personnaliser.
  2. Sélectionnez les points de suspension permettant d’accéder aux actions thématiques, puis Modifier le code.
  3. Sous Modèles, localisez index.liquid.
  4. Utilisez ce code pour les visiteurs généraux : 
    <script> var productList = []; {% for product in collections.frontpage.products %} productList.push({{ product.id }}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'home'}); </script>
  5. Sélectionnez Enregistrer.
  6. Sous Modèles, localisez search.liquid.
  7. Utilisez ce code pour les personnes recherchant le produit : 
    <script> var productList = []; {% for item in search.results %} {% if item.object_type == 'product' %} productList.push({{ item.id }}); {% endif %} {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'searchresults'}); </script>
  8. Sélectionnez Enregistrer.
  9. Sous Modèles, localisez product.liquid.
  10. Utilisez ce code pour les personnes consultant le produit : 
    <script> window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': '{{product.id}}', 'ecomm_pagetype': 'product'}); </script>
  11. Sélectionnez Enregistrer.
  12. Sous Modèles, localisez cart.liquid.
  13. Utilisez ce code pour les personnes ayant abandonné leur panier d’achat: 
    <script> var productList = []; {% for line in cart.items %} productList.push({{ line.product_id}}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'cart'}); </script>
  14. Sélectionnez Enregistrer.
  15. Accédez à Paramètres et sélectionnez Paiement.
  16. Sous Traitement de commande, localisez la zone de texte Scripts supplémentaires.
  17. Utilisez ce code pour les acheteurs précédents : 
    <script> var productList = []; {% for line in checkout.line_items %} productList.push({{ line.product_id }}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'purchase'}); </script>
  18. Sélectionnez Enregistrer.
Important
  • L’ID de produit dans Shopify doit correspondre à un ID dans votre flux de produits .
  • Shopify crée automatiquement les ID de produit correspondant à vos produits. Vous pouvez configurer Shopify pour mettre à jour vos solutions de gestion de flux avec les ID de produit Shopify qui peuvent être importés dans Microsoft Merchant Center.

See more videos...