L'objectif de ce tutoriel est de vous permettre d'implémenter vos pixels de tracking de conversion notamment : ajout au panier, achat et content view via Google Tag Manager.
Découvrez étape par étape la configuration d'un pixel de conversion avec variable sur GTM.
Pour implémenter vos scripts de conversion avec variables tel que les pixels Ajout au panier et Achat via GTM
Pour implémenter vos scripts de conversion avec variables (Ajout au panier et achat)
via GTM
Se connecter à Google Tag Manager
Première étape : configuration de la balise
Se rendre dans "Espace de travail", puis dans "Balises" et cliquer sur "Nouvelle"
Une fois dans la fenêtre "nouvelle balise"
1 : Nommer la balise de la manière la plus explicite possible, exemple :
Klox_PixelAddToCart_Xandr ou Klox_PixelAchat_Xandr
2 : Activer les variables intégrées et déclarer vos variables personnalisées
Avant de déclarer vos variables personnalisées assurer vous d'avoir un Datalayer connecter à votre conteneur GTM.
L'activation de variable intégrée se fait dans la Rubrique Variables > Variables Intégrés
La déclaration des variables personnalisées se fait dans la rubrique Variables
>Variables personnalisées 
3 : Dans la partie Configuration de balise, choisir une balise de type "HTML personnalisée", puis coller le script View Content, AddToCart ou Purchase, puis remplacer les différentes variables par leur équivalent sur votre site.
Deuxième étape : configuration du déclencheur
Une fois la balise configurée avec les bonnes variables, vous pouvez passer à la configuration du déclencheur.
Pour les scripts AddToCart vous pouvez soit créer un déclencheur de type page vue sur la page de confirmation d'ajout au panier ou un déclencheur de type clic sur le bouton "Ajouter au panier". Nous vous recommandons la première, option celle-ci étant la plus fiable.
Pour les scripts de View Content, vous devez créer un déclencheur de type page vue, qui se déclenchera sur toutes les pages produits.
Pour les scripts Purchase ou Achat , faudra impérativement le poser sur la page de confirmation d'achat, si vous n'en avez pas vous pouvez le poser sur le bouton de confirmation de paiement.
Configuration de déclencheur de type Page vue :
- Cliquer sur le symbole "➕" et nommer le déclencheur de manière explicite
- Choisir le type de déclencheur "Page vue", au niveau des conditions d'exécution choisir "Certaines pages vues"puis entrer le mot-clé contenu dans l'URL de la
page de souhaité.
Ex : "cart" pour une page de confirmation d'ajout au panier ou "confirm" pour achat
Configuration de déclencheur de type Clic :
Configuration de déclencheur de type Clic :
- Cliquer sur le symbole ➕ et nommer le déclencheur de manière explicite
- Choisir le type de déclencheur "Clic", au niveau des conditions d'exécution choisir
"Certains clics" - Sélectionner une variable de type "Clic" puis entrer le nom de la variable ou l'intitulé textuel du bouton.
Ex : "Ajouter au panier" ou "AddToCart"
Nb: vous pouvez appliquer plusieurs conditions d'exécution si besoin.
N'oubliez pas d'enregistrer vos nouvelles balises et de publier les modifications pour
qu'elle soit mise en ligne.
Une fois tous les pixels posés, vous devez publier vos modifications, en cliquant sur "Envoyer", puis "Publier" et terminer par "Continuer".
