Modifier Prestashop pour intégrer Google Tag Manager

Google Tag Manager (GTM) est un outil très puissant pour gérer les tags sur sa boutique (comme Universal Analytics / Enhanced Ecommerce, Criteo, Facebook tag etc…). Pour plus d’infos sur cet outil, je vous invite à visiter le site officiel de Google Tag Manager : www.google.fr/tagmanager/

Un article très intéressant a été publié sur la paramétrage de Google Tag Manager et PrestaShop, je vous invite à la lire : http://www.chablais-web.fr/google-tag-manager-ecommerce-prestashop.php

Pour l’intégrer sur votre boutique Prestashop (ou autre solution ecommerce), il faut placer le script GTM sous la balise <body> et le dataLayer (pour passer des infos à GTM) avant ce script.
Le problème avec Prestashop, c’est l’option “Déplacer le code JavaScript à la fin” qui va déplacer le script GTM et le dataLayer en bas de page.
Pour garder les avantages de cette option (déplacer le code js en bas de page) et faire fonctionner Google Tag Manager avec Prestashop, voici un override de la classe Media qui permettra de gérer des exceptions et de ne pas déplacer certains scripts en bas de page :

Côté tpl, il faudra ajouter l’attribut data-keepinline=”true” dans la balise script que vous ne souhaitez pas déplacer en bas de page :

 

Merci à gabeshackle pour la solution