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 UET à l’aide de Shopify. Pour plus d’informations, consultez le Centre d’aide Shopify .
  • Microsoft Advertising n’est pas responsable Shopifydes processus ou de la documentation, ni des modifications apportées aux processus ou à Shopifyla documentation.
  • En installant l’application Microsoft Advertising pour Shopify, les balises UET sont automatiquement créées et ajoutées à chaque page de votre site web. Accédez à la page Installer une application et suivez les invites pour configurer votre 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 le menu supérieur, sélectionnez Outils > Balise de suivi des conversions.

    Si vous utilisez la nouvelle Microsoft Advertising navigation, dans le menu de navigation sur la gauche, pointez sur Conversions et sélectionnez Balise de suivi des conversions.

  2. Copiez votre code de suivi des balises JAVAScript UET.
  3. Connectez-vous à votre compte Shopify.
    1. Sélectionnez Magasin en ligne > Thèmes.
    2. Sous Thème actuel, sélectionnez Actions > Modifier le code. Edit code in the themes section of Shopify
  4. Installez la balise de suivi des conversions.
    1. Sous Disposition, sélectionnez theme.liquid.
      Select theme.liquid
    2. Faites défiler la page vers le bas jusqu’à ce que vous soyez à la <première > balise. Scroll to the head tag
    3. Collez la balise UET directement au-dessus de {{ content_for_header }}.
    4. Sélectionnez Enregistrer. Paste UET tag above content for header
  5. Personnalisez votre processus de paiement en ligne.
    1. Dans le menu supérieur, sélectionnez Paramètres.
    2. Sélectionnez Validation de l'achat. Select Settings > Checkout
    3. Faites défiler vers le bas jusqu’au champ Scripts supplémentaires sous la page État de la commande. Collez la balise UET dans des Scripts supplémentaires. Paste the UET tag in Additional scripts

      Remarque

      Vous pouvez ignorer le champ Scripts supplémentaires sous la page Post-achat si vous ne suivez pas les acheteurs passés.

    4. Sélectionnez Enregistrer.
  6. 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 UET Shopify fonctionne, téléchargez et installez le UET d’aide balise. Accédez à votre site web Shopify et vérifiez qu’un événement UET est reçu et que l’ID de balise correspond à l’étiquette que vous avez 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, recherchez 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, recherchez search.liquid.
  7. Utilisez ce code pour les recherches de produits: 
    <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, recherchez product.liquid.
  10. Utilisez ce code pour les Visionneuses de produits: 
    <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, recherchez cart.liquid.
  13. Utilisez ce code pour les abandons de 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, recherchez la zone de texte Scripts supplémentaires.
  17. Utilisez ce code pour les Acheteurs passés: 
    <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 des ID de produit pour vos produits. Vous pouvez configurer Shopify pour mettre à jour vos solutions de gestion des flux avec des ID de produit Shopify qui peuvent ensuite être importés dans Centre commercial Microsoft.

See more videos...