12 Juin 2017
Comment installer Google Analytics sur Prestashop 1.7

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 :

code-suivi-google-analytics-prestashop

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 :
Google Analytics GA et le module Prestashop

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

Activer propriété universal analytics sur G4

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 :

Installer le module officiel Prestashop pour Google analytics

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/

Vous avez besoin d’aide pour installer Google Analytics sur Prestashop ?

– Installation du module
– Liaison avec votre analytics
– Test de trafic pour la remontée de données

Vous pouvez passer commande sur mon site pour une intervention



65 commentaires sur “Installer Google analytics sur Prestashop 1.7 sans module
  1. Bonjour,

    Layout est un dossier qui regroupe plusieurs fichiers, lequel de ces fichiers doit contenir le tag analytics?

    Autre question : Ou doit-on aller pour déposer les pixels facebook, adwords depuis prestashop 1.7 ?

    Merci d’avance

    1. C’est marqué dans l’article, layout-both-columns.tpl

      Vous pouvez le mettre directement aussi mais je pense qu’il est préférable d’utiliser Google tag manager

  2. Bonjour

    Quelle serait votre conseil en ce qui concerne le nouveau code stipulé sur la page analytics en janvier 2018 =

    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag(‘js’, new Date());

    gtag(‘config’, ‘UA-xxxxxxxxxxx-1’);

    Pensez-vous que je peux reprendre votre code tel que et posant notre identifiant UA-xxxxxx ?

    Bien cordialement merci pour votre efficace tutoriel de méthode pour poser analytics sur un prestashop sans module

    Salud !

  3. Bonjour,
    J’ai suivi votre tuto > le temps réel sur GA m’affiche bien les infos pertinentes mais aucun tracking des commandes passées en Paypal ou Carte Bancaire ne remontent.

    La console de suivi TAG ASSISTANT m’indique : Non-standard implementation

    Si vous avez une idée, je prends 🙂

    Prestashop 1.7.3.2

  4. Bonsoir,

    j’ai du rater quelque chose ….dans le fichier TPL en question à quel niveau on doit insérer le code?
    je suppose que ca doit etre dans une section précise.

  5. Bonjour,

    Merci pour le tuto.

    Je suis sur Presta 1.7.5, j’avais précédemment le module presta google analytics mais qui n’est plus maintenu depuis la 1.6.

    A priori de ce que j’ai compris des discussions sur les forums il manque une valeur “sent” sur ce module qui utilise l’ancien code de tracking google analytics pour avoir les stats en temps réel. Bref, ça ne marchait pas et je commençais à m’arracher les cheveux jusqu’à tomber sur cet article !

    J’ai donc inséré le code dans le layout-both-columns.tpl et la moulinette fonctionne enfin avec google analytics.

    Cependant j’ai noté deux soucis :

    – la désinstallation du module n’a pas supprimé l’ancien code de tracking, je n’ai pas trouvé où il avait été installé pour nettoyer le code

    – layout-both-columns.tpl = le code est bien dans les pages principales du site, mais je ne l’ai pas dans le tunnel de commande, des pistes ?

    Merci

    Mathieu

    1. Normalement la désinstallation aurait dû supprimé l’ancien élément. Cela veut donc dire qu’il est soit en dur ou bien qu’un autre module l’appel peut-être.
      Pour cela je ne peux pas vous aider comme ça via l’article.

      Pour le code dans le tunnel vous avez raison, surtout si vous avez des codes de tracking.
      Vous pouvez le mettre dans votre thème dans templates -> partials -> Javascript.tpl
      Il sera appelé partout.

      Normalement cela doit fonctionner dans le tpl que j’indique dans l’article (j’ai vérifié).

  6. bonjour,
    bien j’ai inséré le code et apparemment cela ne fonctionne pas, il n’est pas visible
    pouvez vous svp remettre un post avec le nouveau code et les balises
    merci
    cordialement
    cédric

    1. Cela fonctionne parce que j’ai vérifié, cela peut venir d’autres choses liées à votre site.

      Un module Google analytics est maintenant disponible depuis peu dans modules -> sélection dans le back-office de Prestashop 1.7.

      Si vous avez besoin d’une intervention particulière vous pouvez me demander un devis à contact@matthieu-jalbert.fr.

  7. Bonjour, nous sommes entrain de mettre un site en service depuis quelques semaines. Nous payons du référencement qui ne peut pas être efficace car nous devons relier google analytics à notre prestataire. Or on dirait que la version 1.7.4.2 n’a pas intégré google analytics. Nous avons suivi votre consigne : créé un compte google analytics et obtenu l’UA, puis impossible de parvenir à “propriétés/information de suivi…” après “administration” (dans administration : propriétés n’y est pas !) Pouvez vous nous dire pourquoi ?

    1. Merci pour votre commentaire.
      Comme ça je ne peux pas savoir, il faudrait regarder.
      Si vous payez votre prestataire il est obligé d’avoir mis analytics sur votre site.
      Il peut aussi être seul propriétaire de votre compte.
      Cela n’est pas en rapport direct avec mon article blog sur l’intégration d’analytics sur Prestashop.

      Si vous avez besoin d’une intervention particulière vous pouvez me faire un mail à contact@matthieu-jalbert.fr pour réaliser un devis.

  8. Bonjour et merci pour le tuto 😉
    Je rencontre une difficulté en téléchargent le fichier ayout-both-columns.tpl
    j’ai le message d’erreur suivant
    local: unable to open /layout-both-columns.tpl
    Erreur : Erreur critique lors du transfert du fichier
    Statut : Déconnecté du serveur

    alors que j’étais bien connectée.
    Savez vous d’ou viens l’erreur ?
    Merci 1000 fois

    1. En se déconnectant et reconnectant ça ne fonctionne pas ?
      Si vous ne pouvez pas uploader des fichiers sur votre serveur, vous devez vous rapprocher de votre hébergement pour qu’ils vous changent les autorisations.

          1. Alors là merci !
            Sur prestashop addons, la page du module est bien là, mais le bouton télécharger est mystérieusement absent…
            Le téléchargement du ZIP sur GitHub donne une erreur, seul votre lien fonctionne : merci !

          2. Normalement le module est dispo dans catalogue de module dans le back-office de votre Prestashop aussi 🙂

            Merci pour votre commentaire !

  9. Bonjour,
    j’ai suivi votre tuto, c’est impecc ! merci !
    en revanche je n’ai aucun tracking ecommerce, qui est activé dans G. analytics, dois-je mettre le code dans d’autres pages pour avoir un suivi ecommerce ?
    Merci .

  10. Bonjour,
    mon Tag Assistant me dit : Same web property ID is tracked twice.
    Comment trouver dans le code si il y’a d’autre ID tracking.

    1. Bonjour,

      Dans la logique si vous avez un autre script il devrait être dans le head.tpl, footer ou dans un fichier JS.
      Si vous avez un thème et qu’il a un module du genre “theme editor”, il peut y avoir des encarts pour mettre des scripts, il faut regarder s’il y a quelque chose dedans.

  11. Bonjour 🙂
    Avec la version V4 de Google Analytics, le module analytics proposé pour Prestashop ne fonctionne plus. Auriez-vous une alternative à proposer ? Merci d’avance 🙂

  12. Bonjour, et merci pour le tuto, récent… 😉 Je viens de créer un compte analytics pour un nouveau sous-domaine, c’est une boutique en ligne pour une cliente qui avait déjà un wordpress… mon code commence par G-XXXXXXXXXX, j’ai l’impression que c’est nouveau, un code universel ? Bref, est-ce que ça fonctionne pareil ? Je tente…
    Ha aussi il y a un gros bug d’affichage chez moi avec firefox, des div qui se chevauchent, ça rend compliqué d’écrire ce message 😀
    Bonne journée à vous !

  13. Marche avec Prestashop 1.7.6.5 en utilisant le module de Google Analytics disponible sur le Module Manager du back-office et en insérant le code UA-XXXX… qui n’est créé uniquement lorsqu’on qu’on créé un tracker en demandant à Google Analytics de créer aussi une propriété Universal Analytics.
    Merci j’étais coincé à insérer des codes G-XXXX… dans le module Google Analytics de Prestashop et ça m’indiquait que le n° de suivi avait bien été entré mais je n’avais aucune donnée sur le Google Analytics.
    Merci encore.

  14. Bonjour,
    Je suis sous prestashop 1.6.1.18 et le module ps_metrics ne fonctionne absolument pas (même s’il est indiqué compatible sur le site addons) sans doute une “manoeuvre” pour inciter à passer sous 1.7.
    Pourriez vous m’expliquer s’il vous plait où insérer manuellement le code fourni par GA. Sur quel tpl du thème. J’ai essayé sur le header.tpl dans les balises mais cela a généré une erreur. J’utilise encore sur ma boutique le module google analytics v2.3.4, mais il n’y a pas de champ pour intégrer le nouveau code G-
    Je vous remercie par avance.

    1. Vous pouvez le mettre dans le head de votre site effectivement. Par contre vous devez le mettre entre 2 balises literal (voir mon exemple dans mon article).
      Sinon cela va générer une erreur.

      Vous pouvez créez aussi un code UA malgré que vous ayez un compte Analytics 4 pour permettre d’utiliser le plugin Prestashop

      1. Merci beaucoup pour votre réactivité et réponse ultra rapide!
        Je vais essayé votre méthode et reviendrais vers vous si cela ne fonctionne pas !
        Vraiment encore une fois merci

  15. Merci d’avoir pris le temps d’expliquer la procédure alternative au module Prestashop Google Analytics (qui plantait littéralement mon site en 1.7.7.2)

    Petite remarque, le code n’est apparu dans les pages qu’après avoir vider le cache dans le backoffice, il faudrait peut-être le rappeler aux utilisateurs ?

    Bonne continuation

  16. Bonjour Mathieu,
    Un grand merci pour ces partages.
    Pour info à la communauté : j’ai testé Prestashop Metrics comme tu le conseilles mais après l’installation il est demandé d’installer un autre module Prestashop account dont l’installation automatique ne fonctionne pas et que personnellement je n’ai pas trouvé ailleurs. En regardant les avis sur Prestashop Metrics, les deux (seuls) avis bien négatifs m’ont amenés à désinstaller ce module pour le moment. C’est dommage, ça avait l’air pas mal 😉

    1. Merci pour ces retours !

      L’installation de Metrics va dépendre aussi des versions. Je l’utilise sur certains sites et c’est vraiment + confortable que les statistiques de bases.
      Après la solution mérite encore du travaille pour une meilleure installation et un bon fonctionnement

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *