L’implémentation s’effectue en trois étapes :
– Installation du container GTM sur votre site
– Création de la Balise Affilae pour les clics
– Installation de la Balise Affilae pour les conversions
Avant de commencer :
En plus de suivre la documentation Google il est aussi recommandé de connaître le fonctionnement des balises de suivi Affilae;
Il faut noter que Google Tag Manager peut être impacté par l’utilisation de Ad Blocker et du refus des cookies (loi sur le RGPD et la bannière des cookies).
Le séquençage des Balises est très important ; la balise de clics doit impérativement être chargée avant la balise de conversion.
Implémentation via les Templates Affilae
Suivez la documentation officielle de Google pour installer Google Tag Manager (GTM) sur votre site :
👉 support.google.com/gtm
Ajouter la balise Affilae
Connectez-vous à votre compte GTM.
Dans votre Espace de travail, allez dans la colonne de gauche et cliquez sur « Modèles ».
Dans le tableau “Modèles de balise”, cliquez sur « Rechercher dans la galerie ».
Tapez “Affilae” dans la barre de recherche.
Trouvez le modèle “Affilae – Click Tag”.
Cliquez sur « Ajouter à l’espace de travail ».
- Une fois le Modèle Affilae ajouté à votre espace de travail, naviguez au menu “Balises” dans la colonne de gauche et cliquez sur “Nouvelle”.
- Depuis la liste de Balises sélectionnez la Balise “Affilae – Click Tag”
- Nommez votre Balise, par exemple tag_affilae (si vous avez des Balises existantes vous pouvez suivre la nomenclature).
- Cliquez dans le tableau « Configuration de la balise » puis dans le menu de droite qui apparaît sélectionnez « Affilae – Click Tag« .
- Renseignez votre Program ID dans le champ “Affilae Program ID” (champ obligatoire). Vous retrouverez votre programme ID dans la configuration de votre programme au sein de l’onglet « tracking » via la partie « intégration via un module Affilae« .
- Une fois le Tag installé et le « Affilae Program ID » renseigné, cliquez sur le tableau « Déclenchement« , le menu des déclencheurs prédéfinis apparaîtra et il vous suffira de sélectionner « Toutes les pages« .
- Enregistrez et envoyez vos changements.
Ajouter la Balise Conversion Affilae
La balise de conversion doit être installée sur la page d’événement ou confirmation pour lequel vous voulez suivre les conversions (e.g. vente, formulaire de contact…) et ne doit se déclencher qu’après la balise de clic.
Avant d’aller plus loin ; il est bon d’avoir une compréhension du fonctionnement des variables définis par l’utilisateur, vous pouvez trouver la documentation GTM ici (ressource en anglais).
La balise de conversion Affilae dépend sur les variables définis par l’utilisateur, et ces variables devront être créées par vous-même et en utilisant le dataLayer de votre site.
Variables :
Allez dans « Espace de travail »
Dans la colonne de gauche, cliquez sur « Variables ».
Créez une nouvelle variable
Dans le tableau « Variables définies par l’utilisateur », cliquez sur « Nouvelle ».
Donnez un nom à votre variable, par exemple : dl_conversion_id.
Vous pouvez suivre la même nomenclature que vos variables existantes.
Configurez la variable
Cliquez sur « Configuration de la variable ».
Dans le menu qui s’ouvre à droite, choisissez « Variable de couche de données ».
Renseignez le chemin du dataLayer
Dans le champ « Nom de la variable de la couche de données », indiquez la valeur exacte qui se trouve dans le dataLayer de votre site (exemple :
ecommerce.purchase.actionField.id
).
Conservez la version par défaut
Laissez « Version 2 » dans le champ Version de la couche de données.
Enregistrez
Cliquez sur « Enregistrer », puis créez votre prochaine variable si besoin.
ATTENTION :
Repérez la valeur dans le dataLayer
Le « Nom de la variable » dans GTM doit correspondre exactement à la valeur présente dans le dataLayer du site.
Cas simple
Si le dataLayer contient un seul champ clair (par ex.
transactionId
), vous indiquez simplement ce nom dans GTM.
Ici par exemple : Le Nom de la variable de la couche de données doit être : ecommerce.purchase.actionField.id (le chemin doit être complet).
Déclencheur :
Allez dans « Espace de travail »
Dans la colonne de gauche, cliquez sur « Déclencheurs ».
Créez un nouveau déclencheur
Cliquez sur « Nouveau ».
Donnez un nom à votre déclencheur, par exemple : purchase.
👉 Vous pouvez suivre la même nomenclature que vos déclencheurs existants.
Configurez votre déclencheur
Dans le tableau « Configuration du déclencheur », un menu apparaît à droite.
Choisissez le type de déclencheur qui correspond à vos besoins.
Exemple simple :
Si vous avez une URL spécifique (comme une page de confirmation d’achat), choisissez « Événement personnalisé ».
Enregistrez
Cliquez sur « Enregistrer ».
Passez à la création de votre Balise Affilae
Maintenant que votre déclencheur est prêt, vous pouvez créer la balise de conversion Affilae (voir les étapes du guide précédent).
Balise de Conversion :
Allez dans « Espace de travail »
Dans la colonne de gauche, cliquez sur « Modèles ».
Cherchez le modèle Affilae
Dans le tableau “Modèles de balise”, cliquez sur « Rechercher dans la galerie ».
Tapez “Affilae” dans la barre de recherche.
Trouvez le modèle “Affilae Conversion Tag”.
Cliquez sur « Ajouter à l’espace de travail ».
Créez une nouvelle balise
Dans la colonne de gauche, allez dans « Balises », puis cliquez sur « Nouvelle ».
Sélectionnez la balise “Affilae Conversion Tag”.
Donnez un nom à votre balise, par exemple : tag_affilae_conversion.
Remplissez la configuration de la balise
Dans le tableau « Configuration de la balise », renseignez :
Key
Conversion ID
Conversion Amount
Conversion Currency
👉 Ce sont les seuls champs obligatoires. Les autres sont optionnels.
Ajoutez un déclencheur
Cliquez sur le tableau « Déclenchement ».
Choisissez le Déclencheur que vous avez déjà créé auparavant.
Finalisez
Cliquez sur « Enregistrer ».
Puis cliquez sur « Envoyer » pour appliquer vos changements.