Explication : Implémentation du pixel de conversion Daisycon dans Google Tag Manager

Dans cet article, nous vous expliquons comment installer le pixel de conversion de Daisycon avec Google Tag Manager (GTM). Il existe différents scénarios pour la mise en œuvre. Choisissez votre scénario ci-dessous et suivez les étapes.

Scénario 1 :
Vous savez comment utiliser GTM et/ou l'avez déjà utilisé. Le data layer est disponible sur le site web et les informations sur les commandes sont disponibles comme variables dans GTM. Suivez l'étape 1.

Scénario 2 :
Vous n'êtes pas familier avec GTM, mais il y a un data layer disponible sur le site web. Suivez les étapes 1 et 3.

Scénario 3 :
Vous êtes nouveau sur GTM et tout doit être configuré. Suivez les étapes 1, 2 et 3.

Étape 1 (ajouter une nouvelle balise) 

Allez sur Modèles dans la barre latérale pour commencer à utiliser notre modèle de balise dans Google Tag Manager. Vous pouvez trouver notre modèle de balise si vous cliquez sur "Galerie de recherche". Dans ce menu, vous pouvez faire défiler jusqu'à "Daisycon Conversion Tag". Si vous cliquez dessus, Google Tag Manager vous donne un résumé de notre modèle. Maintenant, ajoutez-le à l'espace de travail pour commencer à le configurer.

Après l'avoir ajouté à votre espace de travail, notre template sera disponible lors de l'ajout d'une balise. Allez dans "Balises" et cliquez sur "Nouveau". Dans cet écran, vous pouvez trouver le Daisycon Conversion Pixel dans la partie personnalisée de la liste des types de balises.

Vous pouvez maintenant entrer des valeurs ou ajouter des variables Google Tag Manager disponibles dans le formulaire. S'il n'y a pas encore de variables disponibles, lisez l'étape 3 pour savoir comment les créer. Il est possible de cliquer sur le point d'interrogation si vous avez besoin d'informations supplémentaires sur un champ.

Lien vers la galerie Google Tag Manage :
https://tagmanager.google.com/gallery/#/owners/DaisyconBV/templates/gtm-daisycon-conversion-pixel

Attention ! Nous recommandons d'implémenter une balise HTML personnalisée au lieu du modèle de balise Daisycon dans les situations suivantes :

• Lorsque les commissions doivent être calculées au niveau du produit (utilisez le pixel de conversion au niveau du produit).
• Lorsqu'un simple pixel de conversion, sans données de transaction e-commerce par exemple, est suffisant.
• Dans de rares cas, lorsque le modèle de balise Daisycon ne fonctionne pas correctement.

Balise HTML personnalisée

Ajoutez une nouvelle balise HTML personnalisée. Copiez le pixel de conversion de votre compte Daisycon : Paramètres -> Pixel de conversion -> Pixel Daisycon -> Type de boutique : Google Tag Manager. Enrichissez le pixel de conversion avec des variables supplémentaires si nécessaire. Collez le pixel de conversion complet sous forme de balise HTML.

Important :

• Renommez les variables en variables qui sont déjà disponibles dans l'espace de travail de Google Tag Manager.
• Supprimez les variables qui ne seront pas utilisées !

Après avoir ajouté la nouvelle balise, vous devez ajouter un déclencheur

• Ajoutez un 'Déclencheur' au tag.
• Type de déclencheur : Page View - DOM Ready ou souvent encore mieux; Page View - Window Loaded
• Assurez-vous que le déclencheur se déclenche sur la page "Merci" ou "Succès". Par exemple, en ajoutant un "Page URL" => "contains" => "success".

Il est également possible d'ajouter un déclencheur basé sur un événement (personnalisé) ou toute autre action. Plus d'informations sur les déclencheurs de Google Tag Manager ici.

Enregistrez le tag et le déclencheur et publiez votre espace de travail modifié. Après la publication, veuillez contacter votre gestionnaire de canal pour tester le pixel de conversion.

Étape 2 (créer le data layer)

Pour connecter les informations de transaction à Google Tag Manager (et au pixel de conversion Daisycon), votre site Web doit contenir une couche de données (data layer). Cette couche de données doit être présente sur la page "Merci" ou la page "Succès" de votre site Web.  et elle représente la source des données. Si vous regardez le code source de cette page de succès, la couche de données pourrait ressembler à ceci :

<script> 
dataLayer = [{ 
   "transaction-id":"12345", 
   "description":"order from webshop", 
   "amount":"19.99", 
   "compensation-code":"12345 / abcdef"; 
}]; 
// This is just an example! 
</script>

• Créez une nouvelle couche de données si nécessaire (plus d'informations sur les implémentations des couches de données).
• Suivez toutes les étapes de l'étape 1 si les variables existent déjà.
• Si les variables n'existent pas, créez-les en suivant l'exemple ci-dessous.

Étape 3 (créer les variables) 

Vérifiez si les variables obligatoires sont disponibles dans votre espace de travail GTM. Si non, ajoutez les variables manquantes. Vous pouvez lire ici comment ajouter des variables supplémentaires à votre espace de travail GTM.

* La commission est calculée sur la variable amount (a). La variable revenue (r) n'est utilisé que pour des fins statistiques. Ces variables ne doivent pas nécessairement afficher la même valeur.

Tester le pixel de conversion

Une fois que votre développeur aura mis en place le pixel de conversion, ou que vous avez activé l'une de nos solutions standard, le pixel de conversion doit être testé. Suivez les étapes suivantes pour tester le pixel de conversion :

1. Connectez-vous à daisycon.com avec les informations de connexion que vous avez reçues de votre responsable de campagne
2. Dans le système Daisycon, allez dans Matériel promotionnel -> Matériel de promotion.
3. Sélectionnez la campagne correcte, puis l'un des groupes d'annonces disponibles.
4. Cliquez sur le bouton "Lien de test" sous l'une des annonces disponibles.
5. Vous serez redirigé vers le site web de la campagne.
6. Effectuez une transaction de A à Z jusqu'à la page "Merci" / "Succès".
7. La transaction devrait maintenant être visible dans le menu Transactions -> Aperçu / Validation.

Conseil supplémentaire :

Effectuez le test dans le mode Aperçu de Google Tag Manager. De cette façon, vous pouvez facilement résoudre les erreurs éventuelles et vérifier si toutes les (nouvelles) variables fonctionnent correctement.