Implémentation via Google Tag Manager – Templates GTM

Implémentation via Google Tag Manager

Ce guide à pour but de vous aider à implémenter le tracking Affilae via des Templates GTM

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 :

Pour installer le container GTM sur votre site veuillez suivre la documentation pour la Configuration et Installation de Google : support.google.com/gtm

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

Problèmes fréquents :

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

• Les Balises ne se déclenchent pas, le choix de déclencheur est important, selon la règle de déclenchement les variables des événements changeront, tout dépendra de votre stratégie de déclenchement et des variables dont vous avez besoin de faire remonter, notre équipe de support se tient à disposition si vous rencontrez des problèmes avec le déclenchement de vos Balises.

• Les Balises se déclenchent mais il manque des informations nécessaires au bon fonctionnement du program (valeur de conversion, ID de conversion, Bon de réduction…), il faut bien veiller à ce que vos variables sont bien en place, idéalement ces variables sont configurés pour que leur remonté soit dynamique, dans ce cas il est primordiale que votre dataLayer soit bien structuré sur votre site.

Implémentation via les Templates Affilae

1- Installation de GTM

Pour installer le container GTM sur votre site veuillez suivre la documentation pour la Configuration et Installation de Google : support.google.com/gtm

2- Ajouter la Balise Affilae

Une fois GTM installé, connectez vous à votre compte et naviguez à votre « Espace de travail » ; de là dans la colonne de gauche trouvez et cliquez sur  « Modèles« .

Au chargement de la page, dans le tableau “Modèles de balise”, cliquez sur « Rechercher dans la galerie » , puis :

• Recherchez “Affilae” dans la barre de recherche, puis trouvez le Modèle nommé “Affilae – Click Tag” puis 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« .

• Si vous souhaitez personnaliser votre tracking de clicks vous pouvez cliquer sur “Optional Values” et renseigner les champs optionnels de votre choix.
• 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.

3- 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 Affilae – Click Tag.

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 :

• Depuis votre « Espace de travail« , dans la colonne de gauche, trouvez et cliquez sur « Variables » 
• Au chargement de la page trouvez le tableau « Variables Définis par l’Utilisateur » et cliquez sur « Nouvelle » pour créer une nouvelle Variable, puis :
• Nommez votre Variable e.g dl_conversion_id (si vous avez des Variables existantes vous pouvez suivre la nomenclature).
• Cliquez dans le tableau « Configuration de la variable » puis dans le menu de droite qui apparaît sélectionnez « Variable de couche de données« .
• Dans le champ « Nom de la variable de couche de données » renseignez votre valeur depuis le dataLayer de la page votre site ou la conversion se passe.**
• Pour la « Version de la couche de données » laissez « Version 2« .
• Enregistrez puis passez à la création de la prochaine variable.

ATTENTION : Lors du renseignement du « Nom de la variable de la couche de données« , comme expliqué ci-dessus, la valeur renseignée doit correspondre à la valeur trouvée dans le dataLayer. Si la page ou la Balise se déclenche contient un dataLayer avec 2 valeurs « id » (commun pour le ecommerce) il faudra spécifier le chemin de la propriété, ci-dessous vous avez un exemple de dataLayer qui se trouverait sur un site ecommerce, si nous cherchons l’id de conversion le résultat à renseigner dans GTM serait :

ecommerce.purchase.actionField.id 

Déclencheur :

Une fois vos variables crées il faudra créer le déclencheur pour votre Balise de conversion Affilae, pour se faire, depuis votre « Espace de Travail » dans la colonne de gauche, trouvez et cliquez sur “Déclencheurs« .

• Au chargement de la page cliquez sur « Nouveau » pour créer une nouvelle Déclencheur, puis :
• Nommez votre Déclencheur e.g trigger_confirmation_page (si vous avez des Déclencheurs existants vous pouvez suivre la nomenclature).
• Cliquez dans le tableau « Configuration du déclencheur » puis dans le menu de droite qui apparaît, sélectionnez le type de déclencheur qui correspond le mieux à vos besoins, si vous avez un URL spécifique comme page de confirmation le type « Fenêtre chargée » serait le choix le plus simple. 
• Enregistrez puis passez à la création de votre Balise de Conversion Affilae.

Balise de Conversion :

Depuis votre « Espace de travail« , dans la colonne de gauche, trouvez et cliquez sur « Modèles« .

• Au chargement de la page, dans le tableau “Modèles de balise”, cliquez sur « Rechercher dans la galerie » , puis :

• Recherchez “Affilae” dans la barre de recherche, puis trouvez le Modèle nommé “Affilae Conversion Tag” puis 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 Conversion Tag” 
• Nommez votre Balise e.g tag_affilae_conversion (si vous avez des Balises existantes vous pouvez suivre la nomenclature).
• Cliquez dans le tableau « Configuration de la balise » puis renseignez les champs (Seuls les champs “Key”, “Conversion ID”, “Conversion Amount” et “Conversion Currency” sont obligatoires, tout autre champ est optionnel) avec les variables que vous avez créé auparavant.
• Une fois la Balise installée et les variables renseignées, cliquez sur le tableau « Déclenchement« , le menu des déclencheurs apparaîtra et il vous suffira de sélectionner le Déclencheur que vous avez créé à l’étape précédente.
• Enregistrez et envoyez vos changements.