PrestaShop est un CMS E-commerce Open Source et gratuit. C’est totalement gratuit pour la configuration de votre boutique en ligne, mais lorsqu’il s’agit d’ajouter des outils d’analyse ou de marketing tiers, cela n’est pas si facile que prévu, à moins que vous n’achetiez une extension spécifique.
Dans cet article, je vais vous montrer comment installer Google Tag Manager dans Prestashop sans avoir à installer d’extension.
Comment installer Google Tag Manager dans PrestaShop ?
Il n’y a pas d’extension gratuite pour installer Google Tag Manager sur PrestaShop, il faut dans tous les cas passer par un addon payant.
Prestashop ne nous donne pas non plus accès au code source du site Web par le biais de son backoffice, il est donc essentiel de passer par des accès serveurs pour accéder à l’hébergement du site en question.
Modifier les fichiers grâce aux accès FTP ou Cpanel.
Suivez les étapes ci-dessous pour installer Google Tag Manager dans PrestaShop :
Etape 1 : Ouvrez le Cpanel ou logiciel FTP où votre site est hébergé et naviguez jusqu’au gestionnaire de fichiers.
Etape 2 : Dans le gestionnaire de fichiers, naviguer vers public_html > themes > theme actuel.
Etape 3 : Recherchez le fichier header.tpl et ouvrez en mode édition.
Etape 4 : Ajoutez votre code Google Tag Manager après la balise {literal} d’ouverture et en terminant par {/literal} comme montré dans l’image ci-dessous.
Note : PrestaShop utilise Rocket Loader pour charger des fichiers javascript qui peuvent causer des problèmes avec le GTM (par exemple, l’assistant de balises n’affichera pas la balise GTM, le mode de prévisualisation ne s’exécutera pas). Pour que le Rocket Loader ignore le script du gestionnaire de balises, il est nécessaire d’ajouter l’attribut data-cfasync= »false » au script comme je l’ai fait dans l’image ci-dessus.
Faites de même avec la partie <noscript> à implémenter juste après la balise <body>.
Etape 5 : Une fois que vous avez ajouté le code Google Tag Manager, enregistrez le fichier et revenez au compte Google Tag Manager afin de lancer le mode de prévisualisation pour voir les changements.
Une fois Google Tag Manager installé sur votre PrestaShop, vous pouvez ensuite installer Google Analytics, Facebook Pixel, etc.
Si vous avez besoin d’aide pour mettre en place un suivi ecommerce ou un suivi e-commerce avancé, contactez-moi.