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 à :
- désinstaller le module Google Analytics du backoffice Prestahop
- 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é à ce petit code par rapport à l'original de Google Analytics (GA), c'est que nous avons rajouté les balises {literal} avant et {/literal} après le script GA.
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 fichier "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 permet 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'a sauvegarder ce fichier et l'uploader dans ../themes/VOTRE_THEME/
Pour vérifier de fonctionnement de cette modification et du suivit Google :
- Actualiser l’affichage de votre boutique dans votre navigateur (F5)
- Ouvrez un nouvel onglet de votre navigateur et
- Allez dans l'interface Google Analytics
- Allez à > Temps réel>Vue d'ensemble
- Vous devriez pouvoir visualiser au minimum 1 visite (vous)
Si vous avez besoin d'une assistance pour corriger ce bug ou que vous voulez des informations sur l'utilisation d'une boutique Prestashop en général n'hésitez pas nous contacter