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 Pixel". 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.

step1.png

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.

step2.PNG

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
  • 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".

image.png

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>

É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.

 

variable exemples de noms de variables obligatoire description exemple

ci

campaign-id oui

votre identifiant de campagne Daisycon.

contactez votre reponsable de campagne

12345
ti transaction-id oui numéro de commande 12345
pn product-name oui description pour l'éditeur commande depuis le site internet
iv internal-value non description pour l'annonceur commande depuis le site internet
a amount * oui montant du panier hors TVA / frais d'expédition 19.99
r revenue * oui montant total hors frais d'expédition 19.99
cc compensation-code fortement recommandé avec cette variable, nous pourrions mesurer différents groupes de commissions si nécessaire. 12345 / abcdef
pr promotion-code fortement recommandé code promotionnel utilisé PROMO
c country non pays  (ISO 3166-1, alpha 2) FR
z zip code non zip code 33600
g gender non genre f
b birth date non année de naissance (yyyy) 1989
cur currency non devise (ISO 4217) EUR
sku sku non  sku 12345 / abcdef
e1 extra1 non variables supplémentaires pour enrichir le pixel de conversion 12345 / abcdef
e2 extra2 non variables supplémentaires pour enrichir le pixel de conversion 12345 / abcdef
e3 extra3 non variables supplémentaires pour enrichir le pixel de conversion 12345 / abcdef
e4 extra4 non variables supplémentaires pour enrichir le pixel de conversion 12345 / abcdef
e5 extra5 non variables supplémentaires pour enrichir le pixel de conversion 12345 / abcdef

* 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.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0