En utilisant Bazaarvoice avec Google Tag Manager, vous pouvez enregistrer les actions, les transactions et les comportements des utilisateurs sur une page de détails du produit et les pages de confirmation. Avant de commencer, effectuez les étapes suivantes :

Note: If the browser will not display Google Tag Manager, make sure that ad-blocking or JavaScript-blocking plugins are not enabled in your browser. You can also use an incognito browser window. Or, check with your IT department to determine if Content Security Policies are enabled that block Google Tag Manager or Bazaarvoice. If so, request that they add Google and Bazaarvoice scripts to the allowlist (sometimes called a "whitelist").

Pour implémenter Google Tag Manager, effectuez l’une des opérations suivantes :

  • Si BV Pixel est implémenté dans votre instance Ratings & Reviews, créez les balises suivantes :

    Tous les autres événements sont automatiquement capturés par BV Pixel.

  •  Si votre application utilise une API, vous devez configurer ces balises pour enregistrer tous les événements analytiques :

    • Balise du script de chargement BV — Charge la bibliothèque JavaScript Bazaarvoice et suit les activités qui surviennent sur votre site. Ce tag doit être ajouté à toutes les pages où vous souhaitez collecter des événements.
    • Balise PageView — Indique qu’un utilisateur a chargé la page.
    • Balise InView — Indique que le contenu généré par les utilisateurs était visible sur la page.
    • Balise ViewedUGC — Indique que le contenu généré par les utilisateurs a été visible dans la fenêtre d’affichage pendant une certaine durée.
    • Balise FeatureUsed — Indique une interaction de l'utilisateur avec le conteneur et les commandes du contenu généré par les utilisateurs.

Publiez les balises lorsque vous avez terminé.

Ajouter la balise du script de chargement BV

Le script de chargement BV charge la bibliothèque JavaScript Bazaarvoice et suit les activités qui surviennent sur votre site. Vous l’ajoutez à toutes les pages où vous souhaitez collecter des événements. Ensuite, vous créez une balise pour le script de chargement BV à l’aide de Google Tag Manager avant de vérifier la balise pour s’assurer qu’elle fonctionne correctement.

Ajouter le script de chargement BV à des pages

Si vous ne l'avez pas déjà fait, ajoutez le script de chargement BV à toutes les pages où vous souhaitez collecter des événements.

Créer la balise

Dans votre espace de travail Google Tag Manager, créez une nouvelle balise avec les propriétés suivantes :

  • Nom : BV Loader
  • Configuration de la balise : 

    • Type de balise : HTML personnalisée, puis spécifiez le code suivant, qui ajoute le script de chargement BV et inclut une fonction qui indique à Google Tag Manager lorsque le script de chargement BV a été chargé afin d’éviter les conflits avec les autres balises :

      <!-- load BV --> <script type="text/javascript" src="https://apps.bazaarvoice.com/deployments/<client_name>/<site_ID>/<environment>/<locale>/bv.js"></script> <script> function onBvLoaded() { if (typeof(BV) === 'object') { window['dataLayer'].push({'event': 'bvLoaded'}); } else { setTimeout(onBvLoaded, 250); } } onBvLoaded(); </script>

      Reportez-vous au document Ajouter le script de chargement BV pour obtenir une description des valeurs d’URL.

    • Paramètres avancés : définissez Tag firing options sur Once per page.

  • Déclenchement : sélectionnez le déclencheur Page View, puis configurez-le de sorte qu'il se déclenche sur toutes les pages (All Pages).
    Remarque : si Page Vue ne s’affiche pas en haut de la page, utilisez le bouton de recherche pour la trouver.

La nouvelle balise doit ressembler à cet exemple :

Tester la balise

Remarque : le test nécessite l'utilisation du navigateur Google Chrome avec l'extension Bazaarvoice Analytics Inspector installée.

Effectuez ces étapes pour tester la balise :

  1. Dans le coin supérieur droit de l’espace de travail, cliquez sur le menu déroulant et sélectionnez PREVIEW. Cette opération active le mode Aperçu afin que vous puissiez tester la balise.
  2. Chargez votre page Web dans Chrome.

  3. Vérifiez que la balise a été déclenchée pour la page. Dans le volet de visualisation Google Tag Manager, BV Loader doit figurer sous Tags Fired On This Page.

    Si la balise n’a pas été déclenchée, vérifiez que le déclencheur est configuré correctement. Par exemple, si vous avez mal orthographié quelque chose dans les filtres, le déclencheur se déclenchera pas comme prévu.

  4. Cliquez sur dans le menu du navigateur pour afficher Analytics Inspector et vérifier que les détails semblables à ceux ci sont affichés :

Ajouter la balise PageView

L’événement PageView indique qu’un utilisateur a chargé la page. Ajoutez cette balise à l’aide de Tag Manager pour capturer des données d’affichage de la page.

Créer la balise

Dans votre espace de travail Google Tag Manager, créez une nouvelle balise avec les propriétés suivantes :

  • Nom : BV PageView

  • Configuration de la balise : sélectionnez le type de balise Custom HTML, puis ajoutez le code qui permettra d'enregistrer les données de votre site. Pour chaque paramètre dans la fonction trackPageView, veillez à spécifier des valeurs pour votre site Web. Si votre site est plus dynamique et inclut des variables JavaScript sur la page, vous pouvez les utiliser pour définir les valeurs. La fonction trackPageView a uniquement besoin d'un objet JavaScript normal. Demandez à vos développeurs Web comment vous pouvez remplir dynamiquement cet objet d’affichage de page avec des variables qui existent sur la page.

    Voici un exemple :

    <script> BV.pixel.trackPageView({ bvProduct: 'RatingsAndReviews', productId: 'LXS', brand: 'Kenmore', type: 'Product', categoryId: 22, rootCategoryId: 'electronics', numReviews: 30, numQuestions: 12, numAnswers: 4, avgRating: 4.4, percentRecommended: 100 }); </script>
  • Déclenchement : ajoutez un nouveau déclencheur Window Loaded et spécifiez Window Loaded comme nom du déclencheur.
    Remarque : lorsqu’une page est chargée dans le navigateur, Google Tag Manager déclenche l’événement PageView, l’événement DOM Ready et l’événement Window Loaded (dans cet ordre). L'événement PageView se produit lorsque le navigateur commence à analyser la page, DOM Ready se produit lorsque le navigateur a fini de construire le DOM et Window Loaded se produit lorsque la page est entièrement chargée, y compris les images et les scripts. La balise PageView utilise le déclencheur Window Loaded car Google Tag Manager charge le script de chargement BV de façon asynchrone, mais cet événement doit se terminer avant l'appel de la fonction trackPageView dans la balise PageView. Si vous définissez le déclencheur sur Page View, le script de chargement BV risque de ne pas se charger complètement et ne suivra pas une page vue.

La nouvelle balise doit ressembler à cet exemple :

Tester la balise

Effectuez ces étapes pour tester la balise :

  1. Dans le coin supérieur droit de l’espace de travail, cliquez sur le menu déroulant et sélectionnez PREVIEW. Cette opération active le mode Aperçu afin que vous puissiez tester la balise.
  2. Chargez votre page Web dans Chrome.

  3. Vérifiez que la balise a été déclenchée pour la page. Dans le volet de visualisation Google Tag Manager, BV Loader doit figurer sous Tags Fired On This Page.

    Si la balise n’a pas été déclenchée, vérifiez que le déclencheur est configuré correctement. Par exemple, si vous avez mal orthographié quelque chose dans les filtres, le déclencheur se déclenchera pas comme prévu.

  4. Cliquez sur dans le menu du navigateur pour afficher Analytics Inspector et vérifier que les détails semblables à ceux ci sont affichés :

Ajouter la balise InView

L’événement InView indique que le contenu généré par les utilisateurs est visible sur la page. L’événement se déclenche après que 250 pixels du conteneur d'avis deviennent visibles dans le navigateur. Demandez à vos développeurs Web de spécifier les parties de la page qui seront suivies. Chaque élément de la page que vous voulez suivre doit avoir un ID unique. Ensuite, ajoutez cette balise à l’aide du gestionnaire de balises pour capturer les données d'affichage.

Créer la balise

Dans votre espace de travail Google Tag Manager, créez une nouvelle balise avec les propriétés suivantes :

  • Nom : BV InView
  • Configuration de la balise : 

    • Type de balise : Custom HTML, puis ajoutez le code qui permettra de capturer les données de votre site. Pour chaque paramètre dans la fonction trackInView, veillez à spécifier des valeurs pour votre site Web. Voici un exemple :

      <script> BV.pixel.trackInView({ productId: 'LXS', bvProduct: 'RatingsAndReviews', brand: 'Kenmore', categoryId: 22, rootCategoryId: 'electronics' }, { minPixels: 250, containerId: 'bvUGC' //div ID of reviews container }); </script>

    • Paramètres avancés : définissez Tag firing options sur Once per page.

  • Déclenchement : sélectionnez le type Custom Event, spécifiez bvLoaded comme nom du déclencheur (fonction définie dans la balise BV loader), puis sélectionnez l’option Some Custom Events.
    Remarque : grâce à ces instructions, le déclencheur permet à la balise d'être déclenchée sur une seule page. Vous pouvez utiliser l'option All Pages, mais cela risque d'entraîner la création de plusieurs balises InView et de ralentir le délai de chargement de la page. Bazaarvoice recommande de créer un déclencheur pour la page spécifique ou un groupe de pages qui contient l’ID de conteneur pour lequel vous créez des balises.

    Voici un exemple de la configuration du déclencheur :

La nouvelle balise doit ressembler à cet exemple :

Tester la balise

Procédez comme suit pour tester la balise :

  1. Dans le coin supérieur droit de l’espace de travail, cliquez sur le menu déroulant et sélectionnez PREVIEW. Cette opération active le mode Aperçu afin que vous puissiez tester la balise.
  2. Chargez votre page Web dans Chrome.

  3. Vérifiez que la balise a été déclenchée pour la page. Dans le volet de visualisation Google Tag Manager, BV Loader doit figurer sous Tags Fired On This Page.

    Si la balise n’a pas été déclenchée, vérifiez que le déclencheur est configuré correctement. Par exemple, si vous avez mal orthographié quelque chose dans les filtres, le déclencheur se déclenchera pas comme prévu.

  4. Cliquez sur dans le menu du navigateur pour afficher Analytics Inspector et vérifier que les détails semblables à ceux ci sont affichés :

Ajouter la balise ViewedUGC

L’événement ViewedUGC indique que le contenu généré par les utilisateurs est visible sur la fenêtre d'affichage. L’événement se déclenche cinq secondes après la balise Inview, ce qui signifie que le conteneur d'avis est visible pendant plus de cinq secondes. Demandez à vos développeurs Web de spécifier les parties de la page qui seront suivies. Chaque élément de la page que vous voulez suivre doit avoir un ID unique. Ensuite, ajoutez cette balise à l’aide du gestionnaire de balises pour capturer les données d'affichage du CGU (contenu généré par les utilisateurs).

Créer la balise

Dans votre espace de travail Google Tag Manager, créez une nouvelle balise avec les propriétés suivantes :

  • Nom : BV ViewedUGC

  • Configuration de la balise : sélectionnez Custom HTML (HTML personnalisé), puis ajoutez le code qui permettra de capturer les données de votre site. Pour chaque paramètre de la fonction trackViewedUGC, veillez à spécifier des valeurs pour votre site Web. Voici un exemple :

    <script> BV.pixel.trackViewedUGC({ productId: 'LXS', bvProduct: 'RatingsAndReviews', brand: 'Kenmore', categoryId: 22, rootCategoryId: 'electronics' }, { minPixels: 250, minTime: 2500, containerId: 'bvUGC' //div ID of reviews container </script>
  • Déclenchement : sélectionnez le déclencheur bvLoaded, qui a été créé dans la section Ajouter la balise InView.
    Remarque : grâce à ces instructions, le déclencheur permet à la balise d'être déclenchée sur une seule page. Vous pouvez utiliser l'option All Pages (Toutes les pages), mais elle risque d'entraîner la création de plusieurs balises ViewedUGC et de ralentir le délai de chargement de la page. Bazaarvoice recommande de créer un déclencheur pour la page ou le groupe de pages spécifique qui contient l’ID de conteneur pour lequel vous créez des balises.

    Voici un exemple de la configuration du déclencheur :

La nouvelle balise doit ressembler à cet exemple :

Tester la balise

Effectuez ces étapes pour tester la balise :

  1. Dans le coin supérieur droit de l’espace de travail, cliquez sur le menu déroulant et sélectionnez PREVIEW. Cette opération active le mode Aperçu afin que vous puissiez tester la balise.
  2. Chargez votre page Web dans Chrome.

  3. Vérifiez que la balise a été déclenchée pour la page. Dans le volet de visualisation Google Tag Manager, BV Loader doit figurer sous Tags Fired On This Page.

    Si la balise n’a pas été déclenchée, vérifiez que le déclencheur est configuré correctement. Par exemple, si vous avez mal orthographié quelque chose dans les filtres, le déclencheur se déclenchera pas comme prévu.

  4. Cliquez sur dans le menu du navigateur pour afficher Analytics Inspector et vérifier que les détails semblables à ceux ci sont affichés :

Ajouter la balise FeatureUsed

L'événement FeatureUsed enregistre une interaction de l'utilisateur avec le conteneur et les commandes du contenu généré par les utilisateurs. Par exemple, vous pouvez suivre les moments où un utilisateur clique sur un bouton ou regarde une vidéo. Demandez à vos développeurs Web de spécifier les parties de la page qui seront suivies. Chaque action que vous voulez suivre doit avoir un identifiant unique. Ajoutez cette balise à l’aide du gestionnaire de balises.

Implémenter des outils d'analyse

N'oubliez pas d'implémenter les outils d'analyse requis répertoriés sur cette page .

Créer une variable

Suivez la procédure ci-dessous pour créer une variable définie par l'utilisateur dans votre espace de travail Google Tag Manager. Les variables permettent à Google Tag Manager de partager des données entre des balises.

  1. Créez la variable avec les propriétés suivantes :

    • Nom : Element ID
    • Type : Auto-Event Variable sous Page Elements
    • Type de variable : Element ID

    La configuration de la variable doit ressembler à ceci :

  2. Déterminez l’ID utilisé par l’élément que vous souhaitez suivre. En général, les éléments HTML contiennent un attribut ID. Si tel n'est pas le cas, vous devrez demander à un développeur de modifier le site Web afin d'en ajouter un pour vous. Ouvrez une nouvelle fenêtre ou onglet dans votre navigateur et localisez le bouton ou l’élément que vous souhaitez suivre. Faites un clic droit sur l’élément, puis sélectionnez Inspecter. Recherchez l’ID dans le code HTML.

    Voici un exemple :

    Dans cet exemple, l'ID est helpfulness-btn-yes :

    <button type="button" class="btn btn-vote js-btn-vote-yes" bveventtype="votingHelpfulness" data-value="yes" id="helpfulness-btn-yes">...</button>

  3. Dans votre espace de travail Google Tag Manager, créez un déclencheur qui sera utilisé par la balise FeatureUsed pour enregistrer le moment où un utilisateur clique sur l’élément sur votre site Internet. Par exemple, il peut enregistrer le moment où un utilisateur clique sur le bouton « Oui » à côté de « Cet avis est-il utile ? ». Spécifiez les propriétés de déclenchement suivantes :

    • Nom : spécifiez un nom qui décrit l’action, par exemple L’utilisateur a cliqué sur Oui
    • Type : All Elements sous Click
    • Configuration du déclencheur :
      • Ce déclencheur se déclenche sur : Certains clics.

      • Déclenchez ce déclencheur lorsqu'un événement se produit et que toutes ces conditions sont remplies : sélectionnez Element ID (la variable définie ci-dessus), puis contains et spécifiez l'ID de l'élément. Votre configuration doit ressembler à ceci :

Créer une balise

Créez une balise avec les propriétés suivantes :

  • Nom : spécifiez un nom qui décrit l’action, par exemple L’utilisateur a trouvé l'avis utile

  • Configuration de la balise : sélectionnez Custom HTML, puis ajoutez le code qui permettra de capturer les données de votre site. Pour chaque paramètre de la fonction trackEvent, veillez à spécifier des valeurs pour votre site Web. Voici un exemple :

    <script> BV.pixel.trackEvent('Feature', { type: 'Used', name: 'Feature_Button', brand: 'Test Brand', productId: '1234567-bunnyhat', bvProduct: 'RatingsAndReviews', categoryId: 'hats', detail1: 'review_helpful', detail2: 'yes' }); </script>
  • Déclenchement : sélectionnez le déclencheur créé ci-dessus.

La nouvelle balise doit ressembler à cet exemple :

Tester la balise

Procédez comme suit pour tester la balise :

  1. Dans le coin supérieur droit de l’espace de travail, cliquez sur le menu déroulant et sélectionnez PREVIEW. Cette opération active le mode Aperçu afin que vous puissiez tester la balise.
  2. Chargez votre page Web dans Chrome.

  3. Vérifiez que la balise a été déclenchée pour la page. Dans le volet de visualisation Google Tag Manager, BV Loader doit figurer sous Tags Fired On This Page.

    Si la balise n’a pas été déclenchée, vérifiez que le déclencheur est configuré correctement. Par exemple, si vous avez mal orthographié quelque chose dans les filtres, le déclencheur se déclenchera pas comme prévu.

  4. Cliquez sur dans le menu du navigateur pour afficher Analytics Inspector et vérifier que les détails semblables à ceux ci sont affichés :

Add the Conversion tag

Un événement de conversion suit les activités des utilisateurs hors e-commerce qui sont intéressantes, même si elles ne génèrent pas de revenus directs, comme lorsqu'un utilisateur clique sur le lien Nos boutiques ou Où acheter ?. Ajoutez cette balise à l’aide de Tag Manager.

Remarque : cette balise est requise sur les sites n'exerçant pas une activité d'e-commerce, tels que les sites officiels de marques, et elle est facultative sur les sites d'e-commerce. Ajoutez-la à n'importe quelle page où un événement peut se produire.

Créer une variable

Suivez la procédure ci-dessous pour créer une variable définie par l'utilisateur dans votre espace de travail Google Tag Manager. Les variables permettent à Google Tag Manager de partager des données entre des balises.

  1. Créez la variable avec les propriétés suivantes :

    • Nom : Element ID
    • Type : Auto-Event Variable sous Page Elements
    • Type de variable : Element ID

    La configuration de la variable doit ressembler à ceci :

  2. Déterminez l’ID utilisé par l’élément que vous souhaitez suivre. En général, les éléments HTML contiennent un attribut ID. Si tel n'est pas le cas, vous devrez demander à un développeur de modifier le site Web afin d'en ajouter un pour vous. Ouvrez une nouvelle fenêtre ou un onglet dans votre navigateur et localisez le bouton ou l’élément que vous souhaitez suivre. Faites un clic droit sur l’élément, puis sélectionnez Inspecter. Recherchez l’ID dans le code HTML.

    Dans cet exemple, l’ID est findStore :

    <button data-target="#overlay" data-behavior="modal" data-tcin="15060404" id="findStore" class="btn btn-sm">...</button>

  3. Dans votre espace de travail Google Tag Manager, créez un déclencheur qui sera utilisé par la balise pour enregistrer l'événement. Par exemple, vous pouvez enregistrer le moment où un utilisateur clique sur le bouton Nos boutiques. Spécifiez les propriétés de déclenchement suivantes :

    • Nom : spécifiez un nom qui décrit l’action, par exemple Nos boutiques
    • Type : All Elements sous Click
    • Configuration du déclencheur :
      • Ce déclencheur se déclenche sur : Certains clics.

      • Déclenchez ce déclencheur lorsqu'un événement se produit et que toutes ces conditions sont remplies : sélectionnez Element ID (la variable définie ci-dessus), puis contains et spécifiez l'ID de l'élément. Votre configuration doit ressembler à ceci :

Créer une balise

Créez une balise avec les propriétés suivantes :

  • Nom : spécifiez un nom qui décrit l’action, par exemple Nos boutiques

  • Configuration de la balise : sélectionnez Custom HTML, puis ajoutez le code qui permettra de capturer les données de votre site. Pour chaque paramètre de la fonction trackConversion, veillez à spécifier des valeurs pour votre site Web. Voici un exemple :

    <script> BV.pixel.trackConversion({ label: 'Store Locator', value: 1, type: 'TestConversion' }); </script>
  • Déclenchement : sélectionnez le déclencheur créé ci-dessus.

La nouvelle balise doit ressembler à cet exemple :

Tester la balise

Effectuez ces étapes pour tester la balise :

  1. Dans le coin supérieur droit de l’espace de travail, cliquez sur le menu déroulant et sélectionnez PREVIEW. Cette opération active le mode Aperçu afin que vous puissiez tester la balise.
  2. Chargez votre page Web dans Chrome.

  3. Vérifiez que la balise a été déclenchée pour la page. Dans le volet de visualisation Google Tag Manager, BV Loader doit figurer sous Tags Fired On This Page.

    Si la balise n’a pas été déclenchée, vérifiez que le déclencheur est configuré correctement. Par exemple, si vous avez mal orthographié quelque chose dans les filtres, le déclencheur se déclenchera pas comme prévu.

  4. Cliquez sur dans le menu du navigateur pour afficher Analytics Inspector et vérifier que les détails semblables à ceux ci sont affichés :

Ajouter la balise Transaction

Un événement de transaction enregistre les données liées aux achats lorsqu'un client achète un produit. Un achat se compose d’une commande et des articles achetés. Ajoutez cette balise à l’aide de Tag Manager.

Remarque : la balise de la transaction est nécessaire sur les sites d'e-commerce.

Ajouter des données de commande à la page

Ajoutez du code à une page qui contient des données de commande, par exemple une page de confirmation de paiement ou une page de remerciement. Ce code copie les données de transaction dans la couche de données de Google Tag Manager, qui envoie des objets de données à Google Tag Manager de sorte que les balises, les déclencheurs et les variables puissent les utiliser.

Lorsque vous ajoutez des données de commande, veuillez tenir compte des restrictions suivantes :

  • Si vous spécifiez un paramètre sans valeur, définissez la valeur « 0 » ou « » . Assurez-vous que les valeurs ne soient pas par défaut sur « null ».

  • Si vous transférez des paramètres d'articles depuis la couche de données, veillez à désigner l’objet sous forme de tableau, pas de chaîne. Si l’objet est transmis sous forme de chaîne, les noms et valeurs des paramètres apparaissent entre guillemets puis disparaissent, comme illustré dans cet exemple, et Bazaarvoice ne peut plus analyser les éléments du tableau :

    "items": "[ {\"name\":\"Product_Name\",\"price\":2899.99,\"sku\":2935,\"quantity\":2}]"

    Pensez à formater les paramètres comme indiqué dans l’exemple ci-dessous.

Consultez la section Ajouter l'événement de transaction pour obtenir la liste des paramètres obligatoires et facultatifs.

Voici un exemple du code à exécuter sur la page :

var transactionData = { // host: "bazaarvoice.com", currency: '', orderId: '4601555774216', total: '9.27', city: 'Springfield', state: 'DOH', country: '', zip: '55555', userId: '', email: 'homer@simpson.com', nickname: '', tax: '0.72', shipping: '4.97', items: [ { price: '3.58' quantity: '1', sku: '1234567-2', category: 'beer', name: 'Can of Generic Beer', imageUrl: 'http://tag-manager.bazaarvoice.cimages/beer.jpg', } ] }; // Ensure that dataLayer exists as an array if Google Tag Manager // is still asynchronously loading. window['dataLayer'] = window['dataLayer'] || []; // Send the transaction data into the Google Tag Manager. window['dataLayer'].push({ 'transactionData': transactionData }); // Tell Google Tag Manager to send Bazaarvoice Conversion Tracking window['dataLayer'].push({ 'event': 'bv_conversion_transaction' });

Créer une variable

Suivez la procédure ci-dessous pour créer une variable définie par l'utilisateur dans votre espace de travail Google Tag Manager. Les variables permettent à Google Tag Manager de partager des données entre des balises.

  1. Créez une variable avec les propriétés suivantes de sorte que vous puissiez partager les données de transaction avec la couche de données :

    • Nom : Transaction Data
    • Type : Data Layer Variable sous Page Variables
    • Type de la variable : transactionData, qui est configuré dans le code qui a été ajouté à la page à l’étape 1

    La configuration de la variable doit ressembler à ceci :

  2. Dans votre espace de travail Google Tag Manager, créez un déclencheur qui sera utilisé par la page pour avertir Google Tag Manager lorsqu'une transaction de conversion se produit et que les données de transactions sont prêtes. Spécifiez les propriétés de déclenchement suivantes :

    • Nom : Transaction BV
    • Type : Custom Event sous Other
    • Configuration du déclencheur : spécifiez bv_conversion_transaction comme nom d'événement, qui correspond au code spécifié à l’étape 1

Créer une balise

Créez une balise avec les propriétés suivantes :

  • Nom : spécifiez BV Transaction.

  • Configuration de la balise : sélectionnez Custom HTML, puis ajoutez le code qui permettra de capturer les données de votre site. Pour chaque paramètre de la fonction trackTransaction, veillez à spécifier des valeurs pour votre site Web. Voici un exemple :

    <script> function waitForBV() { if (typeof(BV) === 'object') { BV.pixel.trackTransaction({{Transaction Data}}); } else { setTimeout(waitForBV, 250); } } waitForBV(); </script>
    Remarque : Google Tag Manager charge le script de chargement BV de manière asynchrone, ce qui peut provoquer une condition de concurrence critique. Ceci est dû au fait que la couche de données peut contenir un événement qui indique à Tag Manager de déclencher la transaction de conversion avant que le script de chargement BV soit entièrement chargé. La fonctionnalité de séquençage des balises de Google Tag Manager ne sait pas lorsque Bazaarvoice est disponible dans JavaScript. Par conséquent, la fonction lancera une vérification toutes les 250 ms pour savoir si le script de chargement BV a été chargé avant de suivre les transactions.

    Notez également que la variable Transaction Data est ajoutée entre des accolades doubles. Bien que ce code ne soit pas du code JavaScript standard, celui-ci est interprété par le Tag Manager comme une référence à la variable personnalisée que vous avez configurée à l'étape 2. Lorsque ce code est exécuté, le gestionnaire de balises remplace la variable par un objet.

    Enfin, les espaces de début et de fin sont importants dans la variable Tag Manager. N’incluez pas d’espace avant et après le nom de variable, par exemple {{ Transaction Data }}.
  • Déclenchement : sélectionnez le déclencheur créé ci-dessus.

La nouvelle balise doit ressembler à cet exemple :

Tester la balise

Effectuez ces étapes pour tester la balise :

  1. Dans le coin supérieur droit de l’espace de travail, cliquez sur le menu déroulant et sélectionnez PREVIEW. Cette opération active le mode Aperçu afin que vous puissiez tester la balise.
  2. Chargez votre page Web dans Chrome.

  3. Vérifiez que la balise a été déclenchée pour la page. Dans le volet de visualisation Google Tag Manager, BV Loader doit figurer sous Tags Fired On This Page.

    Si la balise n’a pas été déclenchée, vérifiez que le déclencheur est configuré correctement. Par exemple, si vous avez mal orthographié quelque chose dans les filtres, le déclencheur se déclenchera pas comme prévu.

  4. Cliquez sur dans le menu du navigateur pour afficher Analytics Inspector et vérifier que les détails semblables à ceux ci sont affichés :

Publier les balises

Lorsque vous êtes prêt à faire vos modifications en direct sur votre site Web, vous devez publier le conteneur Google Tag Manager.

  1. Dans le coin supérieur droit de l’espace de travail, cliquez sur PUBLISH.
  2. Ajoutez un nom et une description pour cette version du conteneur, puis cliquez sur PUBLISH.