Aller au contenu principal
Deutsch English (US) Italiano

De La Balise Connexity

  • Mise à jour

Cet article décrit comment configurer la balise d'achat Connexity sur votre site de commerce électronique afin de cibler et d'optimiser les acheteurs à l'échelle pour votre campagne de marketing à la performance Connexity.

Liens vers les sujets de cet article

 

APERÇU

Pourquoi utiliser la balise Connexity

Les annonceurs s'appuient sur le suivi des conversions pour comprendre les performances des campagnes et la contribution de celles-ci aux objectifs commerciaux. Un suivi précis des conversions est essentiel pour garantir des rapports utiles, des informations exploitables et des performances optimales.

Les solutions marketing qui tirent parti des données de première main dont dispose un détaillant acquièrent de plus en plus d'importance à mesure que les navigateurs Web apportent des changements progressifs qui restreignent davantage l'utilisation de cookies tiers. La balise d'achat Connexity permet aux données de première main d'alimenter les opportunités de marketing des produits et d'affiner les performances d'optimisation de la campagne Connexity.

En plus de l'installation de la balise Connexity, ce document couvre la configuration d'événements de balises spécifiques qui permettent l'observation de l'activité par les visiteurs de sites de vente au détail. Ces données d'événement, ainsi que le consentement à utiliser les données, entraîneront des opportunités pour augmenter l'échelle et la performance de la campagne.

Événements de la balise Connexity

Événements de balise à mettre en œuvre

Affichage des pages

Consultation de n'importe quelle page du site du détaillant

Affichage des catégories

Consultations des pages de catégories de produits

Affichage des produits

Consultations des pages contenant des offres de produits et des données de description de produits

Ajouter au panier

L'action et les données associées à l'ajout d'un ou de plusieurs produits à un panier ou à une liste

Conversion

Les métadonnées de conversion et de produit d'un achat

 

Comment Connexity utilise les données d'événement de balise

Les données d'événement observées par la balise Connexity stimulent l'optimisation des performances de la campagne et du marketing pour les clients ou les acheteurs potentiels.

  • Optimisation - Connexity utilise les données des événements de consultation pour éclairer les algorithmes automatisés qui gèrent la sélection d'enchères, de prix et de placement.
  • Marketing - Connexity regroupe les données d'événements de consultation et d'autres sources de données de partenaires pour mettre au point des segmentations basées sur les intérêts qui contribuent à cibler des placements d'offres de produits aux publics avec des signaux d'intention forts.

INSTALLATION DE LA BALISE CONNEXITY

Pour réussir l’installation de la balise Connexity, il y a trois étapes à suivre :

Étape 1

Étape 2

Étape 3

Installez la balise et les événements

Consultez les instructions et les options d'installation ci-dessous.

Vérifiez l'installation

Conservez toute balise Connexity existante installée en parallèle de la nouvelle balise jusqu'à ce que vous ayez vérifié que celle-ci avait été correctement installée.

Transition du suivi

Après validation auprès de Connexity, nous effectuerons la transition du suivi de conversion à la nouvelle balise.

 

Options d'installation

Il existe deux options pour installer la nouvelle balise Connexity :

  1. Installer vous-même la balise Connexity - Vous devrez entrer dans le code HTML de votre site Internet pour placer le code de base et le code d'événement
  2. Utiliser un gestionnaire de balises ou une intégration de plateforme

 

L'INSTALLER VOUS-MÊME

Remarque : il est important d'installer la balise sur toutes les pages de votre site. Ces instructions comprennent l'ajout de la balise Connexity à toutes les pages du site via l'en-tête du site. Il existe également des pages et des événements spécifiques pour lesquels des balises d'événement seront ajoutées.

Installation du code de balise sur votre site

Copiez l'intégralité du code ci-dessous et collez-le dans l'en-tête de votre site Web. Collez le code en bas de la section d'en-tête, juste au-dessus de la balise de </head> fermeture. La balise de connectivité comprend trois parties qui doivent être placées dans le bon ordre.

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

<!-- Tag 1 - Initialize cnxDataLayer and cnxtag -->
<script>
     window.cnxDataLayer = window.cnxDataLayer || [];
     function cnxtag(){cnxDataLayer.push(arguments);}
</script>

<!-- Tag 2 - Register pageview or conversion event via cnxtag -->
<script>
     cnxtag('event', 'pageview', {'product_ids':['sku1']});
</script>

<!-- Tag 3 -  Load Connexity Pixel’s cnxtag.js library - call once per page  -->
<script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>

 

Configuration d'un événement de conversion

Pour une page de confirmation de commande, remplacez l'événement affichage des pages dans la balise 2 ci-dessus par un événement de conversion.

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

cnxtag('event', 'conversion', {
                   'mid': '12345',
                   'cust_type': '1',
                   'order_value': '1.99',
                   'currency': 'EUR',
                   'order_id': '999999',
                   'units_ordered': '3'
                   });

Veillez à mapper vos variables définies par l'utilisateur aux valeurs d'événement de conversion de commande appropriées. Vous devez définir six (6) valeurs comme variables (un astérisque indique un champ obligatoire) :

  1. mid* - Identifiant du commerçant Connexity
  2. cust_type - 1 pour le nouveau client ; 0 pour le client existant ; vide si inconnu
  3. order_value* - Valeur décimale en devise locale
  4. currency* - Devise locale (par exemple USD, EUR, GBP)
  5. order_id* - Identificateur de commande unique
  6. units_orders - Nombre d'articles achetés

Voici à quoi ressemblent la balise de suivi et l'événement de conversion sur une page de conversion :

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

<html>
 <head>
     <title>CNX Tag HTML Example – Conversion Page (Order Confirmation Page)</title>
     <script>
       window.cnxDataLayer = window.cnxDataLayer || [];
       function cnxtag(){cnxDataLayer.push(arguments);}
     </script>
     <script>
       cnxtag('event', 'conversion', {
                  'mid': '12345',
                  'cust_type': '1',
                  'order_value': '1.99',
                  'currency': 'EUR',
                  'order_id': '999999',
                  'units_ordered': '3'
                  });
     </script>
     <script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
 </head>
<body><!—PAGE CONTENT --></body>
</html>

IMPORTANT - Si vous mettez à jour une balise Connexity installée précédemment, veuillez vérifier l'installation et vous connecter à votre gestionnaire de compte Connexity avant de supprimer la balise installée précédemment.

 

Configuration d'un événement d'affichage de catégories

Configurez l'événement Affichage de catégories. Ce code d'événement doit être placé dans la balise 2 sur les pages du site qui répertorient les produits par catégorie.

L'exemple de code ci-dessous peut être utilisé pour configurer votre événement Affichage de catégories. Copiez et collez ce code en vous assurant de mapper les valeurs d'ID de produit, de nom de catégorie et d'ID de catégorie définies par votre site, et le code. Notez que nous recommandons la taxonomie de catégorie de produit Google, mais que nous pouvons travailler avec votre taxonomie de catégorie existante.

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

cnxtag('event', 'pageview', {
                     'product_ids':['8888'],
                     'category_name':'digital camera',
                     'category_id':'402'
                     });

Mappez vos variables définies par le site aux valeurs d'événement de conversion de catégorie

  1. product_ids – ID pour les produits sur vos pages de niveau catégorie. Remarque : Ces variables doivent contenir un tableau de chaînes, chaque ID d'élément étant sa propre chaîne.
  2. category_name – Taxonomie des catégories de produits Google ou taxonomie locale
  3. category_id (facultatif) – Taxonomie de catégorie de produit Google ou ID de taxonomie locale

La balise d'événement Affichage des pages doit ressembler à ceci, sur une page de catégorie :

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

<html>
 <head>
     <title>CNX Tag HTML Example – Category Page</title>
     <script>
       window.cnxDataLayer = window.cnxDataLayer || [];
       function cnxtag(){cnxDataLayer.push(arguments);}
     </script>
     <script>
       cnxtag('event', 'pageview', { 'product_ids':['8888','9999'], 'category_name':'digital camera', 'category_id':'402' });
     </script>
     <script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
 </head>
 <body><!—PAGE CONTENT --></body>
</html>

 

Configuration d'un événement d'affichage de produits

Configurez l'événement Affichage de produits. Ce code d'événement doit être placé dans la balise 2 sur les pages du site qui incluent des offres de produits individuels et fournissent des données descriptives pour ces produits.

L'exemple de code ci-dessous peut être utilisé pour configurer votre événement Affichage de produits. Copiez et collez ce code en vous assurant de mapper la valeur d'ID de produit et le code.

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

cnxtag('event', 'pageview', {
                     'product_ids':['8888']
                     });

Mappez vos variables d'ID Produit aux valeurs pertinentes d'Affichage de produits. Notez que les ID de produit fournis doivent être l'ID d'article unique ou l'ID de groupe d'articles fournis dans le flux de produits Connexity. Ces variables doivent contenir un tableau de chaînes, chaque ID d'élément étant sa propre chaîne.

La balise d'événement Affichage des pages doit ressembler à ceci, sur une page de Produit :

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

<html>
 <head>
     <title>CNX Tag HTML Example – Category Page</title>
     <script>
       window.cnxDataLayer = window.cnxDataLayer || [];
       function cnxtag(){cnxDataLayer.push(arguments);}
</script>
<script>
       cnxtag('event', 'pageview', {'product_ids':['8888']});
</script>
<script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
 </head>
 <body><!—PAGE CONTENT --></body>
</html>

 

Configuration d'un événement Ajouter au panier

Contrairement à l'événement d'Affichage de catégories et à l'événement d'Affichage de produits déclenchés lors du chargement de la page, l'événement Ajouter au panier est déclenché par une action du visiteur/de l'utilisateur, qui consiste à cliquer sur un bouton ou une option « ajouter au panier ».

Configurez l'événement Ajouter au panier. Ce code d'événement doit être ajouté au script qui déclenche l'action Ajouter au panier lorsqu'un utilisateur choisit d'ajouter un ou plusieurs produits à un panier ou à une liste de produits enregistrés.

Le code ci-dessous peut être utilisé pour un événement Ajouter au panier. Déclenchez l'événement cnxtag addtocart (Ajouter au panier) à partir d'un écouteur de clic, une fonction existante associée à un ajout au panier sur votre site, ou intégrez l'événement à un nouveau bloc de script.

Remarque : Ces variables doivent contenir un tableau de chaînes, chaque ID d'élément étant sa propre chaîne.

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

cnxtag('event', 'addtocart', {
                     'product_ids':['8888']
                     });

Par exemple, la page ci-dessous appelle l'événement cnxtag addtocart lorsqu'un utilisateur clique sur le bouton.

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

<html>
<head>
     <title>Category Page w/ Add To Cart Example</title>

     <script>
       window.cnxDataLayer = window.cnxDataLayer || [];
       function cnxtag(){cnxDataLayer.push(arguments);}
     </script>
     <script> 
       cnxtag('event', 'pageview', {'product_ids':['sku1', 'sku2'], 'category_name': 'Womens Shoes'});
     </script>

     <script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
</head>
<body>
     <button id="addToCartButton">Click me to add to cart!</button>
     <script>
      addToCartButton.onclick = function() {
        cnxtag('event', 'addtocart', {'product_ids':['8888']});
      };
     </script>
</body>
</html>

 

 

INSTALLATION AVEC UN GESTIONNAIRE DE BALISES

Remarque : il est important d'installer la balise sur toutes les pages de votre site. Ces instructions comprennent l'ajout de la balise Connexity à toutes les pages du site via l'en-tête du site. Il existe également des pages et des événements spécifiques pour lesquels des balises d'événement seront ajoutées.

Vous aurez besoin d'un outil de gestion des balises, tel que Google Tag Manager. 

Installation de la balise de configuration sur votre site

Remarque : laissez la balise existante installée lors de l'installation de la nouvelle balise Connexity. Il nous faudra vérifier l'installation.

  1. Connectez-vous à votre compte Google Tag Manager. Sélectionnez le conteneur de votre site Web et cliquez sur Ajouter une nouvelle balise.
  2. Cliquez sur Balise HTML personnalisée et saisissez un nom pour votre balise (par exemple CNX – Balise 1 - Configuration). Copiez l'intégralité du code d'initialisation cnxDataLayer et cnxtag, comme indiqué ci-dessous. 
  3. Revenez à Google Tag Manager et collez le code dans le conteneur HTML.
  4. Cliquez sur la liste déroulante Paramètres avancés …
    • Sélectionnez Une fois par page sous Options de déclenchement des balises.
    • Saisissez « 2 » pour « Priorité de déclenchement de balise »
  5. Sous Déclenchement, sélectionnez Toutes les pages (Affichage des pages).
  6. Cliquez sur Créer une balise.

* Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques *

<script>
              window.cnxDataLayer = window.cnxDataLayer || [];
              function cnxtag(){cnxDataLayer.push(arguments);}
       </script>
       <script async src=”https://js.cnnx.link/roi/cnxtag-min.js?id=12345”></script>

 

Configuration d'un événement de conversion

Ce processus est similaire à celui utilisé pour créer la balise ci-dessus, mais cette fois-ci en utilisant un déclencheur pour définir un événement de conversion. Si vous n'avez pas encore de déclencheur associé à la page de conversion, vous pourrez configurer un déclencheur de vue de page via le menu Déclencheurs lorsque le type de page indique une conversion. En fonction de votre site, vous pourrez utiliser une variable de couche de données Google contenant le type de page ou faire correspondre un motif dans l'URL de la page. Après avoir créé le déclencheur, vous pouvez créer la balise.

  1. Dans Google Tag Manager, sélectionnez le conteneur de votre site Web et cliquez sur Ajouter une nouvelle balise.
  2. Cliquez sur Balise HTML personnalisée et saisissez un nom pour votre balise (par exemple CNX - Balise 2 - Événement de conversion). Copiez le code de la page de conversion Connexity comme indiqué ci-dessous. Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques.
<script>cnxtag('event', 'conversion', {
       'mid': '12345',
       'cust_type': '1',
       'order_value': '1.99',
       'currency': 'EUR',
       'order_id': '999999',
       'units_ordered': '3'});
</script>
  1. Mappez vos variables définies par l'utilisateur aux valeurs d'événement de conversion de commande appropriées. Vous devez définir six valeurs comme variables (un astérisque indique un champ obligatoire) :
    • mid* - Identifiant du commerçant Connexity
    • cust_type – 1 pour le nouveau client ; 0 pour le client existant ; vide si inconnu
    • order_value* – Valeur décimale en devise locale
    • currency* – Devise locale (par exemple USD, EUR, GBP)
    • order_id* – Identificateur de commande unique
    • units_orders – Nombre d'articles achetés
    • Pour Google Tag Manager, vous souhaiterez probablement utiliser des variables définies par l'utilisateur (https://support.google.com/tagmanager/topic/9125128).
  3. Sous Paramètres avancés…
    • Sélectionnez Une fois par événement sous Options de déclenchement de balise, et
    • Saisissez « 1 » pour « Priorité de déclenchement de balise »
  4. Sous Déclenchement, sélectionnez le déclencheur associé à la page de conversion de commande.
  5. Cliquez sur Créer une balise.

 

Configuration d'un événement d'affichage de catégories

Si vous n'avez pas encore de déclencheur associé à une page de catégorie, vous pourrez configurer un déclencheur de vue de page via le menu Déclencheurs lorsque le type de page indique un Affichage de catégories. Après avoir créé le déclencheur, vous pouvez créer la balise.

  1. Dans Google Tag Manager, sélectionnez le conteneur de votre site Web et cliquez sur Ajouter une nouvelle balise.
  2. Cliquez sur Balise HTML personnalisée et saisissez un nom pour votre balise (par exemple CNX – Balise 2  – Affichage de catégories). Copiez et collez ce code en vous assurant de mapper les valeurs d'ID de produit, d'ID de catégorie et de nom de catégorie définies par votre site, et le code. Notez que nous recommandons la taxonomie de catégorie de produit Google, mais que nous pouvons travailler avec votre taxonomie de catégorie existante. Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques.
 <script>
   cnxtag('event', 'pageview', { 'product_ids':['8888'], 'category_id':'402', 'category_name':'digital camera'});
 </script>
  1. Mappez vos variables définies par le site aux valeurs d'événement de conversion de catégorie
  2. Sous Paramètres avancés…
    • Sélectionnez Une fois par événement sous Options de déclenchement de balise, et
    • Saisissez « 1 » pour « Priorité de déclenchement de balise »
  3. Sous Déclenchement, sélectionnez le déclencheur associé à une page de catégorie.
  4. Cliquez sur Créer une balise.

 

Configuration d'un événement d'affichage de produits

Si vous n'avez pas encore de déclencheur associé à une page de catégorie, vous pourrez configurer un déclencheur de vue de page via le menu Déclencheurs lorsque le type de page indique une page de produit. Après avoir créé le déclencheur, vous pouvez créer la balise.

  1. Dans Google Tag Manager, sélectionnez le conteneur de votre site Web et cliquez sur Ajouter une nouvelle balise.
  2. Cliquez sur Balise HTML personnalisée et saisissez un nom pour votre balise (par exemple CNX – Balise 2  – Affichage de produits). Copiez et collez ce code en vous assurant de mapper les valeurs d'ID de produit définies par votre site, et le code.

    Remarque : Ces variables doivent contenir un tableau de chaînes, chaque ID d'élément étant sa propre chaîne.

    Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques.
  <script>
    cnxtag('event', 'pageview', {'product_ids':['8888']});
  </script>
  1. Mappez vos variables d'ID Produit aux valeurs pertinentes d'Affichage de produits. Notez que les ID de produit fournis doivent être l'ID d'article unique ou l'ID de groupe d'articles fournis dans le flux de produits Connexity. Pour Google Tag Manager, vous souhaiterez probablement utiliser des variables définies par l'utilisateur (https://support.google.com/tagmanager/topic/9125128).
  2. Sous Paramètres avancés...
    • Sélectionnez Une fois par événement sous Options de déclenchement de balise, et
    • Saisissez « 1 » pour « Priorité de déclenchement de balise »
  3. Sous Déclenchement, sélectionnez le déclencheur associé à une page de produit.
  4. Cliquez sur Créer une balise.

 

Configuration de la bibliothèque JavaScript cnxtag externe

  1. Dans Google Tag Manager, sélectionnez le conteneur de votre site Web et cliquez sur Ajouter une nouvelle balise.
  2. Cliquez sur Balise HTML personnalisée et saisissez un nom pour votre balise (par exemple CNX – Balise 3 - Téléchargement de ressources cnxtag à distance). Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques.
    <script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
  1. Revenez à Google Tag Manager et collez le code dans le conteneur HTML.
  2. UnderAdvanced Settings…
    • SelectOnce per pageunder Tag firing options, and
    • Enter ‘0’ for ‘Tag firing priority’
  3. Sous Déclenchement, sélectionnez Toutes les pages (Affichage des pages).
  4. Cliquez sur Créer une balise.

 

Configuration d'un événement Ajouter au panier

  1. Dans Google Tag Manager, sélectionnez le conteneur de votre site Web et cliquez sur Ajouter une nouvelle balise.
  2. Cliquez sur Balise HTML personnalisée et saisissez un nom pour votre balise (par exemple CNX - Balise d'événement utilisateur - Ajouter au panier). Copiez et collez ce code en vous assurant de mapper les valeurs d'ID de produit définies par votre site, et le code.

    Remarque : Ces variables doivent contenir un tableau de chaînes, chaque ID d'élément étant sa propre chaîne.

    Remplacez tous les espaces réservés en ROUGE par vos valeurs marchandes uniques.
<script>
  cnxtag('event', 'addtocart', {'product_ids':['8888']});
</script>
  1. Mappez vos variables d'ID Produit aux valeurs pertinentes de l'Événement Ajouter au panier. Pour Google Tag Manager, vous souhaiterez probablement utiliser des variables définies par l'utilisateur (https://support.google.com/tagmanager/topic/9125128). Notez que les identifiants de produit fournis doivent être l'identifiant d'article unique ou l'identifiant de groupe d'articles fourni dans le flux de produits Connexity.
  2. Sous Paramètres avancés, sélectionnez Une fois par événement sous Options de déclenchement de balise.
  3. Sous Déclenchement, sélectionnez le déclencheur associé à l'ajout d'un produit à un panier ou à une liste de produits enregistrés. Par exemple, un déclencheur sur Clic - Tous les éléments où l'ID de clic est égal à « addToCartButton » (bouton Ajouter au panier) et où un bouton avec un ID « addToCartButton » est défini sur la page.
  4. Cliquez sur Créer une balise.

 

 

VÉRIFICATION DE L'INSTALLATION

Connexity fournit un Tag Helper pour vous aider à vérifier l'installation correcte du Connexity Shopping Tag. Cet outil Tag Helper identifiera si chaque événement de votre installation Shopping Tag est capturé correctement et recommandera des modifications là où des erreurs existent. Le Connexity Tag Helper est une extension Chrome disponible sur le Chrome Web Store. 

Les instructions d'utilisation du Tag Helper sont disponibles sur ce centre de ressources pour les commerçants Connexity dans un article intitulé Connexity Tag Helper.