Ces données sont disponibles dans le reporting de chaque test sous forme d’indicateurs. Reportez-vous à l'article Objectifs de rapport : transactions et données e-commerce pour plus d'informations.

Pour envoyer des données de transaction à AB Tasty et faire apparaître celles-ci dans le reporting, vous devez ajouter le tag de transaction sur votre page de confirmation de vente, après le tag générique AB Tasty.

Pour bénéficier de la dernière version du tag, assurez-vous d’utiliser la version 2.1 du framework au minimum.

Installer le tag de transaction

1. Positionnez-vous dans le tableau de bord d’AB Tasty
2. Cliquez sur , puis sur Réglages>Code d'installation>Tag de transaction,
   
   
3. Cliquez sur Copier dans le presse papier puis collez le code présenté dans la page de confirmation de vente
   

   <script>
   /* Code JavaScript à adapter et à placer sur la page de confirmation de commande, après le tag générique AB Tasty */
   
   /* Crée la variable AB Tasty si elle n'existe pas */
   window._abtasty = window._abtasty || [];
   
   /* Envoie à nos serveurs de collecte de données l'ID et le montant de la transaction */
   window._abtasty.push(["transaction", "NOM DE VOTRE OBJECTIF","ID DE COMMANDE","MONTANT DE LA TRANSACTION","QUANTITÉ D'ARTICLES"]);
   
   /* La partie suivante est optionnelle et enregistre des informations relatives à la transaction sous forme de clé/valeur. Appelez cette fonction pour chaque information à enregistrer */
   window._abtasty.push(["eco", "CLÉ","VALEUR"]);
   </script>

4. Modifiez les paramètres avec vos propres données

Composition du tag 

Le tag de transaction est composé de deux parties : la première qui permet de remonter les informations propres à la transaction et la seconde le détail des produits achetés par les utilisateurs.

1) Paramètres de transaction

window._abtasty = window._abtasty || [];
window._abtasty.push(["transaction", "NOM DE VOTRE OBJECTIF","ID DE COMMANDE","MONTANT DE LA TRANSACTION","QUANTITÉ D'ARTICLES"]);

 La première partie du tag renvoie les informations suivantes :

• NOM DE VOTRE OBJECTIF : nom que vous souhaitez donner à votre objectif de transaction. Le nom de cet objectif doit être passé en tant que chaîne de caractères, donc entre guillemets doubles (ex: "Achat")
• ID DE COMMANDE : l'identifiant unique de la transaction généré par votre back-office. Il s'agit d'une chaîne de caractères (ex: "12345")
• MONTANT DE LA TRANSACTION :  montant de la commande. Il peut s'agir d'un montant avec ou sans taxe, avec ou sans frais de livraison, selon le type de données que vous voulez voir remonter dans le reporting. Il s'agit d'une chaîne de caractères (ex: "123.45")
• QUANTITÉ D'ARTICLES : nombre de produits achetés lors de la commande. Il s’agit d’un entier (ex. : "20").

Si votre tag de transaction a été mis en place dans une version du framework antérieure à la 2.1, vous devez modifier manuellement le tag dans le code source et ajoutez vous-même le paramètre QUANTITÉ D'ARTICLES. En l’absence de ce paramètre, vous ne disposez pas des indicateurs Quantité moyenne et Prix moyen unitaire.

2) Paramètres e-commerce

window._abtasty = window._abtasty || [];
window._abtasty.push(["eco", "CLÉ","VALEUR"]);

 La 2ème partie du tag permet d'enregistrer les autres informations relatives à la transaction. Vous utilisez pour cela, la même méthode javascript que précédemment mais en modifiant le premier paramètre.

• CLÉ : libellé pour l’élément que vous souhaitez enregistrer. Il s'agit d'une chaîne de caractères.
• VALEUR : valeur correspondant à cette clé. Il doit s'agir d'une chaîne de caractères entre guillemets simples ou doubles. 

Ce système de paires clé/valeur est entièrement personnalisable, ce qui vous permet d'envoyer, à AB Tasty, tous types d'informations relatives à la transaction et dont vous disposez dans votre back office. 

Vous pouvez également transmettre des données relatives à chaque élément contenu dans la transaction. Par exemple, si un tableau JavaScript (nommé ici mesProduits) contient la liste des produits achetés ainsi que leur identifiant et catégorie, vous pouvez parcourir ce tableau et transmettre à AB Tasty chaque valeur de la façon suivante :

Toutes ces instructions javascript doivent être mises en place sur votre page de confirmation d'achat, après le tag AB Tasty, mais vous pouvez utiliser le tag AB Tasty pour les injecter automatiquement. De cette façon, vous n'aurez pas à modifier le code source de vos pages.

Pour cela,

1. Rendez-vous sur le Tableau de bord
2. Cliquez sur Paramètres, puis Code Global
3. Collez le tag de transaction dans l’éditeur de code javascript. 
   Celui-ci vous permet d'ajouter du code qui sera appliqué à toutes les pages contenant le tag AB Tasty. Vous pouvez alors définir le code à injecter dans votre page de confirmation d'achat.

L'exemple suivant est donné à titre indicatif et doit être adapté à votre situation. Il suppose par ailleurs que les données à transmettre sont disponibles dans une variable javascript nommée dataLayer, très souvent utilisée si vous avez recours à un gestionnaire de tag comme Google Tag Manager.

Pour savoir comment utiliser les données e-commerce dans vos ciblages, reportez-vous à l'article Option de ciblage E-commerce.