Lorsque vous définissez une action de conversion basée sur des balises, vous pouvez définir une valeur fixe ou dynamique chaque fois qu'une conversion est déclenchée. Cet article vous montre comment suivre des valeurs dynamiques lors du suivi des conversions.

• Valeur fixe : Une seule et même valeur sera attribuée à toutes les conversions à chaque fois qu'une balise se déclenche.
• Valeur dynamique : Une valeur différente sera attribuée à chaque conversion en fonction de la valeur que vous lui passez en paramètre lorsque la balise est déclenchée.

Les valeurs dynamiques sont utiles lorsque chaque conversion pour votre action de conversion a une valeur différente. Par exemple, si vous êtes propriétaire d'un magasin d'électronique qui vend des produits, que ce soit des cordons HDMI ou des télés à 5 000 $, veillez à attribuer la valeur réelle de l'achat à chaque conversion car elle peut varier de manière significative. L'utilisation d'une valeur dynamique dans ces cas de figure vous donnera une indication plus précise de la valeur monétaire que vos produits Yext génèrent.

Pour définir des valeurs dynamiques pour les conversions basées sur des balises :

1. Créez une action de conversion basée sur des balises dans Yext. 
   1. Pour créer une action basée sur les conversions, suivez les étapes décrites dans l'article Création d'une action de conversion, et veillez à bien choisir Attribuer des valeurs différentes à chaque conversion pour la valeur de conversion.
2. Récupérez votre balise de conversion.
   1. Après avoir créé votre action, cliquez sur Analytics (Analyses) dans la barre de navigation, puis sur Conversion Tracking (Suivi des conversions).
   2. Cliquez sur Conversion Setup (Configuration des actions de conversion).
   3. Sélectionnez le nom de l'action de conversion que vous avez créée. 
   4. Cliquez sur Install the tag yourself (Installer la balise vous-même), puis copiez la balise de conversion.

 

Modification de votre balise de conversion

Une fois votre action de conversion basée sur des balises créée et le code copié depuis la plateforme, vous allez modifier les valeurs de conversion dynamiques de votre action de conversion. 

Le processus de modification du code varie selon que vous installez des balises de conversion manuellement sur votre site, ou si vous faites appel à un gestionnaire de balises.

Il existe de nombreuses façons de configurer votre balise de conversion pour suivre les valeurs de conversion dynamiques ; cet article vous présentera deux méthodes ci-dessous :

• Ajouter JavaScript à votre site Internet 
• Création d'une couche de données via Google Tag Manager

 

JavaScript

Si vous installez vos balises sans avoir recours à un gestionnaire de balises, vous pouvez configurer une valeur dynamique en créant une fonction JavaScript qui va récupérer la valeur d'une conversion, puis va déclencher votre balise de conversion à l'aide de cette valeur.

Avant d'installer la balise de conversion et de créer votre fonction JavaScript, Yext vous détaille ci-dessous chaque composant de la balise de conversion standard.

 

Composants de la balise de conversion Yext

Voici un exemple de balise de conversion que vous avez copiée à partir de la plateforme :

<script>
   window.ytagQ = window.ytagQ || [];
   function ytag() {window.ytagQ.push(arguments);}
   ytag('conversion', {'cid': bXX-1XX-4XX-aXX-5XX',cv: conversion_value'});
</script>
<script async src="https://assets.sitescdn.net/ytag/ytag.min.js"></script>

Initialisation de la fonction ytag :

Les deux premières lignes window.ytagQ ... et functionytag() {window... ainsi que la dernière ligne < script async src=https://assetts....ytag.min.js."/></script> initialise la fonction ytag et indique l'exécution d'un fichier script Yext externe via l'attribut src https://assets.sitescdn.net/ytag/ytag.min.js.

Remarques : ces lignes doivent figurer dans l'en-tête de la page.

Appel de la fonction ytag :

La fonction ytag('conversion',...) signale la fin de la conversion et transmet les paramètres au fichier script Yext externe. Les deux paramètres sont :

1. Un ID de conversion 'cid' relie l'action de conversion du consommateur à une action de conversion spécifique définie qui est configurée dans Yext. Le 'cid' est défini automatiquement par Yext pour chaque action de conversion créée, rendant ainsi cette balise unique.
2. Une valeur de conversion 'cv' peut être passée pour indiquer une valeur explicite associée à la conversion. Ce paramètre est facultatif et n'est utilisé que lorsque l'action de conversion utilise une valeur unique pour chaque conversion (contrairement à une action de conversion qui utilise ou suppose toujours la même valeur).

La fonction ytag ne doit pas nécessairement figurer dans l'en-tête de la page. Les instructions ci-dessous vous montrent comment utiliser cette fonction à différents endroits de votre page, selon l'élément que vous souhaitez suivre.

 

Initialisation de la bibliothèque Analytics

Placez le morceau de code suivant dans l'en-tête de votre site, comme dans l'exemple ci-dessous. La bibliothèque de balises de conversion pourra ainsi être initialisée puis utilisée avec votre balise de conversion.

<header>
   <script>
 window.ytagQ = window.ytagQ || [];
 function ytag() {window.ytagQ.push(arguments);}
   </script>
   <script async src="https://assets.sitescdn.net/ytag/ytag.min.js"></script>
</header>

 

Déclenchement de votre balise de conversion

Les utilisateurs peuvent déclencher une balise de conversion sur leur site de deux façons différentes :

1. Au chargement de la page : Une balise de conversion se déclenchera ainsi à chaque fois que la page se charge. C'est là le cas de figure le plus fréquent : la balise de conversion est placée sur une page sur laquelle aucune autre action n'est requise pour confirmer qu'une conversion a été effectuée, telle que la page de confirmation de commande par exemple.
2. Au clic : Une balise de conversion se déclenchera dès qu'un clic spécifié sera enregistré. C'est là le cas de figure le plus fréquent : la balise de conversion est placée sur un clic qui vous dirigera vers une page dont vous n'êtes pas propriétaire, tels que les résultats de recherche Search menant vers l'App Store par exemple.

 

Déclencher une balise de conversion au chargement de la page

Le code ci-dessous pour l'élément body déclenche la conversion lors du chargement d'une page en utilisant une valeur dynamique :

<body>
<script>
  function findConversionValue() {
    var conversion_value = document.getElementById("cost").value
    ytag('conversion', {'cid': ‘{YOUR_CONVERSION_ACTION_ID’}’, 'cv': conversion_value });    
}
</script>

findConversionValue()
</body>

Ici, vous pouvez voir que nous créons une fonction dans la balise <body> appelée findConversionValue() qui effectue les opérations suivantes :

1. Récupère une valeur de conversion à l'aide de la méthode getElementById() pour rechercher un champ en fonction de son ID appelé “cost”, et stocke cette valeur dans une variable appelée conversion_value.
   1. L'élément getElementById() est une méthode DOM qui renvoie l'élément ayant l'attribut de l'ID avec la valeur spécifiée.

2. Insère la variable appelée conversion_value dans le paramètre de valeur de conversion 'cv' dans la fonction ytag().

Vous pouvez ensuite appeler cette fonction findConversionValue() en la plaçant n'importe où dans votre code, sous la balise <script>, que nous avons initialement définie pour déclencher votre balise de conversion lors du chargement de la page.

 

Déclencher une balise de conversion lors d'un clic

Si vous souhaitez qu'une balise se déclenche lorsqu'un utilisateur clique sur un bouton de saisie, tel que le bouton « Submit » (Soumettre), dans le cas où un formulaire a été intégralement rempli par exemple, vous avez la possibilité d'appeler votre nouvelle fonction findConversionValue() en utilisant le paramètre onclick tel qu'indiqué ci-dessous.

<body>   
   <script>
       function findConversionValue() { 
           var conversion_value = document.getElementById("cost").value 
	      ytag('conversion', {'cid':' '{YOUR_CONVERSION_ACTION_ID'},cv: conversion_value});} 
   </script>
<input type="submit" value="Submit" id="submit" name="submit"  onclick="findConversionValue()"/>
</body>

Si vous souhaitez qu'une balise se déclenche lorsqu'un utilisateur clique sur un lien, vous pouvez procéder de façon similaire en appelant votre fonction findConversionValue() en utilisant le paramètre onclick tel qu'indiqué ci-dessous.

<body>
   <script>
function findConversionValue() { 
var conversion_value = document.getElementById("cost").value 
                ytag('conversion', {'cid':' ‘{YOUR_CONVERSION_ACTION_ID’},cv: conversion_value});} 
   </script>
<div class="Answers-alertBanner">my button <a href="yext.com" onclick=findConversionValue() });> here</a></div>
</body>

 

Gestionnaire de balises Google

Si vous décidez d'installer votre balise de conversion en ayant recours à un gestionnaire de balises tel que Google Tag Manager, vous avez la possibilité de configurer une valeur dynamique en utilisant une variable de couche de données.

Création d'une couche de données

Sur votre site Internet

Pour créer une couche de données sur votre site Internet, ajoutez le code suivant à votre site, à l'endroit où vous souhaitez déclencher une balise de conversion.

<script>
  dataLayer = [];
  dataLayer.push({'variableName': document.getElementbyId("elementIdName").value});
</script>

• dataLayer = [] représente un tableau vide que vous créez pour stocker les variables que vous souhaiteriez capturer ; dans le cas présent, votre valeur de conversion.
• dataLayer.push( ) sera utilisée pour pousser la variable (ici, nous l'appelons 'variableName') ainsi que sa valeur (ici, nous la recherchons en fonction de l'ID de l'élément) vers Google Tag Manager.

Dans Google Tag Manager

Une fois l'objet de couche de données créé et ajouté à votre site Internet, l'étape suivante consiste à accéder à Google Tag Manager pour configurer cette couche de données pour votre balise de conversion.

1. Cliquez sur l'onglet Variables.

2. Cliquez sur Nouveau dans Variables définies par l'utilisateur.

3. Cliquez sur le bloc Variable Configuration (Configuration de la variable), puis sélectionnez Data Layer Variable (Variable de couche de données).
4. Saisissez le nom de la variable que vous avez définie dans votre couche de données. Dans l'exemple ci-dessous, nous avons utilisé le nom 'variableName'.

5. Revenez à votre balise de conversion Yext et sélectionnez la nouvelle variable de couche de données pour le champ « Valeur de conversion ».