Configurer des balises de suivi des conversions avec Google Tag Manager

Les gestionnaires de balises tiers vous permettent de gérer vos balises de site web au même endroit. Découvrez comment configurer des balises UET à l’aide de Google Tag Manager.
Remarques
  • Nous vous recommandons d’utiliser l’intégration directe avec Google Tag Manager, ce qui est plus facile que les autres options. Pour en savoir plus: Configurer le suivi des conversions avec Google Tag Manager à l’aide de l’intégration directe
  • Cet article explique comment effectuer une configuration de base des balises UET avec Google Tag Manager. Google Tag Manager offre plusieurs fonctionnalités avancées pour personnaliser le moment et la façon dont vos balises sont déclenchées. Pour plus d’informations, consultez l’aide du Gestionnaire de balises de Google.
  • Microsoft Advertising n’est pas responsable Google Tag Managerdes processus ou de la documentation, ni des modifications apportées aux processus ou à Google Tag Managerla documentation.

Les gestionnaires de balises remplacent les balises statiques par des balises dynamiques plus faciles à implémenter et à mettre à jour. La balise dynamique est un conteneur : un petit extrait de code qui vous permet d’insérer dynamiquement des balises dans votre site web. Vous pouvez considérer la balise de conteneur comme un compartiment qui contient d’autres types d’étiquettes.

Ajout de la page UET de base pour les événements de chargement de page sur Google Tag Managerexpando image

Pour envoyer des informations à Microsoft Advertisingpartir de Google Tag Manager, vous devez créer un « conteneur », Google Tag Manager puis y ajouter la Microsoft Advertising balise UET.

Pour commencer avec la balise de suivi des conversions de base qui est déclenchée sur toutes les pages, vous pouvez procéder comme suit :

  1. Lorsque vous configurez un compte dans Google Tag Manager, entrez l’URL de votre site web dans la zone Nom du conteneur .
  2. Sur la page Vue d’ensemble de l’espace de travail de ce conteneur, sélectionnez l’ID de conteneur (au format « GTM-XXXXXX ») dans la barre d’outils. Vous verrez le code et les instructions du conteneur Google Tag Manager .
  3. Copiez le code de conteneur et collez-le dans l’en-tête ou le corps de chaque page de votre site web.
  4. Sur la page Vue d’ensemble de l’espace de travail de votre conteneur, sélectionnez Nouvelle balise.
  5. Dans le volet Configuration de la balise, sélectionnez un type de balise pour commencer la configuration.
    1. Recherchez Microsoft Advertising Suivi d’événement universel .
    2. Assurez-vous que le type de suivi est défini sur Configuration/affichage de page UET (obligatoire)..Vous devez ajouter une seule balise de ce type de suivi et vous devez la déclencher sur toutes les pages.

      Remarque

      Sélectionnez la case à cocher Activer le suivi automatique pour les événements d’affichage de page sous Paramètres de balise (pour votre balise de base) pour suivre automatiquement les événements d’affichage de page lors de la navigation.

    3. Entrez votre ID de balise UET Microsoft Advertising. Vous pouvez trouver l’ID de balise dans Microsoft Advertising en sélectionnant Suivi des conversions > balises UET.
    4. Si vous avez plusieurs codes de suivi des balises UET sur une page web, entrez le nom de l’objet de suivi d’événements global dans le script de balise UET que vous souhaitez que Google Tag Manager suive dans la zone ID de variable UETQ. Sinon, utilisez la valeur uetq par défaut. En savoir plus sur les raisons de la création de plusieurs balises UET et sur la façon de renommer l’outil de suivi d’événements uetq.

    Remarques
    • Si vous n’utilisez pas de variable uetq différente, le l’ Outil d’aide pour la balise UET retourne le problème « Plusieurs balises UET sur cette page web utilisent le même nom d’événement ». Si plusieurs balises sont placées sur le site et que l’une d’entre elles est implémentée via Google Tag Manager, il est possible que l’outil d’aide pour la balise UET ne détecte pas le problème « Plusieurs balises UET sur cette page web utilisent le même nom d’événement ».
    • Si vous avez déjà implémenté le code de suivi des balises UET sur votre site web, nous vous recommandons de supprimer le code de suivi avant d’ajouter la balise UET pour l’affichage de Google Tag Managerpage.
  6. Dans le volet Déclencheur, sélectionnez l’icône de crayon et sélectionnez Toutes les pages. Une balise doit avoir au moins un déclencheur pour qu’elle se déclenche. Les déclencheurs sont évalués pendant l’exécution et sont déclenchés lorsque les conditions du déclencheur sont remplies. Sélectionnez Enregistrer.
  7. Entrez un nom de balise, puis sélectionnez Enregistrer.
  8. Dans la barre d’outils de l’espace de travail de votre conteneur, sélectionnez Envoyer > Publier pour activer la balise et ajouter une version.
  9. Dans Microsoft Advertising, sélectionnez les balises UET de Suivi des conversions >  pour vérifier que vous recevez des conversions. La vérification d’une balise prend généralement jusqu’à 24 heures.
  10. Avec l’ Assistant de balise de suivi des conversions, parcourez votre site web et vérifiez que toutes les pages déclenchent l’événement de chargement de page du suivi des conversions.
Ajout d’événements personnalisés UET à l’aide de Google Tag Managerexpando image
Important

Pour configurer des événements personnalisés pour des scénarios tels que les variables de revenus ou le remarketing dynamique à l’aide Google Tag Manager, vous devez avoir ajouté votre balise UET comme Google Tag Manager décrit dans la section précédente.

Les événements personnalisés nécessitent des valeurs dynamiques. Vous devez donc savoir Google Tag Manager comment les lire.

  1. Configurez Google Tag Manager les variables pour lire des valeurs dynamiques à partir de votre page : bien que Google Tag Manager prenne en charge de nombreux types de variables (lecture à partir d’éléments html, de fonctions, de variables JavaScript, de variables de calque de données, etc.), nous allons configurer les variables Google Tag Manager pour lire les variables de calque de données dans cet exemple.
    1. Visitez notre exemple de page Google Tag Manager (en français uniquement), cliquez avec le bouton droit sur la page web, puis sélectionnez Afficher la source ou Afficher la source de la page en fonction de votre navigateur. Les variables suivantes s’affichent :

      Pour le suivi des revenus :

      <script> dataLayer.push({ 'event': 'Purchase', 'revenue_value': 55.55, 'currency': 'USD', 'transaction_id': 'tid123456', }); </script>

      Pour le remarketing dynamique et d'autres scénarios :

      <script> dataLayer.push({ 'event': 'Purchase', 'ecomm_prodid': ['abc123', 'xyz456'], 'ecomm_pagetype': 'purchase', 'ecomm_totalvalue': 55.55, 'currency': 'USD', 'items': [{ 'id': 'abc123', 'price': 11.11, 'quantity': 1 }, { 'id': 'xyz456', 'price': 22.22, 'quantity': 2 }], 'transaction_id': 'tid123456', }); </script>

      Important

      Vous devez vous assurer que les variables dans le code de votre site web correspondent aux paramètres nécessaires pour l’événement personnalisé requis pour vos scénarios (par exemple, conversions d’événements personnalisés, revenus variables ou remarketing dynamique). Pour cet exemple, supposons que vous disposez des paramètres ci-dessus dans votre site web et que vous souhaitez que Google Tag Manager les lise.

    2. Dans l’espace de travail de votre Google Tag Manager conteneur, sélectionnez Variables.
    3. Sous Variables définies par l’utilisateur, sélectionnez Nouveau.
    4. Dans le volet Configuration de la variable, sélectionnez l’icône de crayon.
    5. Sous Variables de page, sélectionnez Variable de couche de données.
    6. Dans la zone Nom de la variable, entrez le nom que vous avez donné à cette variable dans votre calque de données. Dans notre exemple, il s’agit de l’un des éléments suivants : ecomm_prodid, ecomm_pagetype, ecomm_totalvalue, devise, Élémentsou transaction_id.
    7. Attribuez un nom à votre variable, puis sélectionnez Enregistrer. Par exemple, la variable pour ecomm_prodid est nommée « ID de produit ».
    8. Répétez la procédure ci-dessus, en créant une nouvelle variable pour chaque paramètre requis pour le scénario que vous utilisez dans Microsoft Advertising.
  2. Configurer un déclencheur :
    1. Dans l’espace de travail de votre Google Tag Manager conteneur, sélectionnez Déclencheurs, puis Nouveau.
    2. Dans le volet Configuration du déclencheur, sélectionnez l’icône de crayon, puis Événement personnalisé.
    3. Entrez un Nom d’événement, puis sélectionnez Enregistrer. Dans notre exemple, le nom de l’événement est « Achat ».
    4. Entrez un nom de déclencheur, puis sélectionnez Enregistrer.

    Important
    • Vos déclencheurs dans Google Tag Manager doivent correspondre aux interactions possibles qui sont codées sur votre page web.
    • Consultez notre page d’exemple Google Tag Manager pour obtenir un exemple. Sur cette page, nous avons codé un clic sur un bouton. Cliquez avec le bouton droit sur la page web, puis sélectionnez Afficher la source ou Afficher la source de la page en fonction de votre navigateur, puis recherchez le code avec id=btnCustomEvent.
  3. Mise en place d'événements personnalisés pour le suivi Google Tag Managerdes conversions dans : Il s'agira d'une balise d'événement personnalisée qui relie les variables d'événement et le déclencheur que vous venez de créer.
    1. Dans Google Tag Manager, créez une nouvelle balise et choisissez « suivi universel des événements Bing Ads » comme type de balise.
    2. Dans la liste déroulante Type d'événement, sélectionnez Personnalisé.
    3. Les valeurs définies pour Catégorie , Action , Étiquette , et Valeur doivent correspondre aux valeurs définies pour votre objectif de conversion dans votre Microsoft Advertisingcompte.
    4. Sous Séquencement des balises, sélectionnez la case à cocher Déclencher une balise avant que le chiffre d’affaires des variables Microsoft Ads ne soit activé . Sélectionnez la balise UET Microsoft Ads dans la liste déroulante Balise d’installation.
    5. Assurez-vous que le déclencheur que vous avez défini est configuré avant de configurer la balise afin de garantir qu'il se déclenchera correctement sur la page où l'événement personnalisé se produira.
    6. Sélectionnez Enregistrer dans le coin supérieur droit de la balise.
  4. Publier vos modifications : dans la barre d’outils de l’espace de travail de votre Google Tag Manager conteneur, sélectionnez Envoyer > Publier.
  5. Vérifiez le code de votre site web : vérifiez que vous avez ajouté les variables ci-dessous à la couche de données sur la page web où les clients terminent l’événement, par exemple, la confirmation de l’achat du produit. Dans notre exemple ci-dessus :
    <script> dataLayer.push({ 'event': 'Purchase', 'ecomm_prodid': ['abc123', 'xyz456'], 'ecomm_pagetype': 'purchase', 'ecomm_totalvalue’: 55.55, 'currency’: ‘USD’, 'items': [{ 'id': 'abc123', 'price': 11.11, 'quantity': 1 }, { 'id': 'xyz456', 'price': 22.22, 'quantity': 2 }], 'transaction_id': 'tid123456', }); </script>
  6. Valider vos balises : utilisez le Tag Helper UET pour confirmer que l’événement et les paramètres correspondants dans l’événement sont déclenchés à partir de votre site web.

See more videos...