Solution bug Google Analytics dans Prestashop 1.6

Suite à un projet récent d'e-commerce avec Prestashop 1.6 nous avons rencontré un problème avec le module Google Analytics V2.3.4 qui ne fonctionnait pas correctement et empêchait les informations de suivi de fréquentation de la boutique de remonter vers Analytics.

En plus du mauvais fonctionnement, le script JS généré par ce module n'est pas totalement  identique à celui proposé par Google Analytics, donc nous avons décidé de nous passer de ce module un peu douteux (module gratuit et installé par défaut dans Prestashop 1.6).

En plus il y a pour nous 2 avantages à se passer de ce module : cela permet de s'affranchit du dis-fonctionnement lié à ce module et cela permet d'utiliser un module de moins dans Prestashop (réduire le nombre de module permet d'améliorer la vitesse de chargement de votre boutique en ligne).

Utiliser les balises {literal} dans votre fichier header.tpl

Notre solution consiste donc à :

1. désinstaller le module Google Analytics du backoffice Prestahop 
2. implanter directement le script Analytics dans le fichier header.tpl de votre theme.

Il suffit donc de copier le ci-dessous et le coller avant la balise </head> de votre fichier header.tpl qui se trouve dans le dossier ../themes/VOTRE_THEME/ de Prestashop (où VOTRE_THEME représenté le dossier qui contient le thème de votre site). Si vous n'utilisez pas un template personnalisé et que vous utilisez le theme par défaut de Prestashop,  le fichier header.tpl  se trouve dans  ../themes/default-bootstrap.

{literal}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('send', 'pageview');

</script>
{/literal}
</head>

Il faudra bien-sur remplacer UA-XXXXXX-Y par votre ID de suivi.

L'astuce liée à ce petit code par rapport à l'original de Google Analytics (GA), c'est de rajouter les balises {literal} avant et {/literal} après le script Goggle Analytics.

Si vous ne rajoutez pas ces 2 balises ça ne fonctionnera pas et vous obtiendrez une magnifique page blanche à la place de votre boutique. Les fichiers du type  .tpl tel que header.tpl, sont des fichiers "smarty" et ils n'autorisent pas l'insertion (et donc l’exécution) directe de script. Donc les balises {literal} permettent de contourner cette "limitation" des .tpl et permettent au script  GA de fonctionner parfaitement à l’intérieur de votre fichier header.tpl.

Une fois 'l’insertion du réalisé, il ne vous reste plus qu'à sauvegarder ce fichier et l'uploader dans ../themes/VOTRE_THEME/

Pour vérifier de fonctionnement de cette modification et du suivi Google :

1. Actualiser l’affichage de votre boutique dans votre navigateur (F5)
2. Ouvrez un nouvel onglet de votre navigateur et
3. Allez dans l'interface Google Analytics
4. Allez à > Temps réel>Vue d'ensemble
5. Vous devriez pouvoir visualiser au minimum 1 visite (vous)