Installer Google analytics sur Prestashop 1.7 sans module

Mise à jour de l’article 21/12/2020 : Découvrez comment créer un identifiant UA sur Google Analytics 4

Mise à jour de l’article 01/02/2020 : Depuis la version 1.7.1, le module permettant d’intégrer le code Analytics sur un site Prestashop a été mit à disposition. vous avez le choix d’utiliser le module ou de l’intégrer manuellement.

Vidéo Youtube de l’installation en bas de l’article !

Vous ne trouvez pas le module Google Analytics sur votre Prestashop 1.7 comme sur les anciennes versions ? C’est normal, il n’est pas compatible. Nous allons voir comment intégrer le code de suivi sur votre boutique.

Pour ceux qui ne savent pas, Google Analytics est un outil statistique qui permet d’avoir des données poussées sur le trafic de votre site internet.

Créez un compte Google Analytics

Tout d’abord, si cela n’est pas fait, inscrivez-vous sur : https://analytics.google.com/
Une fois inscrit il vous faut aller chercher votre code de suivi.

Rendez-vous dans la partie administration -> propriété -> informations de suivi -> code de suivi :

Vous trouverez alors le script à intégrer.

Intégrer le code analytics dans Prestashop 1.7

Ensuite, ouvrez le fichier layout-both-columns.tpl qui se trouve à cet emplacement sur votre serveur : /httpdocs/themes/classic/templates/layouts/

Avant la fin de la balise </head>, ouvrez une balise {literal} et introduisez le script :

{literal}
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id="VOTRECODEUA"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'VOTRECODEUA');
	</script>
{/literal}

La balise literal empêche que le script javascript soit interprété par smarty.
Remplacez “VOTRECODEUA” par votre code UA analytics UA-XXXXXXXX-X.

Si la balise n’est pas visible, vous devez peut-être vider votre cache dans le back-office de Prestashop (paramètres avancés -> performances).

Vous avez une superbe extension Chrome qui permet de vérifier les tags Google sur votre site : Tag Assistant Legacy (by Google).

Google Analytics 4 et Prestashop 1.7

J’écris ce paragraphe en décembre 2020. Il y a depuis peu la nouvelle version de GA qui permet à l’outil dans une nouvelle ère. Si vous voulez en savoir plus, lisez ceci.

Cependant, cette version vous donne accès à un identifiant différent des anciennes versions.

Autant, pour une intégration dans le code, cela n’est pas très grave. Il vous suffit toujours de copier le script mais pour une utilisation avec le module Prestashop de Google Analytics, cela ne fonctionne pas.

Il est maintenant sous cette forme : G-XXXXXXXXXX.

Vous pouvez retrouver un code UA au moment de créer une propriété en cliquant sur les options avancées :

Une fois activé, vous avez tous les éléments à remplir pour créer 2 propriétés G4 et UA sur votre propriété.

Utilisez le module Google Analytics sur Prestashop 1.7

Il n’était pas présent au début de la version 1.7. Le module officiel de Prestashop est maintenant disponible dans le catalogue depuis votre back-office.

Voici comment le trouver :

Il fonctionnement comme sur Prestashop 1.6, vous devez enregistrer votre identifiant UA dans le module pour lier votre compte GA à votre e-shop.

En apprendre plus sur votre trafic Prestashop

Vous souhaitez en apprendre plus sur l’utilisation de Google Analytics pour votre e-commerce ?

Cet outil vous permet de faire bien plus que de suivre des données de visites. Je vous invite à consulter un article d’Olivier Clémence qui vous explique ce que vous devez suivre en dehors du trafic de votre site Prestashop.

Voici le lien de l’article : https://www.reussir-mon-ecommerce.fr/google-analytics-prestashop/