Selon une étude publiée par leptidigital.fr la part de marché 2024 de PrestaShop dans les CMS e-commerce serait de 0,8% au niveau mondial. Ce chiffre peut paraitre très bas mais si l’on resserre la vision à la France il augmente très rapidement et il est ainsi fort probable que vous ayez l’occasion un jour de travailler sur un site construit sur cette base technique.
Du fait de sa présence assez limitée à l’international PrestaShop de bénéficie pas d’autant d’intégrations natives avec des outils marketing et analytics que certains de ses concurrents comme Magento ou Shopify. Pour autant la mise en place de GA4 par l’intermédiaire de Google Tag Manager sur ce système reste relativement simple et très efficace si vous suivez les étapes décrites dans la suite de cet article.
1 – Installation du module Cdc Google Tag Manager E-commerce avancé
Le module Google Tag Manager Enhanced Ecommerce PRO de PrestaShop est certes un module payant mais son cout est très vite rentabilisé par le temps de développement très important qui sera économisé grâce à lui.
En effet, une fois configuré correctement, le module ajoute au site sur lequel il est installé un dataLayer complet enrichi de toutes les variables et événements dédiés au e-commerce. Vous n’aurez donc pas à mobiliser de temps de développement pour faire ce travail et le résultat sera de plus immédiat.
2 – Configuration du plugin
Une fois le module en place vous pourrez le retrouver dans le menu « Modules et Services » de votre back office pour accéder à sa configuration.
La première zone à renseigner est très simple. Il suffit d’y activer GTM et de rentrer l’id du conteneur Google Tag Manager que vous aurez crée. Dans le champ « Format du Datalayer » le plus efficace sera de rester sur le format « optimisé pour GA4 ».
Pour la seconde zone sur le format des données vous pouvez faire selon vos préférences sans trop d’incidences sur le tracking final. Pour le champ sur l’affichage de la variante des ID produits je vous conseille de les afficher pour plus de finesse dans les reportings sur les produits mais l’autre option fonctionnera également. Il vous est aussi possible ici d’envoyer ou pas le prix d’achat des produits. L’idée est intéressante car sa récupération dans les outils d’analytics permettrai de faire des calculs de retour sur investissement sur la marge plutôt que sur le CA mais cela va rendre cette donnée très facilement disponible (donc aussi à vos concurrents) ce qui n’est pas forcément ce que vous souhaitez.
Pour les deux zones suivantes je vous conseille de tout activer car cela va vous ouvrir des possibilités très intéressantes de suivi analytics et de marketing. En envoyant les ID utilisateurs et invités vous pourrez ensuite chercher à les récupérer dans GA4 pour faire des analyses de contribution de vos actions marketing dont nous parlerons dans d’autres articles. En ajoutant les informations clients vous pourrez configurer facilement le suivi avancé des conversions pour vos tags Google Ads ce qui augmentera la performance de vos campagnes. Et en activant le remarketing vous pourrez aussi exploiter des typologies de campagnes marketing à fort taux de conversion.
Dans la zones de paramètres avancés quasiment tout peux également rester activé. Je vous conseille quand même de ne pas opter pour le ré-envoi automatique des commandes. L’idée de cette fonction est de permettre au module de renvoyer plus tard des commandes pour lesquelles le tracking n’aurait pas fonctionné sur l’instant. Mais en faisant cela nous pourrions avoir des commandes mesurées à d’autres dates et donc difficiles à associer à leur source marketing. Il me semble préférable dans ces cas de commandes non trackées de travailler sur des rapports de consolidation des données analytics et back office comme expliqué dans cet article.
Avec ces différents réglages en place votre module sera configuré de manière optimale pour configurer votre suivi e-commerce GA4 dans GTM. Si vous vous posez la question le module dispose aussi d’un onglet dédié aux avis clients mais nous ne l’utiliseront pas donc nous n’activons rien dans cette zone.
3 – Pose de la balise GA4 principale dans GTM
Maintenant que le code de GTM est présent sur le site ainsi que l’envoi des données e-commerce dans son dataLayer nous pouvons nous rendre dans l’espace de travail de notre conteneur Google Tag Manager pour y ajouter la balise principale dédiée à GA4.
Toute configuration GA4 passe en effet par ce type de balise : la balise principale initie la collecte de donnée et récupère les événements de bases automatiquement et une ou plusieurs balises d’événements permettent de suivre des actions plus complexes comme par exemple celles liées au e-commerce qui nous intéressent ici.
Nous créons donc une nouvelle « Balise Google », le nouveau format des balises de configuration pour GA4.
Nous intégrons notre ID de mesure sur la balise (disponible depuis le back office de GA4 au niveau du flux de données) en le saisissant directement ou en créant une variable. Nous ajoutons aussi une variable « send_page_view » avec la valeur « true » sans quoi la balise ne pourra pas compter les sessions et les pages vue (ce qui rendrait la configuration inefficace). Et nous plaçons un déclencheur sur toutes les pages du site (sans conditions pour utiliser le consent mode avancé).
4 – Import de la configuration de conteneur GTM pour les événements e-commerce GA4
La pose de la balise Google principale est une étape indispensable de votre configuration mais elle n’est pas suffisante pour assurer le suivi de votre e-commerce. Pour cela il faut ajouter une ou plusieurs balises qui vont envoyer en complément les événements comme les ajouts au panier, les vues de produits ou les commandes à GA4.
La mise en place de ce type de balise passe normalement par 3 étapes :
- La création de variables dans GTM qui vont récupérer les informations à fournir aux balises comme les montants de commandes, les produits vus, etc…
- La création de déclencheurs qui permettrons de n’envoyer les balises que sur certaines actions de l’internaute comme une mise au panier par exemple
- La création des balises d’événements pour GA4 en elles mêmes
Nous détaillerons dans d’autres articles comment maitriser Google Tag Manager et réaliser toutes ces configurations, que vous soyez comme ici dans un contexte de suivi e-commerce ou dans toutes autre configuration (génération de leads, prises de rdv, etc…)
Mais dans le cas présent nous avons créé un fichier de configuration pour GTM simplifié qui contient déjà les variables, les déclencheurs et les balises dont nous avons besoin ; ce qui va nous faire gagner beaucoup de temps.
Rendez vous donc sur l’url suivante pour récupérer le fichier .json correspondant sur votre ordinateur (faites in clic droit puis « enregistrer sous ») : https://www.datalayer.expert/wp-content/temp/evenements-e-commerce-GA4-integration-simplifiee-202402.json
Une fois le fichier récupéré nous pouvons passer par l’Admin de GTM pour importer ce conteneur.
Pour cet import nous sélectionnons le fichier .json téléchargé, l’espace de travail GTM dans lequel importer la configuration (généralement l’espace de travail actif) et choisissons de fusionner la configuration avec l’existante en renommant les éléments en conflit (ce qui évite de dégrader ce qu’il y avait déjà dans GTM).
5 – Association de la balise d’événements GA4 avec votre propriété
Une fois l’import finalisé nous disposons dans notre GTM de tous les éléments nécessaires à notre suivi :
- Un déclencheur nommé « Event – Ecommerce Events GA4 » qui s’appuie sur les événement envoyés par le plugin au dataLayer sur chacune des actions e-commerce comme les vues de produits, les ajouts au panier, les checkouts et les commandes
- 9 variables e-commerce qui récupèrent dans le dataLayer les infos sur les produits et les commandes passées par l’utilisateur (produits, numéro de commande, montant, devise, taxes, frais de port, etc…)
- Et une balise d’événements pour GA4 qui se déclenche ainsi pour chaque action e-commerce et envoie à GA4 son nom ainsi que ses infos nécessaires
Si vous vous posez la question nous arrivons ici à envoyer plusieurs événements avec une seule balise GA4 car d’une par le déclencheur est réglé pour s’activer sur les événements e-commerce standard et d’autre part une variable capte le nom de l’événement et le passe à la balise ; c’est en ça que cette configuration est simplifiée par rapport à une autre qui consisterait à créer autant de balises de d’événements à suivre.
Pour finaliser le tout il manque juste l’association entre cette balise de suivi d’événements et votre propriété GA4. Or sans cela les suivis e-commerce ne seront pas affectés à la propriété GA4 présente sur le site.
Il faut donc modifier la balise « GA4 – Event – Ecommerce events » et saisir votre identifiant de flux de données GA4 ou choisir la variable que vous avez crée pour ça dans le champ « ID de mesure ».
Et comme après chaque modification de votre GTM pensez à le publier pour rendre le suivi actif sur le site.
A partir de là vous disposez d’un suivi e-commerce complet pour votre site Prestashop qui vous permettra de monitorer vos performances et de faire progresser votre activité. Ne soyez juste pas trop impatient et n’hésitez pas à attendre quelques jours pour disposer d’un volume de données suffisant pour vos premières analyses.
