Vous souhaitez utiliser Google Tag Manager sur votre site Prestashop mais vous n’êtes pas technique et/ou débutant avec GTM ?
Alors vous êtes au bon endroit
Je vais vous montrer tout ce que vous pouvez tracker et comment le faire, étape par étape.
Ce qui vous permettra d’augmenter votre chiffre d’affaires de manière significative grâce à un marketing mieux mesurer et une capacité d’analyse accrue.
Après une version WordPress d’anthologie, allons-y à fond avec Prestashop. 🙌
Avant de commencer, prends 30 secondes pour t’abonner à ma newsletter et reçois régulièrement du contenu premium soit exclusif, soit avant tout le monde.
Bonne lecture !
Rattacher ce guide aux précédents
Cet article est le quatrième de la série.
Le premier posait les bases de GTM : container, balises, déclencheurs, variables.
Le second posait les bases théoriques du datalayer et des évènements datalayer.
Ces concepts sont extrêmement importants pour avoir une bonne compréhension de ce que nous allons faire aujourd’hui.
Vous pouvez tout à fait copier et appliquer comme un robot, ça fonctionnera.
Mais si vous souhaitez vraiment comprendre ce que vous faites et devenir bon avec GTM, je vous recommande vivement de faire un saut sur les guides précédents. Même si vous pensez ne pas en avoir besoin, vous seriez surpris 😉
Enfin le troisième explique une bonne partie de ce qu’il est possible de tracker sur un site WordPress.
Vous pouvez retrouver ces autres guides ici :
Sommaire de ce guide :
- Installation du Tag Manager sur Prestashop 1.7
- Vie privée, politique de cookies et RGPD
- Configuration du E-commerce amélioré
- Configuration du suivi multi-appareil User-ID Google Analytics
- Mise en place technique du remarketing dynamique Google grâce à GTM
- Mise en place technique du remarketing dynamique Facebook grâce à GTM
- Créer un catalogue produit dans Business Manager
- Pixel et mise en place technique avec GTM
- Mise en place du pixel de base
- Récupérer les variables Datalayer à transmettre à Facebook
- Mise en place de l’événement viewContent
- Mise en place de l’événement addToCart
- Mise en place de l’événement Purchase
- Un mot sur l’ordre de déclenchement des balises Facebook
- Rattacher votre catalogue à votre pixel Facebook
- Création d’une campagne de remarketing dynamique Facebook
- Création d’un adset de remarketing dynamique Facebook
- Création d’annonces dynamiques Facebook
- Le mot de la fin
Prestashop : installation du Google Tag Manager
A l’heure où j’écris cet article, la dernière version de Prestashop est une 1.7.
Commençons par aller sur Prestashop Addons afin de trouver le module dont nous avons besoin.
Il s’agit du module Google Tag Manager Enhanced Ecommerce (UA) – PRO.
Vous noterez qu’il ne s’agit pas d’un lien affilié. J’utilise ce module parce qu’il va bien. C’est tout.
Libre à vous d’en utiliser un autre si vous le souhaitez.
Il y a quelques temps, j’utilisais le module moins cher juste à côté.
Mais pour 40€ de différence, je fais le choix de la facilité, et je vous invite à faire de même.
En effet, le e-commerce amélioré dans Google Analytics n’est plus une option.
Et une implémentation manuelle est quelque chose de technique et d’assez long.
Pourquoi se compliquer la vie. Pour 40€ le taggage est fait.
Une fois le module acheté et installé sur votre prestashop, vous allez devoir le paramétrer.
Vous pouvez voir ça en vidéo ou suivre les étapes ci-après.
Il faut personnaliser les fichiers tpl de prestashop afin d’ajouter deux hooks.
Mais bonne nouvelle, le module propose une installation automatique et c’est vraiment appréciable. 🙏
Donc tout ce que vous avez à faire c’est de cliquer sur le bouton Install custom hooks :
Si éventuellement cela ne marchait pas, consultez la documentation du module pour mettre à jour les fichiers manuellement.
Ensuite, vous devrez renseigner votre identifiant GTM et faire le paramétrage du module.
Je vous recommande d’activer le renvoi des commandes qui ne seraient pas passée mais de ne pas activer les ids de variantes (nous verrons plus tard pourquoi).
Pour la seconde partie de configuration, je vous conseille d’ajouter les infos d’userId dans le datalayer puisque nous allons nous en servir plus loin également.
Enfin en dernière partie, je vous invite à activer le remarketing et à utiliser l’id en product id.
Concernant le dernier choix, c’est un tout petit peu plus technique.
En fait, dans un flux de produits Merchant Center, chaque produit a un item ID.
Généralement, on passe par un module pour générer dynamiquement un flux à partir de son catalogue.
Moi par exemple, j’utilise le module Google Merchant Center (Google Shopping) de BusinessTech. La encore je n’ai aucune affiliation.
Par défaut, ce module là utilise le l’id prestashop du produit.
C’est pour ça que j’utilise l’id comme product id dans le paramétrage ci-dessus.
Si vous n’utilisez pas le même module que moi pour générer votre flux, je vous invite à vérifier comment le vôtre définit les ids produit de votre flux.
Vie privée, politique de cookies et RGPD
Avant de continuer, il est important de faire un point RGPD.
Tous les joujoux dont nous allons parler plus bas vous donnent des possibilités de gagner de l’argent (ou plus d’argent).
Mais pour les utiliser en toute légalité, vous devez respecter la loi. Et la loi en vigueur par chez nous c’est le RGPD (la LPD en Suisse très prochainement).
Un des articles de référence, c’est celui-ci : https://www.cnil.fr/fr/reglement-europeen-protection-donnees. Plutôt long et indigeste n’est-ce pas 😅?
Je vais vous résumer les grandes lignes mais attention. Je ne suis pas avocat. Et tout ce que je vais vous dire ici ne doit pas vous empêcher de consulter un avocat.
Vous devez demander le consentement actif de vos visiteurs (valable 13 mois maximum) préalablement à l’insertion de traceurs et cookies (cookies HTTP, pixels, identifiants).
Pas de consentement, pas de cookie. Sauf si ces cookies sont des cookies absolument nécessaires au fonctionnement du site.
Et même dans ce cas, vous devez en informer les utilisateurs.
Ils doivent disposer à tout instant d’une possibilité de modifier leurs préférences en matière de cookie (comprendre supprimer leur consentement par exemple).
Et ils doivent pouvoir choisir par type de cookie ceux qu’ils veulent et ceux qu’ils ne veulent pas.
Pour faire simple, vous n’avez pas le droit de déclencher de cookies analytics ou publicitaires sans consentement préalable.
(pour Google Analytics, il y a moyen de déclencher une version amoindrie sans consentement mais c’est tout.)
Autrement dit, avant de pouvoir utiliser tout ce qui va suivre, vous devez avoir obtenu le consentement de vos visiteurs.
Pour être en conformité avec la loi, vous devez donc :
- Afficher une bannière d’avertissement pour informer les utilisateurs sur l’utilisation des cookies et demander leur consentement
- Ne pas poser de cookies publicitaires ou analytics (sauf version amoindrie) à l’arrivée des internautes
- Activer ces cookies après obtention de leur consentement ou les maintenir désactivés si l’internaute refuse l’utilisation de ces cookies
Le nerf de la guerre étant évidemment que le système de consentement et GTM se parlent.
Il existe de nombreux plugins ou solutions gratuites de bannières cookies. Mais aucune ne parle à GTM.
C’est pourquoi j’ai développé une solution RGPD 100% GTM où toute la partie consentement, mémorisation des préférences, politique de cookie est gérée par GTM.
Et toutes les balises sont conditionnées par le consentement ou non. Cerise sur le gâteau, elle est validée par un avocat spécialisé, compatible multilingue et permet même de différencier entre UE et le reste du monde (pourquoi activer RGPD pour des visiteurs américains par exemple ?)
Pour l’instant je la vends simplement. Prochainement, je ferai un chapitre GTM et RGPD pour expliquer comment j’ai conçu cet outil (70h de boulot quand même 😅=> l’article va être long !)
Configuration du E-commerce amélioré Prestashop avec Google Tag Manager
Configuration du ecommerce dans Google Analytics
Bien, maintenant, nous allons commencer par configurer le E-commerce amélioré dans Google Analytics.
Pour ce faire, rendez-vous dans l’admin, au niveau des paramètres de la vue, section paramètres du commerce électronique :
Si ce n’est pas déjà fait, vous activez le suivi du e-commerce amélioré :
Vous devez ensuite paramétrer les différentes étapes de checkout.
Ces libellés servent uniquement à des fins d’affichage, afin que l’entonnoir de conversion de votre processus de paiement ait les bons noms d’étape.
Si vous utilisez le processus de commande standard en 5 étapes vous devez absolument le paramétrer.
Si au contraire vous êtes en checkout express, c’est moins nécessaire.
Afin d’être le plus complet possible et en imaginant que vous êtes en processus standard, voila la marche à suivre :
Maintenant, direction GTM.
Configuration du commerce électronique amélioré dans GTM
Mise en place du suivi Google Analytics avec Google Tag Manager
Si vous devez créer un compte GTM, rendez-vous ici pour la procédure.
Si vous avez déjà un compte, attaquons la configuration. Je vais volontairement partir de zéro.
Cliquez sur Balises puis Nouvelle. Donnez lui un nom évocateur. Moi généralement je choisis « UA – Suivi de Base« .
Cliquez ensuite sur le cadre configuration de la balise puis sélectionnez le type Universal Analytics :
Tout d’abord, puisque c’est la balise de base (autrement appelé code de suivi Analytics), nous devons la déployer sur toutes les pages.
Mais aussi renseigner le numéro UA. (appelé Paramètre Google analytics dans GTM).
Commençons par ça. Cliquez sur paramètre Google Analytics et choisissez nouvelle variable.
Dans un autre onglet, rendez-vous dans Google Analytics, dans l’admin. Sous information de suivi, cliquez sur code de suivi :
Collez-le ensuite dans la case « id de suivi » et enregistrez :
créer une version amoindrie compatible rgpd sans consentement
Avant d’enregistrer, si vous souhaitez déclencher Google Analytics peut importe le consentement ou non de vos visiteurs tout en restant compliant RGPD, vous devez « amoindrir » votre tag.
C’est à dire anonymiser les IPs et aussi forcer l’envoi des informations à Google de manière sécurisée (forcer le SSL).
Pour ce faire, déplier les paramètres avancés et paramétrez comme il suit :
Si vous ne faites pas cela, vous n’aurez pas le droit de déclencher votre balise Analytics SANS le consentement des visiteurs.
(rappelez-vous consulter un avocat pour tout question liée au RGPD)
Vous pouvez maintenant enregistrer.
GTM vous proposera d’enregistrer avec le nom paramètre Google Analytics. Acceptez en enregistrant.
Revenons maintenant à notre balise.
Au niveau du type, nous allons laisser Page vue puisque ce code de suivi doit être déclenché le plus tôt possible, sur toutes les pages vues.
Enfin cliquez sur la partie déclenchement, choisissez « All pages ».
Maintenant enregistrez votre balise.
Félicitations, vous venez d’installer Google Analytics sur toutes les pages de votre site.
Il s’agit maintenant de faire quelque chose de primordial que vous devrez renouveler à chaque nouvelle création/modification de balise.
On va publier notre container, afin que la balise que l’on vient de créer soit effectivement déployée.
Cela nous permettra de vérifier juste ensuite de pouvoir tester qu’elle est bien déployée à chaque fois qu’une nouvelle page est vue.
Dans la barre de menu horizontale, tout à droite, vous avez un bouton Envoyer. Cliquez dessus :
La vous aurez la possibilité de donner un nom et une description à votre version (une bonne pratique à prendre dès maintenant). Ensuite publiez :
Une fois publié, revenez à l’espace de travail :
Nous allons maintenant tester que la balise se déclenche bien grâce à l’outil de prévisualisation GTM.
Pour ça, cliquez sur le bouton prévisualisez en haut à droite :
La, l’interface devient orange est vous propose de voir le site avec la console de débuggage.
Ouvrez un nouvel onglet, tapez l’URL de votre site dans la barre d’adresse.
Votre site s’ouvre ainsi qu’une petite fenêtre en surimpression. Celle-ci vous indique les balises qui se sont déclenchées.
Celle de Google Analytics est censée être déclenchée sur l’évènement Datalayer Page View.
Vous pouvez retourner dans GTM, et sous la partie orange, quitter le mode Prévisualisation. Une pop up confirme.
Ok, tout de bon, vous avez publié votre container GTM. Il contient votre balise GA qui se déclenche sur toutes les pages.
Important
Si avant d’installer GTM vous aviez déjà un code de suivi GA « en dur » sur votre site ou que vous utilisiez un plugin Analytics, vous devez l’enlever pour ne pas tracker en double (ça fausserait vos données Analytics).
Activer le commerce électronique sur la balise de suivi de base
Dans GTM, reprenez votre balise de suivi Analytics (suivi de base) afin d’y activer les fonction de commerce électronique comme ceci :
Activer ceci permet de collecter :
- Les impressions de produit
- Les vues de fiches produit
- Les vues de Checkout
- Le tracking des transactions
Avant d’enregistrer, vous allez vous rendre sur le déclencheur (all pages).
Vous allez le supprimer de la balise et créer un nouveau déclencheur de type DOM prêt :
Et c’est celui-ci que vous allez attacher à votre balise UA – Suivi de base désormais.
Nous faisons ça parce que pour reporter correctement les produits vus sur certaines pages et leurs positions dans celle-ci, nous devons délayer d’un poil la transmission des données à Analytics.
(Or comme vous le savez tous, puisque vous avez assidument lu le guide précédent 😄, gtm.dom se déclenche un peu après gtm.js)
Vous pouvez désormais ré-enregistrer votre balise de suivi de base Analytics, nous en avons terminé avec elle.
Paramétrer les évènements Analytics de commerce amélioré
Nous allons maintenant créer un nouveau déclencheur de type évènement personnalisé. Je lui donne le nom « DLE – Ecommerce Events ».
Et la valeur suivante : addToCart|order_confirmation|removeFromCart|order_refund|order_resend|checkout_opc
Veillez à bien activer la correspondance avec expression régulière :
Enregistrez votre déclencheur.
Créons maintenant une nouvelle balise d’évènement Analytics. Renseignez-la comme il suit :
Rattachez-la au déclencheur DLE – Ecommerce events que l’on vient de créer et enregistrez le tout.
Publiez votre container et vérifiez en mode prévisualisation que tout se déclenche comme prévu.
- Est ce que la balise de suivi de base se déclenche bien sur toutes les pages?
- Est ce que la balise d’ajout au panier se déclenche lorsque l’on clic sur le bouton ?
- Est ce que la balise suppression du panier se déclenche lorsque l’on supprime un produit ?
Si tout est bon, alors le ecommerce amélioré est paramétré !
Attention
Si vous aviez déjà un suivi Google analytics en place avant tout cela, vous devez le supprimer.
Soit en désactivant le module soit en supprimant le code de suivi mis en dur sur le site (selon la méthode que vous aviez utilisée).
Lecture recommandée : comment utiliser le ecommerce amélioré pour optimiser votre boutique
Parenthèse RGPD
Le suivi du e-commerce Google Analytics est autorisé par le RGPD à condition que les numéros de commande soit de type alphanumériques aléatoires.
Ce que je vous dis là est mon interprétation et ne doit pas vous empêcher de consulter un avocat.
Suivi multi-appareil User-id Google Analytics
Il y a quelques semaines, Google Analytics a permit à tout le monde d’obtenir des rapports multi-appareil avec Signals.
Google Signals est une version mise à jour des fonctionnalités de publicité de Google Analytics grâce auxquelles il peut collecter des informations à travers différents appareils pour les utilisateurs connectés à l’un de leur compte Google (Gmail, Google+, YouTube etc) et qui ont accepté la personnalisation des annonces.
Lecture recommandée : comment utiliser Google Signals pour obtenir de nouveaux insights et optimiser votre marketing
Toutefois ces nouveaux rapports ont certaines limitations.
La plus importante pour ma part c’est qu’ils se basent sur des données agrégées et du machine learning.
Autrement dit ce que vous voyez sera vraisemblablement proche de la réalité.
Mais pas forcément la réalité.
C’est là que vient l’user-id.
Globalement, c’est la même chose que Google Signals. Sauf que les données que vous obtenez sont « vraies ».
Par contre elles sont uniquement liées aux utilisateurs qui se sont connectés à votre site.
C’est à dire que vous en aurez beaucoup moins que dans les rapports Google Signals (qui eux montrent des données pour tous les visiteurs).
Et en même temps, les utilisateurs connectés sont vos clients. Donc les meilleurs visiteurs. Donc ceux à étudier en priorité. 🙂
Les rapports cross-device User-Id c’est quoi et à quoi ça sert ?
En fait, j’en parle dans cet article : Savez-vous vraiment ce qu’est Universal Analytics.
Concrètement et visuellement, avant la mise en place de l’user-id, vous avez ça :
Et après la mise en place, vous aurez ça :
Et de nouveaux rapports super sexy comme ça aussi :
Rapports qui vous permettront de comprendre dans Google Analytics à quel point vos utilisateurs utilisent différents appareils pour se rendre sur votre site.
Ils vous permettront également de comprendre l’appareil d’acquisition et les chemins cross-device les plus répandus.
Autant d’informations précieuses pour bâtir votre stratégie d’acquisition dans un monde ou les utilisateurs ont 3 appareils en moyenne.
Mais assez parlé de la présentation.
Vous pourrez en apprendre plus sur l’exploitation de ces rapports chez Google : Rapport chevauchement des appareils, Rapport Chemins multi-appareils et Rapport Appareil d’acquisition.
Voyons maintenant la mise en place. Déjà le principe.
On va utiliser le customer Id unique généré par Prestashop pour chaque client, le récupérer par GTM et l’envoyer à Google Analytics.
Ce customer id deviendra la pierre angulaire capable de relier les visites sur différents appareils entre elles (s’il y a connexion durant chacune d’entre elle).
D’un point de vue un tout petit peu plus technique, il faut savoir que l’user-id doit être attaché à hit Google Analytics, c’est à dire à chaque page vue, évènement ou transaction associés à l’utilisateur.
La logique voudrait que cela plutôt que ce soit quelque chose rattaché à l’utilisateur (au niveau du scope Google Analytics. Plus d’infos ici).
Mais ce n’est pas le cas, notamment pour des raisons de lois et de vie privée (certaines lois n’autorisent à tracker les personnes que lorsqu’elles sont connectées).
Récupérer l’user-id dans le dataLayer
Vous pouvez voir cette partie en vidéo :
L’un des avantages du module, c’est qu’il nous pousse l’userId dans le dataLayer.
(puisque nous avons activé cette option au paramétrage, souvenez-vous).
Vérifions donc le dataLayer.
On a bien notre userId avec nos autres variables de e-commerce amélioré :
Tout ce qu’il nous reste donc à faire est de récupérer cette valeur dans une variable de couche de données.
Pour ça c’est facile, direction GTM, nouvelle variable définie par l’utilisateur, variable de couche de données.
On l’appelle userId, on enregistre, et voilà :
Par acquis de conscience, une nouvelle fois, on va prévisualiser et aller vérifier sur le site si la variable est bien récupérée :
La récupération s’est bien passée 🙌.
Envoyer l’userId à Google Analytics par Google Tag Manager
Bien, maintenant que l’on a notre userId, il va falloir l’envoyer à Google Analytics.
Et dit plus haut, il faut l’envoyer pour chaque page vue, événement ou transaction.
Nous allons donc l’attacher à chacune de nos balises Google Analytics.
Le moyen le plus rapide et le plus simple de le faire est d’agir sur la variable de paramètre Google Analytics.
Nous allons y ajouter un champ à définir avec la valeur de l’userId. Comme ceci :
Et puis, c’est facultatif (mais intéressant) de passer en dimension personnalisée le fait que le visiteur soit loggé ou non.
L’intérêt réside notamment dans la possibilité de pouvoir comparer les comportements entre des utilisateurs loggés et d’autres qui ne le sont pas.
Il faut donc envoyer une dimension personnalisée aux balises Analytics en même temps que le champs à déclarer.
Mais commençons par expliquer le principe de la dimension personnalisée. 🙂
Il s’agit d’identifier sur votre site une information qui peut avoir plusieurs résultats et qui permet d’améliorer notre capacité d’analyse dans l’Analytics grâce à du contexte supplémentaire.
Par exemple, pour un site e-commerce, ça pourrait être état de stock (en stock, en rupture, dernières pièces) ou le nombre d’étoiles (avis clients), etc…
En envoyant ces infos pour chaque produit, l’on peut par exemple comparer le taux d’ajout au panier selon qu’un produit ait 1, 2, 3, 4 ou 5 étoiles.
Dans notre cas présent, cela nous permettrait de pouvoir analyser les comportement des visiteurs qui ont déjà un compte vs ceux qui n’en ont pas encore. Ca vaut la peine.
D’autant que là encore le module nous simplifie le travail puisqu’il injecte dans le datalayer une variable userLogged :
Si l’utilisateur n’est pas loggé elle vaut zéro. S’il est loggé elle vaut un.
Nous allons donc créer une nouvelle variable personnalisée de couche de données que l’on appellera userLogged :
On va ensuite dans l’admin de Google Analytics, et dans la colonne Propriété, on clique sur Définitions personnalisées puis sur sur dimensions personnalisées :
Ensuite, on va créer la dimension dans Google Analytics afin d’obtenir l’index.
Cette dimension sera de portée hit puisque c’est une donnée qui change à chaque page. (Pour en savoir plus sur la portée des dimensions, lisez ceci)
Vous enregistrez votre dimension puis vous retournez dans GTM.
Dans notre variable de paramètres Google Analytics, nous allons ajouter userLogged en dimension personnalisée.
L’index c’est 1, comme vu dans Analytics. Et la valeur sera égale à celle de la variable userLogged du datalayer :
Vous pouvez maintenant ré-enregistrer votre variable Google Analytics.
Nous allons maintenant passer dans Google Analytics pour paramétrer le suivi cross device.
Activer l’userId dans Google Analytics
La première étape consiste à activer la fonctionnalité au niveau de la propriété.
Donc dans l’admin, vous dépliez les informations de suivi et cliquez sur User-Id :
La deuxième étape consiste à accepter les conditions.
La troisième étape consiste à garder activé ou désactivé l’unification de sessions.
Je vous conseille de la conserver activée.
En résumé, cette fonctionnalité permet de rattacher les hits d’avant authentification pour une session avec authentification.
Ce qui est plutôt intéressant.
Dernière étape, création de la vue User-Id.
En effet, il faut une vue séparée, rien de bien grave. Donnez-lui un nom, paramétrez le pays et validez.
Vous avez maintenant une vue User-Id vous donnant accès aux nouveaux rapports évoqués plus tôt.
Attention toutefois, cette vue ne collecte des données que pour les hits avec user-id (donc les personnes qui se sont connectées, autrement dit les clients), ce qui signifie que vous aurez forcément beaucoup moins de volume que dans votre vue classique.
Mais les informations que vous allez y découvrir valent cher 🙂.
Lecture recommandée : bien comprendre les rapports multi-appareil.
Parenthèse RGPD
Le suivi des personnes à travers leurs différents appareils ne peut se faire sans en informer les utilisateurs avant et obtenir un consentement spécifique, clair et non forcé.
Ce que je vous dis là est mon interprétation et ne doit pas vous empêcher de consulter un avocat.
Remarketing dynamique Google pour votre boutique Prestashop avec Google Tag Manager
Le remarketing dynamique est en théorie le niveau le plus avancé de remarketing.
Il est majoritairement utilisé en e-commerce mais peut il peut être utilisé pour à peu près toutes les autres industries aussi.
Pour faire simple, il vous permet de recibler les visiteurs de votre site avec des annonces graphiques (bannières) personnalisées selon le ou les derniers produits ou services que ce visiteur a vu sur votre site.
Le remarketing dynamique Google repose sur 3 piliers :
- Un flux de données
- Des audiences spécifiques basées sur des tags spécifiques
- Une campagne qui mixe les 2 audiences et flux de données.
Créer votre flux de données dynamique
Comme vous pouvez le voir ici, Google offre des modèles de flux à compléter pour les industries suivantes :
- Enseignement
- Vols
- Hotels
- Emplois
- Offres locales
- Immobilier
- Commerce de détail
- Voyage.
Et si vous n’y trouvez pas votre bonheur vous avez une option personnalisée.
Ecommerce
C’est le cas qui nous intéresse aujourd’hui.
Pour générer un flux e-commerce, vous devez utiliser un module qui va transformer vos informations de produit en un flux compatible Google Merchant Center.
Comme dit plus haut, moi j’utilise le module Google Merchant Center (Google Shopping) de BusinessTech.
Vous devrez également :
- créer un compte Google Merchant,
- y importer votre flux
- attendre / vérifier que celui-ci soit accepté.
Vous devrez ensuite associer votre compte Google Merchant à votre compte Google Ads.
Taggage du site et audiences
L’un des avantages à passer par le module, c’est qu’il nous facilite grandement le travail.
Il a déjà fait le plus gros pour nous au niveau du marquage du site.
Tout ce qu’il reste à faire c’est de créer la balise de remarketing dans GTM et de créer les audiences dans Google Ads.
Commençons par Google Ads. Cliquez sur Outil > Gestion des audiences :
Sur la balise Google Ads, cliquez sur les 3 points puis sur modifier :
La vous allez activer la collecte des attributs ou paramètres spécifiques pour personnaliser les annonces :
Puis choisir votre industrie (continuons sur le e-commerce pour l’exemple) :
Enfin, vérifiez que vous avez bien tous les attributs nécessaires et enregistrez :
Google vous propose ensuite d’insérer votre balise sur vos pages web. Descendez tout en bas et choisissez Google Tag Manager :
La votre numéro d’id vous est communiqué. Copiez-le (nous allons en avoir besoin rapidement) :
Ensuite validez.
Cela aurait pour effet de créer automatiquement des audiences de remarketing différenciées par niveau d’engagement des visiteurs que vous pourrez ensuite utiliser pour le ciblage de votre campagne de remarketing dynamique :
Nous allons maintenant configurer la balise de remarketing Google Ads grâce au module et à GTM.
Au niveau du module, si vous avez paramétré comme expliqué au début vous êtes bons. 😎
Cela aura pour effet de placer les variables nécessaires à transmettre à Google dans le datalayer.
Pour le constater, allez sur n’importe lequel de vos produits et inspectez le datalayer. Vous devriez voir un objet google_tag_params :
Nous devons maintenant transmettre ces informations à Google Ads.
Nous allons donc dans GTM pour créer une nouvelle variable personnalisée de type couche de données google_tag_params :
Enregistrez.
Créez maintenant une nouvelle balise de type remarketing Google Ads dans laquelle vous allez renseigner l’id donné par Google et rattacher la variable google_tag_params :
En termes de déclenchement, déclenchez sur toutes les pages avec un déclencheur de type DOM prêt (si vous avez paramétré le suivi du commerce amélioré, nous avons déjà créé ce déclencheur précédemment)
Enregistrez votre balise, publiez votre container et vérifiez en mode prévisualisation que votre balise est bien déclenchée et contient les informations désirées.
Création de la campagne de remarketing dynamique Google Ads
Dernière étape, créer votre campagne de remarketing dynamique.
Pour cela, créez une nouvelle campagne de type Display avec objectif de vente :
Ce sera une campagne de type Display classique.
Définissez un nom pour votre campagne (exemple : Display – Remarketing dynamique – Fr), votre ciblage géographique, la langue, votre budget, votre stratégie d’enchères.
Dépliez ensuite les paramètres avancés pour ajouter votre flux merchant center associé comme flux de personnalisation des annonces.
Vous pouvez également définir de faire du remarketing sur tous les produits (aucun filtre) ou sur certains seulement (avec filtre).
Ensuite, au niveau des groupes d’annonces, utilisez les audiences spécifiques créées plus tôt.
Stratégie recommandée :
- un groupe d’annonce pour les visiteur ayant vu des produits sans ajout au panier. Niveau d’enchère faible.
- un groupe d’annonce pour les visiteur ayant ajouté des produits au panier sans acheter. Niveau d’enchère supérieur.
Créez ensuite des annonces responsives.
Remplissez tous les champs comme pour une annonce Display normale mais ne vous inquiétez pas, Google utilisera les données de votre flux pour personnaliser dynamiquement les annonces selon les produits consultés par vos visiteurs.
Validez votre campagne et voila.
Parenthèse RGPD
Le remarketing ne peut se faire sans en informer les utilisateurs avant et obtenir un consentement spécifique, clair et non forcé.
Ce que je vous dis là est mon interprétation et ne doit pas vous empêcher de consulter un avocat.
Remarketing dynamique Facebook pour votre boutique Prestashop avec Google Tag Manager
Création d’un catalogue produits dans Business Manager
Déjà, sachez que cette partie existe au format vidéo :
Notez qu’elle a un an (déjà) et que possiblement, bien que le principe reste exactement le même, certaines interfaces ont peut être changé légèrement.
La version texte qui suit est par contre parfaitement à jour (novembre 2018).
Comme pour le remarketing dynamique Google, le remarketing dynamique avec Facebook nécessite un flux de produits.
Notez que le flux de produits que vous générez pour envoyer chez Google peut être le même pour Facebook (et c’est le cas dans la plupart des cas).
En premier lieu, vous devez créer un Business Manager.
Ensuite, allez dans les paramètres du Business Manager :
Puis vous allez créer un nouveau catalogue de produits de type produits :
Donnez ensuite un nom clair à votre catalogue :
Maintenant le catalogue créé, il faut y ajouter des produits :
La méthode que je recommande est d’importer depuis une url avec récupération programmée :
Notez que si votre site est taggé avec les bonnes micro-données, vous pourriez utiliser la méthode d’import depuis le site web.
Assurément la méthode du futur. 🙂
En attendant, renseignez
- l’url de votre flux (la même que vous avez fourni à Google Merchant Center)
- Le nom de votre flux
- Le calendrier de récupération du flux
- (facultatif : votre identifiant et mots de passe FTP si le fichier est protégé)
Une fois que vous avez validé, Facebook télécharge votre flux et vos produits.
Il vous informe de l’état d’avancement en temps réel et vous confirme que tout s’est bien passé.
Si votre flux contient beaucoup de produits, il faudra patienter quelques minutes à quelques heures.
Pixel et mise en place technique avec Google Tag Manager
L’idée, c’est de commencer par installer le pixel de suivi de base sur toutes les pages de votre boutique.
Ensuite, nous allons créer 3 nouvelles balises qui nous permettront de traquer le niveau d’avancement des visiteurs dans votre entonnoir d’achat.
Concrètement :
- Niveau 1 : ont-ils vu un ou plusieurs produits?
- Niveau 2 : Ont ils ajouté un ou plusieurs produits au panier?
- Niveau 3 : Ont-ils acheté un ou plusieurs produits?
Enfin, nous iront créer la campagne dans Facebook puis aborderons brièvement la création de templates d’annonces dynamiques pour vos campagnes. Allons-y !
Mise en place du pixel de base
Commençons par générer un pixel Facebook. Pour cela, depuis votre Business Manager ou votre gestionnaire de publicité, vous cliquez sur Pixel dans le menu :
Une fois sur la page Pixel, vérifiez que vous êtes sur le bon compte publicitaire. Si vous en gérez plusieurs, sélectionnez le bon dans la liste.
Si vous n’avez pas encore créé de pixel Facebook, vous verrez ceci, et devrez cliquer sur le bouton créer :
De là, donnez un nom à votre pixel et votre site web et validez la création du pixel.
Ensuite (et ceux qui ont déjà un pixel prennent le train en route ici), cliquez sur votre pixel :
Allez ensuite dans la configuration du pixel et choisissez configurer à la main.
Copiez ensuite le code donné par Facebook :
Rendez-vous maintenant dans Google Tag Manager.
Nous allons créer une nouvelle balise que nous appellerons « Facebook – Pixel de base« . Elle sera de type HTML personnalisé :
Dans le cadre qui vous est proposé, vous collez le code du Pixel Facebook copié il y a quelques instants :
Vous enregistrez. Ensuite vous cliquez sur le cadre de déclenchement, et vous attachez un déclencheur de type All pages (Toutes les pages).
Vous publiez votre container et pouvez tester en mode debug pour vous assurer que votre pixel FB est bien déclenché sur toutes les pages.
Félicitations, vous avez installé le pixel Facebook avec succès. 🥂
Enrichir le pixel de base avec les événements standards
Le pixel de base, c’est la base. Bon, ok… 😄
Ce que je veux dire c’est que grâce à lui, vous pourrez créer des audiences en fonction des pages vues par les personnes et c’est déjà bien.
Mais si nous allons avoir à créer des audiences de visiteurs qui ont ajouté un produit au panier. Ou qui ont acheté.
Et bien, il va falloir enrichir votre pixel Facebook pour y ajouter des événements. C’est finalement le même principe que Google Analytics.
Parenthèse RGPD
Le déclenchement du pixel Facebook (et ses évènements) ne peut se faire sans en informer les utilisateurs avant et obtenir un consentement spécifique, clair et non forcé.
Ce que je vous dis là est mon interprétation et ne doit pas vous empêcher de consulter un avocat.
Récupérer les variables Datalayer à transmettre à Facebook
Maintenant, nous allons ajouter de nouvelles balises qui visent à compléter ce suivi de base en fonction de comportements des visiteurs : a-t-il vu un produit ? l’a-t-il ajouté au panier? l’a-t-il acheté ?
Ces ajouts sont ce Facebook appelle des événements standards.
Nous utiliserons les évènements suivants :
- viewContent pour la vue de fiche produit
- addToCart pour l’ajour au panier
- purchase pour l’achat.
Le « hic » c’est qu’en plus d’indiquer à Facebook un événement (produit vu, produit ajouté au panier, produit acheté), il va aussi falloir lui indiquer de quel(s) produit(s) l’on parle.
Il va donc falloir lui envoyer les paramètres dynamiquement.
Attention : nous allons monter d’un cran au niveau technique. Soyez attentif.
Donc, nous allons commencer par créer les variables dynamiques dont nous avons besoin. Elles sont au nombre de 5 :
- ID produit (attention, doit correspondre à l’ID de votre flux produit)
- Prix du produit
- Catégorie du produit
- Devise du produit
- Phase du tunnel (page produit, panier, achat)
On va donc commencer par aller regarder ce que l’on a dans le DataLayer.
Allons donc sur une fiche produit.
Ouvrez l’inspecteur Chrome en inspectant un élément au hasard. Cliquez ensuit sur l’onglet Console :
De là, vous allez taper dataLayer puis taper sur la touche entrée. Vous allez obtenir le contenu actuel de votre dataLayer :
Notez que je ne suis pas développeur et que bien que j’ai des notions (qui commencent à dater d’ailleurs), je ne suis pas un expert en javascript non plus.
C’est pourquoi je ne vous expliquerais pas la signification de tout cela.
Je vais me contenter de vous expliquer ce que vous allez en faire :-).
Commencez par déplier les objets, cela vous permettra de voir s’il y a des infos que l’on souhaite :
Bonne nouvelle. Nous avons dans notre DataLayer actuel toutes les informations que nous voulons.
Nous allons donc pouvoir créer des variables de couche de données pour récupérer ces informations et nous pourrons ensuite nous en servir dans les balises Facebook.
Note : Théoriquement, nous pourrions nous contenter de l’id produit.
Les autres variables sont optionnelles mais elles nous permettront d’être beaucoup plus sophistiqué en reciblage.
Important
Je vous ai dis plus haut que l’id que vous récupérez doit être le même que celui de votre flux produit.
Dans mon cas, j’utilise le même flux pour Facebook que pour Merchant Center.
Et je sais que mon id produit est effectivement le même que dans mon flux produit. Vous devez également vous en assurer.
******
Bien, maintenant que nous avons identifié les variables à récupérer dans le DataLayer, nous allons retourner dans GTM.
Cliquez sur Variables puis Nouvelle.
Commençons par la 1ère, currencyCode. Ce sera une variable de type couche de données :
Il faut maintenant faire la même chose pour
- la catégorie du produit (google_tag_params.ecomm_category)
- le type de page (google_tag_params.ecomm_pagetype)
- l’id du produit (google_tag_params.ecomm_prodid)
- et son prix (google_tag_params.ecomm_totalvalue)
Maintenant que toutes les infos qui nous intéressaient sont récupérées dans des variables, nous allons pouvoir définir nos balises d’évènements Facebook.
Mise en place de l’événement viewContent
Tout d’abord, allons chercher des informations sur l’événement ViewContent ici :
On voit que l’événement peut prendre plusieurs paramètres mais qu’aucun ne sont obligatoires.
Voyons ensuite un exemple du code qu’il faut insérer dans la balise ici.
Allons dans GTM et créons une nouvelle balise HTML personnalisée.
Je l’appelle FB – Event – ViewContent.
Collez le code de l’évènement ViewContent. Nous allons également l’enrichir avec les paramètres facultatifs pour lesquels nous avons créé des variables :
N’ayez pas peur, je vous explique 😅.
Le code de base c’est : fbq(‘track’, ‘ViewContent’); Evidemment, puisque c’est un script, il faut le mettre entre balises <script>.
Ensuite, on vient rajouter des paramètres. Dans le cadre des campagnes de remarketing dynamiques, vous devez ajouter au minimum content_ids et content_type, ils sont obligatoires.
Ensuite, value, currency et content_category sont optionnels mais appréciables pour faire des audiences ultra précises.
Vous noterez ici que selon le volume de trafic de votre site, vous n’avez peut être pas besoin d’être aussi fin (puisque plus vous segmentez plus vos listes sont petites.
Or il faut une audience d’au moins 1000 personnes pour diffuser. Mais bon, pour l’exemple faisons bien.
Dernier point concernant le code plus haut. Les paramètres ont une clé (un nom en fait) et une valeur. Les clés sont données par Facebook.
Les valeurs doivent être ajoutées par nos soins. Nous les remplaçons par les valeur dynamiques des variables datalayer créées précédemment.
En fait, {{product_id}} correspondant à la variable de couche de données product_id. C’est la syntaxe. On met la variable entre {{ }}.
Donc si l’on résume, le code ci-dessus va nous permettre d’indiquer à Facebook qu’un visiteur a vu une fiche produit, et de lui passer les infos sur ce produit de manière dynamique.
Tout ce qu’il nous reste à faire maintenant c’est de définir un déclencheur.
Donc si l’on réfléchis 2 secondes, sur quelles pages veut-on que cette balise se déclenche ?
Et bien, évidemment, dès qu’un visiteur voit une fiche produit.
Cliquons donc sur le cadre déclenchement, créons-en un nouveau que l’on appellera « vue de fiche produit« . Ce sera un déclencheur de type DOM prêt.
Mais on ne veut pas qu’il se déclenche sur toutes les pages. On en veut certaines seulement.
Vous cliquez donc sur certaines pages vues. Et puis maintenant, il va falloir définir une condition.
Et pour la condition c’est simple, c’est lorsque Page_category est égale à product.
On définit donc le déclencheur ainsi :
Vous n’avez plus qu’à enregistrer et nous avons terminé avec la première balise d’évènement Facebook.
Vous pouvez enregistrer votre container et passer en mode de prévisualisation pour tester que la balise se déclenche bien lorsque l’on visite une fiche produit.
Mise en place de l’événement AddToCart
Passons donc au deuxième évènement.
Celui que l’on veut déclencher au moment ou les personnes mettent un produit au panier.
Tout d’abord, allons chercher des informations sur l’événement AddToCart ici :
On voit que l’événement peut prendre plusieurs paramètres dont certains obligatoires.
Voyons ensuite un exemple du code qu’il faut insérer dans la balise.
Allons dans GTM et créons une nouvelle balise HTML personnalisée.
Appelons la « FB – Event – addToCart« .
A l’intérieur, je colle le code de l’évènement AddToCart.
Et comme précédemment, je viens l’enrichir avec mes paramètres facultatifs pour lesquels nous avons créer des variables :
Ensuite nous allons paramétrer le déclencheur.
La, le module nous simplifie la vie puisque lorsque l’on ajoute un produit au panier, cela créer un évènement datalayer personnalisé « addToCart »
Nous créons donc un déclencheur de type évènement personnalisé, ayant la valeur addToCart. 🙂
Rattachez ce déclencheur à votre balise d’évènement Facebook addToCart. Enregistrez.
Publiez votre container et testez en mode prévisualisation que lorsque vous ajoutez un produit au panier, la balise se déclenche.
Mise en place de l’événement Purchase
Maintenant la dernière balise, celle qui correspond à l’achat.
Tout d’abord, allons chercher des informations sur l’événement Purchase ici :
On voit que l’événement peut prendre plusieurs paramètres dont certains obligatoires.
Voyons ensuite un exemple du code qu’il faut insérer dans la balise.
Allons dans GTM et créons une nouvelle balise HTML personnalisée. (on commence à avoir l’habitude 😄)
On crée une nouvelle balise HTML personnalisée que l’on va appeler FB – Event – Purchase.
A l’intérieur, je colle le code de l’évènement Purchase.
Et je viens l’enrichir avec mes paramètres facultatifs pour lesquels nous avons créer des variables :
Ensuite nous allons paramétrer le déclencheur.
La encore, le module nous simplifie la vie puisque lorsque l’on ajoute un produit au panier, cela créer un évènement datalayer personnalisé « order_confirmation« .
Nous créons donc un déclencheur de type évènement personnalisé, ayant la valeur order_confirmation. 🙂
Rattachez ce déclencheur à votre balise d’évènement Facebook Purchase. Enregistrez.
Publiez votre container et testez en mode prévisualisation que lorsque vous ajoutez un produit au panier, la balise se déclenche.
Un mot sur l’ordre de déclenchement des balises Facebook
Un point important. Tout évènement de pixel Facebook doit être déclenché APRES le pixel de base.
Si toutefois un évènement était déclenché AVANT, il ne serait pas pris en compte.
GTM nous donne 3 méthodes pour définir l’ordre de déclenchement des balises :
- le plus évident, les évenements datalayer. Si vous déclenchez une balise sur DOM Ready, elle se déclenchera forcément APRES une balise déclenchée sur Page Vue.
- La priorité des balises
- Le séquençage des balises
Mes recommandations pour le pixel Facebook sont les suivantes :
- Le pixel de base doit être déclenché le plus tôt possible : sur la page vue.
- Pour les évènements déclenchés par une interaction sur la page (AddToCart, Purchase), pas de problème, ils seront rattachés à des déclencheurs d’interaction qui se produiront forcément après le chargement de la page
- Pour les évènements à déclencher au niveau page (viewContent), utilisez DOM ready comme nous l’avons fait.
J’espère que c’est clair ? Si ça ne l’est pas laissez un commentaire.
Rattacher votre catalogue à votre pixel Facebook
L’étape suivante est de rattacher ce catalogue à votre pixel Facebook.
Pour cela, retournez sur Catalogue, dans votre Business manager. Et connectez votre catalogue à votre pixel :
Cochez votre pixel dans la liste (si vous avez plusieurs pixels) :
Enregistrez. Votre catalogue est maintenant chargé dans Facebook et rattaché à votre pixel.
Cap sur la dernière étape, créer la campagne de remarketing dynamique.
Création d’une campagne de remarketing Facebook
Il s’agit maintenant de créer la campagne.
Rendez-vous dans votre gestionnaire de publicité:
De là créez une nouvelle campagne :
Choisissez l’objectif ventes sur un catalogue produits:
Donnez un nom à votre campagne (moi j’ai choisis Remarketing dynamique), rattachez-la à votre catalogue et continuez :
Création d’un adset de remarketing dynamique Facebook
De la, vous allez devoir créer un premier groupe de produits.
Il y a bien des stratégies avancées intéressantes afin de créer des groupes de produit segmentés.
La on touche aux techniques avancées qui dépassent le scope de cet article.
On va donc commencer avec tous les produits de votre flux avec un adset qui cible les personnes qui ont vu un produit sans l’ajouter au panier dans les 14 derniers jours :
Ensuite, vous descendez jusqu’au ciblage et choisissez combinaison personnalisée.
Renseignez comme ceci :
Note : Attention, si votre audience est trop petite, vos annonces ne seront pas diffusées.
C’est la raison pour laquelle je pars sur 14 jours.
Plus vous avez de trafic et plus vous pouvez vous permettre de réduire la fenêtre temporelle. (Les gros sites ont clairement l’avantage ici.)
Posez-vous la question : combien de temps une personne est-elle sur le marché pour mes produits après avoir consulté mes produits.
Ca ne sert à rien d’ennuyer les gens trop longtemps avec des publicités de produit qu’ils ont déjà acheté (ailleurs peut être).
Nous faisons du marketing. Mais nous devons respecter les gens. Ne l’oubliez pas.
Important : si les stratégies avancées de remarketing vous intéressent, faites le savoir en commentaire, j’ai plein de choses à dire la-dessus aussi. 🙂
Continuez de régler les détails de votre groupe de produits avec les autres réglages qui sont relativement explicites (emplacement, enchères, budget, etc…), puis validez.
Vous pouvez tout à fait laisser les options par défaut puis segmenter dans un second temps :
- faire des adsets différents par types d’emplacement par exemple)
- exclure des emplacements peu performants
- modifier vos enchères
- etc…
Pour la partie budget et calendrier, faites attention de bien valider le fait que vous souhaitez optimiser pour les ventes, c’est important :
Création d’annonces dynamiques Facebook
Passons ensuite à la création de votre annonce dynamique.
Choisissez son format (carrousel ou image seule).
Je préfère le carrousel qui généralement donne de meilleurs résultats.
Mais testez, ma vérité n’est pas forcément la vôtre.
Ensuite, vous devez régler les différents éléments de votre publicité.
Choisissez ensuite la mise en forme du contenu (image ou diaporama)
Les 2 méritent d’être testé.
Ca vaut la peine aussi d’ajouter un texte qui s’affichera au dessus de votre publicité.
Rappelez les forces de votre offre aux visiteurs ! Exemple :
Pensez ensuite à quel sera le titre, la description, le texte, le bouton d’appel à l’action.
Vous pouvez laisser les réglages par défaut ou ajouter des éléments (par exemple le nom du produit et son prix en titre) :
Vous pouvez aussi personnaliser les fonds de vos images produit pour essayer de davantage capter l’attention :
Plus d’infos sur cette fonctionnalité ici.
Faites votre sauce et n’hésitez pas à créer plusieurs publicités différentes afin de voir ce qui marche le mieux pour vous.
Maintenant vous passez la commande avec le bouton vert tout en bas à droite et voilà.
Il n’y a plus qu’à attendre de Facebook valide votre publicité et votre reciblage dynamique sera en route.
Attention
Une erreur fréquente c’est d’avoir des images de mauvaise qualité.
Cela vient de la taille des images de votre flux. Assurez-vous qu’elles fassent au moins (600px x 600px).
Pour rappel, vous pouvez connaitre la taille des images de votre boutique Prestashop en allant dans Préférences > Images :
Notez que 800px x 800px cela ne pose aucun problème au niveau du flux Merchant Center.
Vous pouvez consulter les spécifications pour les images ici (si vous êtes curieux 🙂).
Créer un autre adset pour les abandonneurs de panier
Il s’agit maintenant de faire la même chose que précédemment pour une autre population : les visiteurs ayant abandonné leur panier.
Dans votre campagne, créez un nouvel adset :
Cette fois, vous le nommerez Abandonneurs panier 14j et le configurerez en conséquence :
De nouveau, pensez bien à valider le fait que vous souhaitez optimiser pour les ventes, c’est important :
Vous devrez ensuite créer une ou plusieurs annonces.
Le plus rapide est de dupliquer celles déjà réalisées auparavant.
Vous pouvez éventuellement modifier le texte qui s’affiche au dessus de la publicité pour y donner un code promo.
Réfléxion stratégique
Evidemment, quelqu’un qui a ajouté un produit au panier sans acheter a plus de valeur pour vous que quelqu’un qui a simplement vu un produit.
Par conséquent, n’enchérissez pas de la même manière. Misez davantage pour les abandonneurs de panier. 😉
Le mot de la fin
Un sacré travail que cet article. Beaucoup, beaucoup de choses ont été vues, étapes par étapes.
Et si vous êtes arrivé jusqu’ici et que vous avez tout mis en place félicitations.
Mais n’oubliez pas que ce ne sont que les bases. Les stratégies de remarketing dynamique mériteraient un article au moins aussi long.
Entre les durées de listes, les paramétrages de campagne (rotation des annonces, limitation du nombre d’impression, méthode de diffusion, etc…) les paramètres additionnels des listes, la segmentation des groupes de produits, les objectifs (upsell, cross sell, rétention, etc), bref, nous avons seulement effleuré la surface.
C’est un métier, vous l’avez compris. Ce guide vous aidera à démarrer et à je l’espère augmenter votre chiffre d’affaires, c’est quand même le but.
Mais sachez que si vous souhaitez passer au niveau supérieur, il vous faudra passer par un spécialiste ou être prêt à passer des heures et des heures à apprendre, encore et toujours. Et à faire quelques erreurs aussi 🙂.
Enfin, s’il vous plait, si vous trouvez qu’il y a de la valeur sur cette page, partagez-la !
PS : avant de partir, prends 30 secondes pour t’abonner à ma newsletter. Tu recevras régulièrement du contenu premium comme celui-ci soit exclusivement, soit avant tout le monde.
Hello,
Avec un petit dev. on peut aussi facilement renseigner le userId pour le cross device tracking.
Merci pour ton commentaire 🙂
Edit du 17/11/2016 : La mise en place détaillée de l’User Id a été intégrée au guide.
Super article et boulot énorme je suppose.
Merci beaucoup.
PS : je suis passé au remarketing Facebook (sans GTM -> support Facebook très très bon) car dans mon domaine de prédilection, (le vin) Google n’autorise pas le remarketing. Marck est moins regardant que Larry ;o)
Merci 🙂
C’est marrant ce que tu dis. Moi aussi j’ai des problèmes avec Google et les vin en ce moment. Par contre concernant le support Facebook, je suis très étonné que tu le trouve bon. Moi je les trouve nul. Personne ne répond, tu peux jamais les joindre. J’irais même jusqu’à dire que c’est la honte pour une boite de cette taille.
Super article vraiment merci ! je me tâte depuis quelques temps à implémenter TAG Manager, cette fois c’est la bonne je me lance.
Merci Hugo,
Effectivement GTM simplifie vraiment la vie. Pour info je suis en train de préparer une mise à jour de cette article avec un nouveau paragraphe sur comment mettre en place le suivi multi-appareil avec l’User Id.
Au plaisir 🙂
Bonjour,
Merci pour cet excellent guide, cependant, une petite question lors du parametrage du GTM me vient.
Comment verifier que les déclencheurs se déclenchent correctement comme vous le préconisez (toutes les pages, clic bouton, retrait produit) … je ne vois nul part comment faire cette verification.
Merci pour votre aide.
Bonjour Romain,
Il faut mettre Google Tag Manager en mode de prévisualisation. C’est au même endroit que Publier, lorsque l’on déplie le menu. Vous allez ensuite sur votre site, vous y trouverez la fenêtre de debuggage en sur impression. De la vous testez vos balises et vous verrez si elles se déclenchent ou non. La marche à suivre détaillée :
Dans la barre de menu horizontale, tout à droite, vous avez un bouton Publier avec une petite flèche descendante. Cliquez sur celle-ci, un menu déroulant se déplie :
https://www.bruno-guyot.com/wp-content/uploads/2015/05/menu-deroulant-publier–300×266.jpg
Cliquez sur Créer une version. Une pop up vous confirme que ça a bien fonctionné.
Re-cliquez sur la flèche du bouton Publier et cette fois, dans le menu déroulant, vous allez cliquer sur Prévisualiser.
La, l’interface devient orange est vous propose de voir le site en prévisualisation dans l’onglet dans lequel vous êtes.
https://www.bruno-guyot.com/wp-content/uploads/2016/11/article-gtm46-1024×298.jpg
Tapez donc l’URL de votre site dans la barre d’adresse de votre onglet.
Votre site s’ouvre ainsi qu’une petite fenêtre en surimpression. Celle-ci vous indique les balises qui se sont déclenchées.
Celle de Google Analytics est censée apparaître. C’est bien le cas, tout va bien 🙂
https://www.bruno-guyot.com/wp-content/uploads/2016/11/article-gtm47.jpg
On retourne donc sur GTM, et sous la partie orange, on peut cliquer sur Quitter le mode Prévisualisation. Une pop up confirme.
Vous pouvez maintenant cliquer sur Publier.
Ok ! Je vais regarder tout ça. J’avais pas saisi le fait qu’il fallait verifier directement sur le site cible.
Merci 😉
Voila, tout est installé et tout fonctionne parfaitement grace a ce tutoriel très très bien réalisé. Un grand merci a l’auteur a qui cela a du prendre un certain temps !
Par contre, me reste un petit soucis, peut être pourrez vous m’aider ou du moins me donner une piste.
J’utilise sur mon prestashop, la solution nations caisse d’épargne pour mes paiements CB. Lorsqu’un client paye, celui ci est redirigé vers la plateforme de paiement (jusque la c’est normal) mais du coup, lorsqu’il revient sur le site lors de la confirmation de commande, analytics le « track » comme provenant de la plateforme de paiement et associe la transaction non pas a la source d’origine mais a une vente « referral » provenant de « Paiement.systempay.fr » et du coup, ça « fausse » un peu toute la lecture.
J’ai actuellement qu’une seule source de pub payante : Adwords. Mais du coup a cause de ce petit couac, toutes mes ventes sont considérées comme provenant de systemPay et non d’Adwords. Un peu gênant pour la lecture des statistiques.
Savez vous comment « forcer » analytics a prendre la premiere source de provenance du client ? ou tout du moins le forcer a ignorer le passage via sytempay ?
Cela me serait d’une grande aide. D’avance merci
Cordialement
Romain,
Il faut exclure le referent. Dans Admin > Propriété > Exclusion de site référent. La tu ajoute le domaine de nation caisse d’épargne. Cela aura pour conséquence de rattacher tes commandes à la source de trafic de départ :-). La doc analytics si jamais : https://support.google.com/analytics/answer/2795830?hl=fr
Salut Bruno et merci pour ton article super détaillé !
Juste une petite question au niveau du ViewContent de FB, j’ai crée la balise et ajouté le code suivant :
fbq(‘track’, ‘ViewContent’, {
content_type: ‘{{page_type}}’,
content_ids: [‘{{product_id}}’],
content_category: ‘{{product_category}}’
value: {{total_value}},
currency: ‘{{currencyCode}}’
});
Et lorsque je souhaite le publier, je reçois ce message d’erreur :
Erreur du compilateur JavaScript – Erreur à la ligne 6, caractère 1 : Parse error. ‘}’ expected.
Une idée d’où le bug pourrait provenir ?
En tout cas, super article ! Je partage !
Salut Bastien !
Merci pour les encouragements 🙂 (et le partage).
A mon avis le bug vient de tes ». Reprends-les tous et remplace-les par des » valides. C’est un truc qui arrive souvent ça.
Salut Bastien. Et merci Bruno pour ce superbe article !
J’ai exactement le même problème de Parse error que toi « Erreur à la ligne 6, caractère 1 : Parse error. ‘}’ expected. ». As-tu réussi à le corriger ?
J’ai essayé de remettre à la main tous les caractères spéciaux, mais rien n’y fait !
Je vous remercie 🙂
Bonne journée
Salut Grout !
(Je s’appelle vraiment Grout ? 🤣) => Je suis fan.
Comme répondu à Bastien, reprends tous tes ‘ ,remplace-les et ça va fonctionner.
Merci pour votre réponse.
Non, effectivement c’est bien un pseudo, qui m’est venu de je ne sais où 😀
J’ai vraiment réécrit tout le code du début à la fin, mais il ne fonctionnait toujours pas… J’ai dû ajouter des éléments pour que le parser fonctionne. Le voici :
fbq(‘track’, ‘ViewContent’, {
content_type: ‘{{page_type}}’,
content_ids: [‘{{product_id}}’],
content_category: ‘{{product_category}}’,
value: ‘{{total_value}}’,
currency: ‘{{currencyCode}}’,
});
Des ‘ et des , ajoutés sur chacun des éléments.
J’espère qu’il fonctionnera correctement !
Bon, je sais pas si t’avais compris mais je faisais référence à Groot, de l’univers Marvel (bref).
Effectivement, pour ce que j’en vois, ton code me semble bon la 🙂
C’est quoi les éléments qu’il te manquait et que tu as dû ajouter ?
Super merci,
j’ai effectué l’exclusion du site referent, on va donc attendre la prochaine commande pour voir si cela fonctionne :p
Une nouvelle fois merci et j’espère que ma question servira a d’autres ! 🙂
Merci pour cet article ultra complet 🙂 il va bien être utile pour une migration vers prestashop !
Hello,
Alors là c’est sûr qu’on a toutes les informations pour bien mettre en place son suivi dans Prestashop, actuellement je n’ai pas été jusqu’à ce niveau de détail en suivi, mais je pense que c’est vraiment une bonne manière de faire pour mesurer et auditer proprement le trafic.
A l’époque j’avais survolé rapidement l’intégration du suivi pour les conversions, mais j’étais vraiment resté en surface sur la configuration minimaliste : https://www.webbax.ch/2014/09/10/utiliser-loption-e-commerce-danalytics-pour-prestashop/
A bientôt !
Hello Germain,
Merci pour ton commentaire 🙂
Effectivement, dans un monde ou l’acquisition de trafic est toujours plus compétitive (et donc onéreuse), le tracking est le nouveau nerf de la guerre. Apprendre vite pour optimiser vite et gaspiller le moins possible.
++
Bonjour Bruno,
Un grand merci pour ce tutoriel d’une grande qualité et complet.
Je l’ai mis en place point par point sous prestashop avec le module Google Tag Manager Enhanced Ecommerce.
Je rencontre cependant 2 problèmes :
– Je n’ai pas toutes les conversions qui remontent (environ 15% de perte qu’importe le mode de paiement) soucis de chargement de script ?
– J’ai 95% des transactions en source/support avec la valeur direct/none, comme si il perdait l’origine, assez frustrant. Je récupère pourtant l’origine avec d’autre modules de tracking (ex: Module tracking analytics de business tech que j’ai du coup remis en place, même si le compromis ne me convient pas car j’aimerai passer par GG Tag manager)
Merci d’avance pour tes lumières.
Hello Philippe,
Merci pour ton commentaire.
Que tu n’aies pas toutes les conversions qui remontent, c’est quelque chose de normal. On va dire qu’entre 5 et 15% de moins dans Analytics qu’en vrai c’est à peu prêt normal. Même si c’est mieux 5 que 15. Faudrait segmenter et analyser pour voir s’il n’y a pas un problème mais à première vue je ne suis pas choqué.
Concernant l’attribution de la source c’est beaucoup plus gênant effectivement. Es-tu sûr de ne pas avoir une page sans tracking ? Une redirection qui pète le référent?
En tout cas sympa ton site 🙂
Bonjour Bruno,
Je suis en train de suivre pas à pas votre tuto, qui a du vous demander un boulot énorme.
Mais j’ai un petit soucis :
Dans la partie « GA – Event – Ajout panier » je n’ai pas les choix de « catégorie Ecommerce « et « action Ajout Panier » dans les paramétrage de google.
Je n’ai pour choix que les variables créés, et rien non plus dans les variables intégrées.
Avez vous une idée pour m’aider ?
Bonne journée 🙂
Hello Thierry,
Merci pour ton commentaire :-). Boulot énorme oui. Et la transcription vidéo est en cours de préparation.
Avez-vous bien configuré votre balise analytics en événement ? Si oui, alors vous devez entrer une action et une catégorie. Et à ce moment là vous renseignez les mêmes valeurs que moi.
Hello Thierry
avez-vous résolu ce problème?
Je suppose que c’est quelque chose qui est lié au nom de l’événement pour PrestaShop. Pouvez-vous m’aider?
Merci beaucoup
Hello Bruno,
Merci pour cet article bien construit et très utile pour la configuration du retargeting produit dynamique sur Facebook.
J’ai un problème d’accès aux valeurs de mon datalayer quand je créé une variable de couche de donnée dans GTM, il m’indique « undefined » pour toutes les variables déclarées.
J’ai bien suivi le tuto mais il y a peut être une méthode spécifique pour accéder au données de mon produits (id, name, price, category):
ecommerce object
.currencyCode EUR
– .detail object
– .products object
– .0 object
.name Banc grillage
.id 606
.price 700
.category Mobilier
Merci d’avance pour ton aide !
A bientôt
Hello,
Difficile de t’aider la comme ca. C’est très spécifique, et il faut bien comprendre le contexte, voir comment les choses ont été implémentées. En résumé, il faudrait mettre le nez dedans. Je peux éventuellement te faire une offre si tu le souhaites. Dis-moi. ++ 🙂
J’ai effectivement le même problème : page Category remonte bien depuis la couche de données, puisque le tag s’exécute au bon moment, mais les infos produits remontent toutes en undefined aussi !
Hello Marc,
Pas eu le temps de mettre à jour ici mais j’ai fait des vidéos très récemment. Essaye celle-ci : https://www.youtube.com/watch?v=ZBPVPIeg3Fw
Bonjour,
Merci beaucoup pour cet énorme travail.
Néanmoins, comme Thierry je n’arrive pas à réaliser les balises « GA – Event – Ajout panier ». Je n’ai pas les mêmes paramètres que vous. Je pense que GTM a fait une modification. Je n’ai pas l’ID de suivi dans les paramètres proposés. Pourtant j’ai bien configuré la balise en événement.
Merci pour votre aide.
Bonjour Didier,
Merci pour ton commentaire. Je prends note du problème. Je vais actualiser. En attendant, voila ce que tu dois faire :
1. Aller dans les variables
2. Créer une nouvelle variable définie par l’utilisateur. Tu l’appelles GA id et tu la choisis de type Paramètres Google Analytics (dans la partie Utilitaires)
3. Tu enregistres
4. Dans ta balise d’événement, tu vas utiliser ta variable comme paramètre Google Analytics
Hello Didier,
avez-vous résolu ce problème?
Je suppose que c’est quelque chose qui est lié au nom de l’événement pour PrestaShop. Pouvez-vous m’aider?
Merci beaucoup
Bonjour Alessio,
Le tuto a été mis à jour récemment. Il faut désormais utiliser la variable built-in Google Analytics 😉
Bonjour Bruno,
Merci beaucoup pour ce superbe guide,
GTM évoluant plus vite que la musique, le réglage d’une balise ne contient plus les paramètres avancés que vous avez dans les captures, notamment la fonction « Activer les fonctionnalités de avancées de commerce électronique » pour un Evenement, et les champs à définir (userId) pour la balise GA
http://i.imgur.com/hQW3ovi.png
Cela fonctionne-il quand même ?
Merci pour votre aide !
Bonjour Maxime,
Je vois ton commentaire tard. Désolé. Ca fonctionne encore oui. De toute facon je suis en train de faire la version à jour et en vidéo. La publication est imminente. Stay tuned 🙂
Bon travail Bruno !
J’avais fait la même chose pour mes clients mais à l’époque, j’utilisais « certains événements personnalisés » et pas tous comme tu le fais. En fonction des classes, ID, page URI, etc pour déclencher mes balises. Quand je regarde tes déclencheurs, ils ont tous comme mode « tous les événements personnalisés ». Du coup je ne comprends pas comment ta balise sait quand générer l’événement Analytics.
Par exemple, ton déclencheur Basket est censé générer un événement Analytics, par l’intermédiaire de ta balise générique GA universel. Ok, mais comment il sait que c’est la page /commande ou /commande-rapide ?
Merci
Bonjour Bruno,
Y a t il un risque si on installe en double le tag Google Analytics dans GTM et les deux module PS (API GA pour la connexion + module avec l’UA) ?
Merci à @Prestarocket pour le hack qui permet de ne pas déplacer le script GTM en fin de page.
Bonjour Bruno,
Petit souci par rapport à cette image :
https://www.bruno-guyot.com/wp-content/uploads/2016/10/article-gtm5.jpg
Google Tag Manager ne me propose pas autant d’option que sur cette image.
Me sont proposés uniquement :
– zone de saisie : Priorité de déclenchement des balises
– case à cocher : Activer le calendrier de déclenchement des balises personnalisées
– case à cocher : Activer cette balise seulement dans les conteneurs publiés
– listbox : Options de déclenchement de la balise avec comme valeurs possibles : Illimité / Une fois par évènement / Une fois par page
et deux cases à cocher sur le séquençage du balisage.
Une idée ou GTM a évolué ?
PS : j’ai quasi le même paramétrage qu’indiqué dans GA.
Bonjour Sylvain,
Merci pour tes commentaires.
Pour ta première question, en théorie tu peux installer les 2 sans que ca gène. Le tout c’est de ne pas reconfigurer le suivi de base dans GTM pour pas faire doublon.
Pour ta deuxième question, c’est parce que maintenant ca se paramètre dans la variable Google Analytics maintenant. Vois ici : https://www.simoahava.com/analytics/google-analytics-settings-variable-in-gtm/
Salut merci pour ce tuto,
J’ai testé le renvoie de l’userId prestashop dans GA par GTM depuis le dataLayer.
Sous presta 1.7 il y a la var prestashop = {…}; déclarer plus haut dans le
du coup flemmardise:
dataLayer.push({
‘userId’ : prestashop.customer.id,
‘userHighvalue’ : prestashop.customer.is_logged,
‘event’ : ‘authentication’
});
ca marche! t’en pense quoi de passe par l’objet prestashop?
Salut Rems,
Merci pour ton feedback. Je n’avais jamais testé comme ça, c’est intéressant.
Je ne saurai pas trop te répondre. Ca déborde un peu trop sur le dev 🙂 Pour le coup moi je m’étais fait assisté par mon collègue à l’époque. Mais depuis le module a été updaté et désormais plus besoin de mettre les mains dans le code. On active un truc au niveau de la config du module et il gère tout seul la récupe de l’user-id.
A bientôt !
Bonjour,
Merci beaucoup pour ce guide ainsi que les vidéos mises à disposition !! Grâce à vous, même un simple ecommerçant qui démarre comme moi, peut avoir un suivi digne de ce nom.
En revanche une question, comment « exclure » les ventes Amazon fbm de l’affichage analytics?
Grand merci !!
Bonjour Sergio,
Merci pour les encouragements 🙂
Comment se fait-il que vos ventes FBM soient comptabilisées dans votre analytics ? Je ne comprends pas comment c’est possible. L’analytics concerne votre site. FBM concerne des ventes sur Amazon. Qu’est ce que je n’ai pas compris ???!!
vraiment interessant, merci Bruno!
j’aide un ami avec son site prestashop et pas encore GTM.
avant de migrer et de suivre toutes les étapes que vous décrivez précisement, j’aimerais votre avis:
nous avons presta et GA, les ventes sont bien déclarées (rapport ventes) mais par contre dans le rapport produits, un grand nombre d’entres eux manquent à l’appel (également si on regarde dans le détails des ventes), me conseilleriez vous une piste à étudier?
Grand merci
Bonjour,
Juste pour être sûr, on parle bien des rapports Prestashop ? Si oui, quelle version utilisez-vous ? L’avez-vous fait vous même ? Tous les modules statistiques sont activés ? Est-ce une version neuve ou une version vieille qui a été mise à jour ? Rencontrez-vous ce problème depuis le début ? Avez-vous cherché sur le forum Prestashop ?
Bonjour,
Super article, j’ai cependant une question concernant Google Ads, comment faire pour mettre en place le suivi des conversions en faisant remonter le montant des commandes grâce à GTM ?
Merci
Salut Julien,
Merci pour ta contribution 🙂
Sur le principe, tu mets en place ta balise de conversion Google Ads avec l’id de conversion et le label. Et tu utilises la variable datalayer google_tag_params.ecomm_totalvalue en valeur de conversion dans ton tag.
Bonjour Bruno,
merci d abord pour ton énorme boulot et ce partage …….
j ai mis en place sur un prestashop le pixel FB avec GTM et le module que tu conseilles.
j ai basé l achat sur l event que tu évoques et suivi le reste de tes conseils ( séquençage …)
J ai un souci :
une fois sur 3 ou 4 pour le moment les achats ne remontent pas dans le suivi du pixel dans FB
parfois même si la variable de montant de commande remonte dans l activité de l’évenement purchase elle ne remonte pas dans les stats ensuite ( bon là souci chez FB visiblement)
je te remercie
Hello Samuel,
Merci pour les encouragements, c’est apprécié, vraiment 🙂
Concernant ton problème difficile de répondre comme ça sans analyse. Voici ce que je ferais :
– je vérifierais si éventuellement, sur les commandes non remontées, j’arrive à détecter un motif. Du genre est-ce que ça correspond à un mode de paiement spécifique. Ou des appareils spécifiques ? Si oui je testerais en mode Prévisualisation sur ces configurations pour essayer de reproduire le probleme et mieux comprendre.
– Aussi, je revérifierai la configuration de mes tags, notamment à quel moment ils se déclenchent. Un truc classique c’est que si le pixel d’évenement est déclenché avant le pixel de base, ça marche pas. Normalement, si 2 tags se déclenchent sur le même évenement datalayer, tu peux « gérer » l’ordre de déclenchement avec les priorités. Mais ce n’est pas infaillible. Le seul moyen de l’être c’est de déclencher sur des évenements Datalayer différents. Mais la non plus c’est pas infaillible. Si tu déclenches trop tard, que la page est longue à charger et que la personne est déjà partie, tu n’as pas l’info.
En espérant que ces pistes puissent t’aider à trouver ton problème 🙂
Belle journée !
Hi Bruno,
I just recently installed your add-on in one of my client’s Presta shop. It works properly, but I’m missing one feature: productClick Event. So it means the clicks won’t be assigned to product lists, and unfortunately the product list CTR won’t be calculated in analytics. It would be a great plus, if you could develop it for the add-on!
Best,
Balazs
Hi Balazs,
Thanks for your comment. I answer by email 😉
Bonjour Bruno,
Utilisateur de ce plugin pour mon site ecommerce, je serais aussi intéressé pour savoir comment ajouter les productClick events afin de remplir les stats CTR au niveau des rapports ecommerce amélioré !
En vous remerciant par avance,
Bonjour Laurent,
Merci de ta participation ici.
Pour répondre à ta question, il faudrait demander au développeur du module s’il lui est possible d’ajouter cette fonctionnalité, c’est le moyen le plus simple.
Sinon, l’autre moyen, de le faire par toi même, mais il te faut des compétences de développement. Tu as la procédure ici : https://developers.google.com/tag-manager/enhanced-ecommerce#product-clicks
Bonjour Bruno,
Tout d’abord merci pour ce guide très détaillé !
Module installé et configuré.
GTM et Analytics configurés aussi.
Mais, et oui un gros mais, bugs sur le rapport « Performances de la liste de produits » :
– addtocart : seulement l’id passe et pas le nom
– product detail : pas de remontée de clics sur les fiches produits
Testé avec l’event « productClick » comme indiqué dans la doc dev de GTM. Mais rien ne se passe.
Merci d’avance pour tout éclaircissement sur comment intégrer ces clics !
Bonjour Jean,
Merci pour ta participation ici.
Difficile de te répondre. A priori ça fonctionne mais il est possible que si ton code a été modifié et/ou que ton template n’est pas standard, certaines infos ne soient pas codées de manière standard et que donc ces infos la ne remontent pas. J’imagine que le plugin est avant tout testé sur les templates de base prestashop et/ou sur des templates qui respectent les conventions données par Prestashop. Malheureusement il existe de très nombreux templates qui ne les respecte pas et par conséquent qui empêchent un fonctionnement parfait des plugins.
A mon avis, il faut contacter le développeur du module et voir ce qu’il te dit. Peut être propose t’il une assistance payante pour t’aider à faire que tout fonctionne parfaitement.
Bonjour,
Merci pour ce tuto, ça m’a bien servi pour configurer Tag Manager dans ma boutique E-shop, je me suis arrêté à la partie Google Ads et Pixel pour une simple raison, c’est je suis entrain de suivre un autre tuto que vous m’avez conseillé pour paramétrer le Cross Domain Tracking via tag manager, mon soucis maintenant c’est quel domaine lier à mon Google Ads ? la boutique E-shop où se passe la conversion ? ou le site vitrine, où cliquer sur un lien est aussi une conversion à 0 CHF ? comment configurer Pixel sur dur Cross Domain ? sachant que je vais lier deux propriétés Analytics qui sont dans deux conteneurs GTM.
Merci d’avance Bruno.
Regards
Hello !
Content que ce tuto ait pu t’aider. Pour Google Ads, il n’y a pas de notion de cross domain tracking. Tu places le pixel sur la page ou ta conversion est réalisée. Et peut importe si l’utilisateur est passé sur un autre domaine entre le moment ou il a atterrit et le moment ou il a convertit. Google Ads gère ça pour toi.
Pour ton cross domain analytics, ça fonctionne avec une seule propriété (tu dois avoir la même propriété sur le domaine 1 et sur le domaine 2). Sinon tu ne pourras pas avoir les infos de sources de trafic (du domaine 1) pour les conversions (du domaine 2) => tout sera du trafic direct.
Je t’ai peut être induis en erreur si je t’ai donné un tuto qui dit qu’il faut faire avec 2 propriétés (optimizesmart.com ?). Je m’en excuse. Je l’ai appris à mes dépends il y a quelques temps moi aussi. Suis ce tuto la plutôt : https://www.simoahava.com/analytics/troubleshooting-cross-domain-tracking-in-google-analytics/
Bonjour,
Merci pour votre réponse, apparement j’ai du pain sur la planche surtout que j’ai créé deux containers pour presta et wordpress, deux propriété analytics pour domaine E-shop et site vitrine.
Merci aussi pour le lien. Il indique comment faire via google analytics, mais y a-t-il un lien (plus simplifié) qui donne la solution avec GTM mais sans perdre les données que j’ai déjà collectés ? GTM n’est il pas un bon outils pour lier deux propriété analytics (c’est ce que je pensais mais on en apprend chaque jour )?
Merci beaucoup Brunot pour tout et excellente journée.
haha, hyper contextuel. J’ai reçu ça dans ma boite mail aujourd’hui : https://www.analyticsmania.com/post/google-analytics-cross-domain-tracking-with-google-tag-manager/
Normalement t’as tout ce qu’il te faut la.
Bonjour, merci bruno pour le tuto j’en ai mal aux yeux, il est 18h je viens tout juste de terminé sachant que j’ai commencé le tuto à 10h. Par contre je vous ai perdi (lol) sur l’exportation de notre flux de produit vers merchand center sachant que moi j’utilisee un flux personnel avec comme id de chaque fiche produit mais le module payant je ne sais pas ce qu’il fait de plus d’ailleurs c’est ici ou j’ai abandonné au niveau des tagg que le module fait à notre place.
ps: il serait bien d’activer les notifications sur vos commentaires car je dois souvent revenir voir si vous avez répondu et pour retrouver la page une vrai difficulté
Hello !
Merci pour ta remarque, très pertinente. Je vais voir comment faire pour activer les notifications. Visiblement, j’ai quelques plugins à installer et paramétrer. Mais ça vaut la peine 🙂
Bonjour Bruno,
Super Article.
J’ai tout de même une question. Dans l’éventualité où l’individu ajoute 2 articles à son panier, comment fait on pour remonter les données pour ces 2 produits ? lorsque je procède aux tests, les deux ID products sont correctement appelés mais les variables nom produit ou encore prix produit ne sont appelées que pour le 1er produit.
Actuellement voici mon data layer :
« products »:[{« id »:1494, »name »: »Gilet rose », »price »: »30″, »category »: »Pulls & Gilets », »stocklevel »:10, »quantity »:2, »variant »: »S »},{« id »:1292, »name »: »Robe à fleurs », »price »: »12″, »category »: »Robes », »stocklevel »:1, »quantity »:1, »variant »: »M \/ L,Noir »}]}}, »google_tag_params »:window.google_tag_params});//]]>
Voici mon pixel :
fbq(‘track’, ‘AddToCart’, {
content_ids:'{{Product ID}}’,
content_type:’product’,
content_name :'{{Product Name}}’,
contents : [{‘id’: ‘{{Product ID}}’, ‘quantity’: ‘{{Item quantity}}’, ‘item_price’:'{{Product Price}}’}],
currency: ‘EUR’,
});
Merci par avance,
Bonne journée,
Aurore
Bonjour Aurore,
En théorie, il faut un évenement add to cart par ajout au panier. Si toutefois ton site propose d’ajouter 2 produits au panier alors effectivement c’est un peu plus compliqué (mais possible). Regardes par ici : https://www.simoahava.com/analytics/enhanced-ecommerce-facebook-pixel/
Bonjour Bruno,
Merci beaucoup pour ce tuto riche en enseignement.
Je récupère un GTM lié à un PrestaShop 1.7 avec le même module que toi.
Dans le GTM, je constate qu’il n’y a pas la balise UA – Suivi de base, mais j’ai des balises plus détaillées (purchase, addtocart…). Est-ce que je peux/dois créer la balise de base ou cela va-t-il faire des doublons dans GA ?
Merci pour ta réponse,
Benoît
Hello Benoit !
La balise de suivi de base correspond au code de suivi classique. Tu peux la créer toi aussi mais tu dois t’assurer avant que le code n’est pas mis en dur sur le site, sans quoi effectivement tu traqueras en double. Il n’y a pas d’obligation à passer le code de base par GTM (même si c’est une bonne pratique).
Bonjour,
Tout d’abord merci pour ce guide très bien fait !
De mon coté, la variable « currencyCode » ne remontait pas correctement dans le pixel.
Il a fallu que je change le nom de la variable par « ecommerce.currencyCode », peut-être qu’il y a eu une modification entre temps.
Aussi, je rencontre un autre problème. Lorsqu’il n’y a que 1 quantité de chaque produit au panier, le « total_value » remonte la bonne information.
En revanche, si on ajoute plusieurs quantité, le « total_value » n’affiche plus le bon montant du panier. Qu’importe les quantités, le « total_value » fait le calcul de chaque produit avec 1 quantité et ne remonte du coup plus les bonnes informations de commande au niveau des montants.
Une idée de comment corriger ce problème ?
Merci d’avance et encore bravo pour ce guide
Hello Remi,
Merci pour ta participation ici !
Et merci doublement parce que tu as raison, ça n’a pas changé entre temps, c’est moi qui ait fait une erreur. Grâce à toi je vais pouvoir modifier.
Pour l’autre problème c’est intéressant, je n’ai jamais constaté ce problème. Il faut que je vérifie. Mais la comme ça, la première idée qui me vient serait de créer une nouvelle variable dans laquelle tu multiplie la variable originale total_value par la quantité (il faudra donc créer une variable quantité). Pour multiplier l’une par l’autre tu peux utiliser une variable JS personnalisée. Regarde par la pour le principe : https://support.google.com/tagmanager/forum/AAAAnP_FwdIEYKCP6j84BM/?hl=en&gpf=%23!topic%2Ftag-manager%2FEYKCP6j84BM
Merci Bruno pour cette réponse (que je n’avais pas vu).
J’ai entre temps trouvé une solution au problème du total_value pour le pixel.
J’ai en effet créé une variable JS personnalisée. Si ça peut en aider d’autres qui rencontrent le même problème, voici le code :
function(){
var productList={{products_array}};
var totalAmount=0;
for(var i=0;i<productList.length;i++)
{
totalAmount+=(productList[i].quantity)*(parseFloat(productList[i].price));
}
return totalAmount.toFixed(2);
}
Pour info, {{products_array}} est une variable de couche de données que j'ai créé en amont qui porte la valeur "ecommerce.checkout.products".
Merci pour ton retour, sympa de partager avec tout le monde 🙂
Merci à toi Bruno pour ce super article et merci Rémi pour la solution.
J’ai rencontré le même problème avec ce module (PS 1.6) car la DLV « google_tag_params.ecomm_totalvalue » ne prend en compte que le « prix total de tous les produits du panier cumulés (en ne comptant qu’une unité par produit) ». (C’est écrit dans la documentation du module).
Encore merci à vous 2 !
Bonjour Bruno,
J’ai des paiements qui s’effectuent en différentes devises. Ma vue Google Analytics est configurée pour comptabiliser des transactions en €. Une vente réalisée dans une autre devise fausse, par conséquent, la valeur de paiements
Il est à priori possible de convertir en € (avec le taux de change du jour) une transaction faite en $ avec la valeur {{transactionCurrency}}
Cela semble fonctionner avec la balise GTM Universal Analytics et un suivi de type Transaction en ajoutant un champ {{currencyCode}} et une valeur {{transactionCurrency}}
Mais cela ne risque-t-il pas d’entrer en conflit avec le « UA – Event – Ecommerce Helper » présenté dans votre « excellent » tuto 😉 et je ne vois pas d’autre méthode.
Merci de vos bons conseils.
Salut Laurent,
Merci pour ta participation ici 🙂
A priori, la conversion se fait automatiquement par Google analytics. Vois ici : https://support.google.com/analytics/answer/6205902?hl=fr => Analytics effectue la conversion nécessaire en utilisant le taux de change du jour en vigueur la veille du traitement.
Tout ce que tu as à faire c’est d’envoyer le currencyCode à chaque transaction (avec le bon format et le bon code). Et si la currency est différente de celle que tu as défini comme étant la currency principale de ta vue, alors GA convertit automatiquement.
Lecture additionnelle si tu le souhaite : https://www.analyticsmania.com/post/multi-currency-ecommerce-tracking-google-analytics-google-tag-manager/
Bonjour je voudrais savoir si le module que vous recommandez permet de placer ou recuperer les informations de commande payées ? via systempay et paypal l’idée étant récuperer le tag de convertion à la vente payée …
Merci par avance
Bonjour Yannick,
Ce module (dans lequel je n’ai aucune action) permet de récupérer l’info de transaction oui, ainsi que la valeur et tout ce qu’il faut.
Au plaisir 🙂
Pfffiou ! Quel article … Gros taf !
Merci Bruno pour ce partage de connaissance.
Un peu la même question que Yannick je pense 🙂 Comment tu t’y prendrais pour récupérer l’info de la méthode de paiement utilisée pour chaque commande ?
Via une dimension perso et GTM ?
Merci d’avance et encore félicitation pour cet article très complet,
Hello Olwenn,
Merci à toi de prendre quelques minutes ici 🙂
Pour récupérer l’info de la méthode de paiement, il te faut récupérer le mode de paiement soit au moment de l’envoi du formulaire vers l’étape suivante, soit au moment du clic, soit sur la page de confirmation de commande (si la méthode de paiement est dessus) et en faire effectivement une dimension personnalisée de scope session dans Google Analytics.
Ok merci !
En effet, j’ai bien « shipping_method » et « payment_method » sur la page de confirmation de commande.
Très intéressant 🙂
Bonjour à tous,
Petite question :
Sur le site que je gère actuellement, la donnée ‘totalvalue’ d’une commande a toujours été du HT (montant produits HT + montant livraison HT).
D’après mes premiers tests ce module remonte par défaut le montant total de la commande TTC.
Comment puis-je « forcer » écriture du montant total HT dans le datalayer ?
Merci d’avance pour vos retours.
Quentin,
Bonjour Quentin,
Merci pour ta participation ici.
Ta question doit être posée au développeur du module. Puisqu’à priori, je ne crois pas que tu puisse modifier ça dans les options de paramétrage du module. Un autre option serait de créer une variable GTM dans laquelle tu récupère la totalvalue et tu lui ajoute la TVA.
Salut Bruno !
Je m’en réfère une nouvelle fois à ton guide très complet et une question me taraude :).
Que conseilles-tu lorsqu’un même site utile deux CMS différents (Prestashop et WordPress) ?
Quelle serait la solution la plus simple ?
Et quelle serait la solution la propre ?
Merci d’avance pour tes conseils,
Bonne journée,
Hello !
A mon avis la meilleure solution c’est un seul compte GTM. Et tu l’installes sur le presta avec le module prestashop. Et tu l’installes sur WP avec le module WP.
A mon sens c’est la meilleure solution. A la fois la plus simple mais aussi la plus propre et la plus rapide.
Quelle réactivé ! 🙂
Oui j’ai opté pour cette solution en effet.
Seulement les variables dans le datalayer WP et Presta ne sont pas les mêmes. Notamment sur les userID, user logged etc.
Exemple dans Presta :
userID: ‘guest_137’
userLogged: ‘0’
Dans WordPress :
visitorId: »
VisitorLoginState: ‘logged-out’
Merci,
Bonjour Bruno,
Merci pour le boulot sur ce super tuto très complet.
Pour info. le développeur du module que tu conseilles au début fournit (via un lien Google doc dans la documentation du module) un modèle (fichier json) que l’on peut importer dans GTM et qui met en place une configuration assez complète.
Il ne reste plus ensuite qu’à configurer quelques variables (id analytics et adwords).
Ca fait gagner un temps fou …
Hello Pascal,
Effectivement, cela fait gagner pas mal de temps. Le container donné par le dev n’est pas si complet que la config à laquelle on aboutit ici mais ca en fait une bonne partie 🙂
En effet.
Je vois deux problèmes particulièrement embêtants …
1 – Aucune remontée des paiements Paypal dans les transactions.
2 – Dans l’acquisition toutes les transactions ont comme sources de trafic le site de paiement CB de la banque :/
Hello,
Il est probable que les personnes qui paient par paypal n’arrivent pas sur la page de confirmation de commande trackée. Il faut vérifier et voir éventuellement à rajouter un datalayer de ecommerce sur la page de confirmation paypal ou voir si dans paypal tu ne peux pas renseigner une page de redirection après paiement (auquel cas il faut renseigner la page de confirmation traquée).
Concernant les trasactions qui ont le site de paiement comme source de trafic il te faut exclure des sites reférents les sites de paiement CB de la banque (Admin > Propriété > exclusion de sites référents.
Il faut activer le renvoi automatique vers le site marchand dans la configuration sur Paypal.
Et effectivement l’exception n’avait pas été mise en place sur Analytics.
Maintenant on est ok.
D’après toi qu’est ce qui manque (d’important) dans la config. fournit par le module ?
Hello.
J’ai moi aussi un problème avec cette dernière étape de tunnel, qui n’est pas comptabilisée dans GA (suite au paiement sur un site externe du prestataire de paiement).
Comment indiquer à GA que la page de confirmation de commande (vers laquelle l’internaute est automatiquement redirigé après paiement) est bien la dernière page du du tunnel, et que la vente peut donc être comptabilisée comme finalisée ?
Merci
Hello,
Il te faut aller regarder dans le rapport sur les sites référents qui prend le crédit des ventes (par exemple tu peux voir paypal.com qui prend toutes les transactions). Tu devras alors ajouter paypal.com dans les sites référents exclus (https://support.google.com/analytics/answer/2795830?hl=fr).
Note que la l’exemple porte sur paypal.com mais la philosophie est la même pour les autres plateformes de paiement, tu devras les exclure elles aussi.
Merci de ta réponse.
J’avais déjà fait mes devoirs et regardé dans les précédents commentaires, j’avais donc exclu le site du prestataire 🙂
Je vois d’autres referal apparaitre dans les sources de conversion, dont du direct, donc cela doit bien fonctionner.
Mais j’ai toujours un « trou » dans mon funnel : https://imgur.com/a/txvlYKz : est-ce évitable ?
Peux-tu me donner la suite successive des urls qui t’emmène du panier à la confirmation de commande stp ?
Et aussi me montrer un screen de la configuration que tu as faites pour déterminer les étapes stp ?
Merci de prendre le temps de m’aider 🙂
Je suis sur Prestashop 1.7, avec le module que tu conseilles d’installer dans ce guide.
– L’url durant le funnel ne change pas : il s’agit toujours de « /commande » pour les différentes étapes (informations personnelles, adresse, mode de livraison, choix du paiement). Les différentes étapes se déroulent dans la page au fur et à mesure.
– Depuis l’écran « choix du paiement » l’internaute est redirigé vers le site du prestataire de paiement, qui le renvoie ensuite vers la page « /confirmation-commande?….. » quand le paiement est un succès.
Voici la configuration des étapes dans « configuration de l’E-commerce » : https://imgur.com/a/fGJ4CFH. Je n’ai rien configuré d’autre concernant les étapes.
Je me rappelle plus trop la config données par le module. Mais je crois qu’il manque toute la partie Facebook. Et il faut systématiquement vérifier la config proposée, car elle ne fonctionne pas à tous les coups (ça dépend de si ta boutique prestashop a été modifiée ou non).
Bonjour,
Nous venons de mettre en place l’événement Purchase Facebook (Balise GTM « FB – Event – Purchase »).
Cependant, il n’est pas possible de compléter la clé « content_ids » (https://developers.facebook.com/docs/facebook-pixel/implementation/conversion-tracking#creating-custom-conversions) avec toutes les informations des produits achetés par le client sur le site.
Avez-vous une solution pour cela ?
Merci.
Hello Valentin
Effectivement, c’est un point sur lequel je dois revenir mettre a jour ce tuto. La reponse est ici : https://www.simoahava.com/analytics/enhanced-ecommerce-facebook-pixel/ 🙂
Bonjour Bruno,
Merci pour cette guide, c’est un véritable support pour ceux qui commencent à travailler avec GTM comme moi.
J’ai une question sur la configuration du module, la configuration du dataLayer est-elle déjà fournie dans l’installation ou est-ce à nous de le faire ? Parce qu’on a déjà le module sur Prestashop mais, pour une raison quelconque les données ne passent pas complètes sur Analytics ce qui me fais penser à la configuration du dataLayer ou peut-être aux balises sur GTM, avez-vous une solution ou une recommandation pour cela ?
Merci d’avance !
Bonjour Edith,
Avec plaisir 🙂
Depuis ses dernières versions, le module fournit un bout de la configuration sous la forme d’un container à importer.
Celui-ci est cependant beaucoup moins complet que le travail que nous faisons ici. Les deux sont donc très complémentaires 🙂
L’intérêt ici (même si une partie de la config est donnée par le module) c’est de comprendre comment on fait et les principes que l’on pourra ensuite transposer à d’autres sites, d’autres clients.
Bonjour Bruno,
merci pour ce guide très complet !
Analytics vient de mettre en place ses nouvelles propriétés GA4. Lorsque l’on utilise leur nouvelle balise, on se rend compte que le champ « Paramètres Google Analytics » n’existe plus : il est remplace par « ID de mesure ». Faut-il malgré tout y mettre la variable « UA – Suivi de base » ?
Merci d’avance !
Anaïs
Hello Anaïs,
Effectivement, le nouveau GA4 amène son lot de nouveautés et la mise en place dans GTM est différente. Tu peux en apprendre davantage ici : https://www.bruno-guyot.com/google-analytics-4-presentation.php
Parfait ! Merci beaucoup !
Bonjour,
votre tutorial est top ,
par contre on note un petit soucis dans le events ecommerce helper, nous avons des boutons ajouter au panier et supprimer panier qui sont executés en JS, malheureusement ces actions ne sont pas catchés par le tag manager , comment peut-on pallier à ce problème STP ?
merci !
Hello Cyril,
Très compliqué de te répondre sans voir. Ton cas est spécifique et doit être analysé minutieusement pour ensuite savoir comment configurer GTM. En résumé je ne pourrai pas t’aider ici, navré.
Donc autant laisser gtm pour google ads
Et le plugin google analytics poir éviter les problèmes de comptages.
Du coup pkoi pas aussi utiliser un plugin comme celui de business tech pour les conversions ?
Merci !
Bonsoir, j’ai suivi ton tuto de A à Z dans le moindre détail, cependant 24 heures plus tard mes annonces ne sont plus diffusés suite à deux problèmes:
Problème : 100 % des valeurs ecomm_prodid reçues le jour précédent ne correspondaient pas à votre flux
et
Problème : 91 % de l’activité de la source d’audience ne contient pas de valeurs ecomm_prodid au cours du dernier jour
A tu une piste pour moi? Je suis novice et j’ai donc suivi bêtement le tuto sans comprendre certaine choses…
Merci
Bonjour Caroline,
J’ai exactement le même problème, est-ce que vous avez su le résoudre ? Si oui comment ?
Passez une bonne journée,
Merci d’avance,
Hello Caroline, Martin
Le problème vient du fait que les prodid remontés ne correspondent pas aux prodid du flux. Cela vient de la config du module. Il vous faut vérifier la valeur qui remonte et la comparer à la valeur du flux et voir d’où vient la différence.
Il vous faudra ensuite jouer avec les options du module (dans remarketing => Product ID in merchant center) et voir laquelle des options vous permet d’avoir un id dans le datalayer qui correspond à l’id dans le flux.
Bonjour Bruno,
merci pour votre doc, elle est vraiment top et très détaillée.
J’ai acheté et installé le module Google Tag Manager Enhanced Ecommerce (UA) – PRO.
Après ça, on a bien vu des commandes remonter dans analytics (c’était là le but 😀 ).
Néanmoins, sur la période des 10 derniers jours, il manque 4 commandes sur environ 60 qui ne sont pas remontées dans Analytics.
Qu’est-ce qui pourrait coincer?
Sachant les les commandes non-remontées sont des commandes payées avec Paypal ou Sogecommerce, ce n’est donc pas lié au paiement à priori.
Auriez-vous une ou plusieurs piste?
Pour info, j’ai bien activé « Activer le ré-envoi automatique des commandes » et le délai est défini à 7j. Pourquoi la commande n’est pas « renvoyée » vu qu’apparemment elle n’est pas envoyée directement après le paiement?
Y aurai-t-il moyen de renvoyer « manuellement » ces commandes?
Merci pour votre aide.
Pierre
Hello Pierre,
Cela fait une marge d’erreur très faible (6%)
On estime que jusqu’à 15% on peut considérer ça comme correct.
Pour moi tout va bien.
Belle journée.
Bonjour Bruno,
Merci comme d’habitude pour ce tutoriel très clair.
J’ai juste un petit problème, j’ai effectué une commande test pour voir si les événements se déclenchaient bien. Les événements d’ajout et de retrait au panier fonctionnent très bien.
J’ai un souci par contre avec la confirmation de commande, l’évènement order_confirmation n’apparaît pas dans l’outil de prévisualisation du GTM.
Aurais-tu des pistes d’investigations ou de solutions ?
Un tout grand merci d’avance,
Bonne journée,
Martin
Salut Martin,
Il n’y a pas d’évenement order confirmation. Si tu parles du e-commerce amélioré universal analytics, la confirmation de commande c’est la pageview qui va récupérer. Tout ce dont tu dois t’assurer c’est d’avoir le bon datalayer sur ta page de confirmation 🙂
Super merci je vais vérifier ça.
Bonne journée ! 🙂
Bonjour,
Je suis entrain de param mon Tag manager et la balise de tracking d’ajout au panier / suppression du panier ne se charge pas.
J’aimerais savoir ou je peux récupérer le bout de code qui me permettrait de suivre cet ajout au panier s’il vous plait ?
Hello
Si cela ne se déclenche pas c’est que tu utilises un thème non compatible avec le pluggin. Lui déclenche les datalayers selon certains comportements qui se basent sur le fonctionnement classique de Prestashop. Certains thèmes prennent des libertés et modifient ce comportement par défaut.
Du coup pour toi je vois 3 solutions :
1/ modifier le module pour le rendre compatible avec ton thème. Nécessite de solides compétences.
2/ demander au dev du module pour combien il te le ferait (s’il le fait)
3/ déclencher toi même le datalayer nécessaire dans GTM. cherches les datalayers addToCart et RemoveFromCart ici : https://developers.google.com/tag-manager/enhanced-ecommerce
Bonjour
Super tuto très bien détaillé. Bravo pour votre travail.
Depuis quelques temps Google à modifié la configuration de GA, avec GA4.
Envisagez-vous de mettre à jour votre tuto car franchement j’ai beau chercher je suis un peu perdu.
Merci à vous.
Hello Hervé,
Une mise à jour de cet article viendra prochainement. Actuellement j’aide le développeur du module à le rendre GA4 friendly (tout en restant aussi GA3 friendly). Dès lors que ce travail sera terminé (d’ici un mois disons) alors je mettrais à jour ici 🙂
Bonjour Bruno,
Tout d’abord, je tenais à vous remercier pour cet article: il est vraiment bien rédigé et super détaillé !
Ensuite, je voulais faire suite à la demande d’Hervé: travaillez-vous toujours sur une mise à jour GA4 ?
Merci d’avance,
Gaétan
Hello,
Merci !
Oui, oui, il y a une mise à jour de prévu. J’ai bossé avec le développeur du module pour rendre ce dernier compatible GA4. Très prochainement l’article sera mis à jour pour expliquer et refléter cette mise à jour 🙂
Bonjour Bruno,
Aurais-tu un guide ou des ressources à conseillé pour une implémentation manuelle du e-commerce avancée et de toutes les fonctionnalités possibles avec un module comme GTM enhanced e-commerce (UA) – Pro) ?
Merci.
Hello Maxime,
Le tuto c’est celui-la. La différence (sans utiliser le module) c’est que tu devras tout tagger à la main les datalayers. Si tu as de (très) bonnes notions de code + une (très) bonne connaissance de Prestashop pas de soucis. Sinon ca risque d’être compliqué.
Salut Bruno,
Je tenais avant tout à te remercier pour tous ces tutos et ces présentations détaillées, expliquées et claires ! Je viens de découvrir ces outils lors de mon stage et grâce à toi je suis vraiment captivé par ce domaine.
Je rencontre un problème avec le module Presta, j’ai des commandes qui ne remontent pas vers GTM. En effet, dans paramètres avancés > GTM orders, je vois l’intégralité des commandes mais une majorité issues du module de paiement n’ont pas de GTM id et encore moins de statut envoyé à 1 ou 0 ou renvoyé à 1 ou 0. Je pense que le module de paiement est responsable, si je me base sur la documentation, j’utilise Mercanet. Mais je n’ai pas trouvé de solution à l’heure actuelle et pas de réponses non plus de la part du support via le site de Prestashop.
J’ai bien conscience que Analytics ne vaut pas la précision d’un ERP puisque l’on cherche à étudier des comportements mais dans mon cas c’est plus de 2/3 des commandes qui ne passent pas. D’ailleurs je rencontre que très rarement le soucis avec les modules « virement bancaire » et « chèque » de Prestashop.
Par conséquent, je tente ici. Peut-être as-tu déjà rencontré le soucis ?
Je pense que le tracking est stoppé net du fait que l’utilisateur accède à la page du module de paiement, pour autant il revient sur le site à la confirmation de commande.
De plus, dans le détail des transactions qui n’ont pas de GTM id j’ai le message d’erreur « The GTM order log cannot be found within your database. ».
J’espère que j’ai été clair, je reste connecté pour apporter des précisions si jamais.
Merci pour ton implication et bonne journée.
Julien
Hello Julien,
Jamais eu ce problème spécifique non, désolé. Après c’est déjà un bon point que tu aies pu identifier que le problème vient de mercanet.
Il est possible que le soucis soit lié au délai avant que la personne ne revienne à la boutique. S’il est trop long les gens peuvent fermer l’onglet et ne pas revenir au site pour voir la page de confirmation. J’ai déjà vu aussi (trop souvent) une solution de paiement qui ne renvoit pas les visiteurs vers la page de confirmation. Dans ce cas c’est à l’acheteur d’appuyer sur le bouton de retour. Généralement au moins 1/3 ne le fait pas.
En théorie, dans ton compte lié à ton paiement en ligne, tu dois pouvoir à minima mettre en place la redirection automatique vers la boutique. Et au mieux, pouvoir régler le délai avant redirection (il faut pas mettre un grand délai).
Vois de ce côté et n’hésites pas à repasser me dire si ca a résolu ton problème (ou non).
Bonjour Bruno,
Merci pour ta réponse. Le problème était donc bien lié au module de paiement qui perturbait l’expérience utilisateur et empêchait l’événement purchase de se lancer. Il m’a suffit de passer le module dans une balise pour éviter que l’utilisateur ne quitte le site au profit du module de paiement. Mes transactions passent dorénavant majoritairement vers GTM même si certaines commandes ne remontent pas cela reste minoritaire.
Je te remercie pour ces conseils.
Super nouvelle, je suis bien content pour oi. Merci d’être repassé par la pour donner l’info.
A bientôt !
Bonjour et Félicitations pour cet article trés complet qui m’a permis de configurer mon gtm et suivi analytics.
Une question dont j’ai du mal à trouver la réponse, sur votre blog ou sur le web, pourtant simple : quel declencheur faut il mettre pour la mise en place du suivi de conversion google ads via gtm, pour des conversions type achat avec un prestashop.
J’ai essayé url contient confirmation-commande mais je n’ai pas l’impression que cela soit ça (7 conversions remontées sur google ads mais pas de commandes 🙁
Merci
Stéphane
Hello Stéphane 🙂
Le déclencheur pour la mise en place du suivi de conversion google ads via gtm va dépendre. Si ton site est taggé avec le module que je recommande ça va te donner plusieurs options. S’il n’est pas taggé alors effectivement mieux vaut partir sur un déclencheur basé sur l’url. si ton url de confirmation de commande contient « confirmation-commande » à chaque fois ET QUELQUE SOIT LE MODE DE PAIEMENT CHOISIT alors c’est bon en théorie.
Après il y a plein de subtilités qui peuvent faire que ca ne marche pas. Vérifie à nouveau ton déclencheur. Assure toi que la condition soit bien page URL contient confirmation-commande. Assure toi d’avoir bien publié ton container (tellement fréquent)
Bonjour Bruno !
Tout d’abord merci beaucoup pour ce tuto, il est vraiment d’une grande aide et de qualité !
J’ai un problème avec mon pixel Facebook..
Dans mon Facebook business je reçois bien mes évènements PageView, Vue du contenu et Ajout au panier. Seulement l’évènement d’achat n’apparait pas et je ne comprends pas pourquoi.
J’ai bien configuré la balise du pixel, en vérifiant bien dans la datalayer mais rien à faire, il n’apparait pas.
De plus quand je vais dans les évènements de mon catalogue, aucun évènement n’est pris en compte. Par contre dans la gestion du pixel Facebook (sur business) je les reçoit. J’ai également mis en place des métadonnées sur mon site, mais le pixel n’arrive pas à récupérer certaines données alors que sur les outils de tests, je n’ai aucune erreur et aucun warning.
Désolé pour ce pavé cela fait beaucoup, mais je bute dessus depuis plusieurs semaines ahah !
Merci encore pour ce tuto au top, et toutes ces réponses aux commentaires qui sont réellement utiles !
En te souhaitant une excellente journée 🙂
Tristan.
Hello !
Si l’évènement d’achat n’apparait pas c’est qu’il n’est pas envoyé à Facebook. Il te faut donc vérifier ton déclencheur dans GTM.
Tu as mis quoi comme condition de déclenchement ?
Pour les micro-données c’est moins mon truc, je suis pas certain de pouvoir t’aider. Quand tu dis que le pixel n’arrive pas à récupérer certaines données desquelles parles-tu ? Et comment sais-tu qu’elles ne sont pas récupérées ? Tu regardes avec l’extension pixel helper ? Si oui, as-tu un adblocker actif ? (si oui essaies de désactiver ton adblocker et de voir si les erreurs disparaissent dans ton pixel helper, c’est souvent le cas).
Bonjour, merci pour cette rapide réponse !
Le déclencheur de mon évènement d’achat est un custom event sur le « order_confirmation », j’ai utilisé le module Prestashop GTM c’est pour ça que je ne comprends pas que l’évènement ne soit pas déclenché 🙁
L’évènement est bien de type ‘Purchase’ et j’y récupère la valeur, la devise, l’id produit et son type. De plus il me semble mon custom event contenant « order_confirmation » pour mon Tag UA général fonctionnais bien, il faudrait que je le re test pour en être sur.
Au niveau des métadonnées ça avance, en effet mon pixel à déjà réussi à récupérer 25 articles, seulement il manque quelques champs comme le type du produit et la marque. De plus il récupère plusieurs fois les même images, mais ce n’est pas bien grave, ce qui pose le plus problème est l’évènement Purchase qui ne se déclenche pas.
Il y a également beaucoup d’évènement de mon pixel qui n’arrivent pas à correspondre aux ID de contenu (environ 30%).
Merci beaucoup pour ton aide !
Fais une commande de test et vérifie bien que le custom event soit déclenché. Juste par principe, pour s’assurer que le module n’a pas été mis à jour et que ce custom event n’ait pas été supprimé.
Pour que le purchase fonctionne avec l’analytics il n’y a pas besoin d’event, GA reconnait le purchase même sans event. Si l’event a été supprimé cela expliquerait que ca marche dans l’analytics mais pas avec le reste.
Bonjour Bruno !
Merci pour cet incroyable tuto. J’ai une petite question concernant la mise en place de la balise « UA – Event – Ecommerce helper », dans la catégorie tu spécifies la variable « Ecommerce Helper », est-ce que c’est une variable qu’il faut créer en amont ? Je ne la trouve pas dans celles que je peux sélectionner, j’ai juste écrit « Ecommerce helper » et ma balise « UA – Event – Ecommerce helper » ne se déclenche jamais.
En te remerciant,
Victor
Hello Victor,
Ecommerce Helper n’est pas une variable, c’est un nom générique que l’on assigne à la catégorie d’évenements liés au ecommerce amélioré. On aura aussi pu mettre « ecommerce » tout simplement.
Concernant le déclenchement de ta balise, s’il n’arrive jamais c’est un problème au niveau de ton déclencheur, cela n’a rien a voir avec la catégorie « Ecommerce Helper »
Ton déclencheur est reglé sur quoi ?
D’accord merci, j’avais un doute.
Ma balise est sur le déclencheur « DLE – Ecommerce Events » que j’ai configuré, sauf erreur de ma part, exactement comme tu l’expliques.
En image:
https://ibb.co/34nLWdT
https://ibb.co/Cn7yPLs
À priori c’est bien set up.
1/ vérifies dans tes rapports analytics dans Comportement > Evenements. Tu n’as rien en catégorie Ecommerce Helper ?? tu as bien des transactions qui remontent ? des ajouts au panier aussi ?
2/ dans ton déclencheur, vérifies que tu as bien un opérateur d’expression régulière
3/ le module est bien activé ? Quelle est la version du module stp ?
Alors,
1/ En effet c’est étrange j’ai rien dans mes rapports Analytics, aucune catégorie n’est spécifiée, pas de « Ecommerce Helper », je vois aucune transactions remonter, pourtant Analytics fonctionne, j’ai des infos sur le comportement des visiteurs en général.
https://ibb.co/vqSmRPX
2/ J’ai bien l’opérateur d’expression régulière coché
3/ Module bien activé v4.8.7
Très bizarre. Moi quand je vais sur ton site et que j’ajoute un produit au panier je vois bien un evenement AddToCart déclenché dans le datalayer. Et cet evenement datalayer déclenche bien l’envoi d’un evenement EcommerceHelper vers ton GA : https://ibb.co/Hr88HZV
Tu peux faire une capture d’écran de ta condition de déclenchement stp ?
Un article extrêmement complet et utile, toujours viable en 2021. Merci beaucoup !
Merci Roger, il va être mis à jour dans pas très longtemps 🙂
Salut Bruno,
Les codes events ont changé non ?
Dans le tag Assistant je vois : add_to_cart|remove_from_cart|begin_checkout|add_payment_info entre autres.
Cela me semble des paramètres pour GA4 si j’en crois ce que j’ai trouvé sur le Net.
Actuellement, je n’ai rien qui remonte dans mon UA pour le e-commerce.
Je suis perdu …
Bonjour,
Je voulais juste vous dire merci pour ce tuto très complet qui m’a permis de configurer GTM alors que je n’avais que très peu de connaissances en la matière. Alors voilà, MERCI pour votre travail !!!!
Et à bientôt sur votre site
Merci d’avoir pris le temps de laisser un mot, c’est très sympa (et apprécié). A bientôt 🙂
Bonjour,
Je rencontre un problème avec les modules de cookies notamment celui-ci :
https://addons.prestashop.com/fr/legislation/21644-loi-cookies-rgpd-bloquer-cookie-directives-2022-cnil-ok.html
Le problème est que lorsqu’un internaute clique sur une de nos pubs Google Ads il arrive sur notre site internet et il voit apparaitre la fenêtre pour les cookies. Et lorsqu’il accepte les cookies cela actualise la page et cela autorise GTM. Le problème est que vu que la page est actualisé on perd la source de l’internaute (le fait qu’il est cliqué sur une de pubs) et du coup il n’est pas comptabilisé comme une conversion. Avez-vous une solution pour résoudre ce problème ?
Merci beaucoup pour toutes vos explications, ça m’a beaucoup aidé.
Hello,
Difficile à dire. Il faudrait analyser pour pouvoir être sur. Ca parait étrange ce rechargement qui fait perdre la source d’origine. Comment sais-tu que c’est le cas ? (que tu perds la source d’origine)
Bonjour,
Exemple de test que j’ai fait :
1) Je regarde en temps réel sur Google Analytics les pages visitées. Et je peux voir ainsi la source (de quel site est venu l’internaute par exemple « Google »).
2) Je fais une recherche sur Google et je clique sur un lien qui va sur mon site internet (le lien n’est pas une pub). Pour l’instant dans Analytics je n’ai rien car je n’ai pas accepté les cookies. Puis lorsque j’accepte les cookies je vois la page en question dans Analytics et je peux voir qu’il me met dans la source « (none), (direct) » au lieu de « Google, Résultats naturels ».
le problème c’est que l’analytics ne se déclenche pas lors de l’arrivée sur le site donc google ne capte pas le referrer et n’est donc pas capable d’attribuer la source de trafic. Il faudrait soit que tu récupères le referrer et que tu le donnes au déclenchement soit que tu déclenches l’analytics en version dégradée sans consentent et qu’au consentement tu actives toutes les fonctionnalités.