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 10/03/2023 : Le module gratuit Google Analytics est compatible avec GA4

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 manuellement 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 pour Prestashop 8 et 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.

Le code UA universel ne fonctionnera plus à partir de juin 2023 et Google Analytics 4 sera obligatoire.

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
Une formation Prestashop pour créer sa boutique seul

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.

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

Voici comment le trouver depuis le catalogue de module :

Installer le module officiel Prestashop pour Google analytics

Module natif Google Analytics gratuit compatible avec GA4 !

Mars 2023, le module ps_googleanalytics a été mit à jour pour permettre l’implémentation du nouveau tag GA4 en version 4.2.0.

Vous pouvez télécharger le module maintenant depuis Github en suivant ce lien : https://github.com/PrestaShop/ps_googleanalytics/releases/tag/v4.2.0

Il n’est pas encore disponible dans votre catalogue depuis le back-office mais ça ne devrait pas tarder.

Installer Google Analytics via Google Tag Manager sur Prestashop

Module Google Analytics 4 pour Prestashop

Vous avez aussi une autre solution pour installer le suivi sur votre boutique en ligne. C’est l’utilisation du module premium Google Tag Manager Enhanced Ecommerce (UA) – PRO.

Je l’utilise assez souvent pour mes différents projets. Une notice d’utilisation est communiquée avec le module. Il faut bien suivre le processus du document et cela s’installe plus ou moins rapidement.

Un module Prestashop pour vous permettre d’installer Google Analytics 4

Le but sera d’utiliser un compte tag manager et de le lier à votre boutique Prestashop. Ce compte doit être lié à votre Google Analytics.

Du coup, vous pouvez activer sans problème Google Analytics 4 et vu que les données récoltées passent par Google Tag manager, vous n’avez pas de problème de compatibilité. En faisant cela, vous n’utilisez plus le code universel qui ne fonctionnera plus à partir de juin 2023.

Activez le suivi e-commerce entre votre Prestashop et Google Analytics

En plus de cela vous pouvez activer le suivi e-commerce pour avoir les différents informations dans vos statistiques (transactions, panier moyen etc).

Lors de l’installation du module, vous avez dans la documentation la possibilité d’activer les tags e-commerce pour avoir toutes les données dans analytics. Vous allez pouvoir suivre notamment les paniers et les commandes avec le montant du chiffre d’affaires.

Activer le suivi e-commerce Google Analytics Prestashop
Obtenez des statistiques dans Google Analytics sur le comportement d’achat de vos clients pour identifier des points d’optimisations sur votre boutique

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



93 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

      1. Bonjour Mathieu,
        Merci pour votre contribution, est ce possible de remplacer le code UA par les script Tag Manager. Je début sur prestashop et je me galère pas mal…

  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

  17. Bonjour Matthieu

    Et merci pour cet article très utile mais il y a toujours des “cas” un peu curieux !
    Sur une version 1.6.1.24 en mode test, j’installe avec du literal la balise GA4 manuellement : ici /public_html/themes/default-bootstrap/header.tpl et avant la fin du head comme tu indiques, mais impossible , le code source final dans le navigateur n’est pas chargé par la balise GA4 . Je pense que le fichier n’est pas le bon, hors je ne vois que celui ci ou je peux l’insérer !. Une idée ? Encore merci Merci

    1. Je n’ai jamais utilisé GA4 sur une 1.6 mais le process doit être identique.
      Attention si la boutique est en maintenance, la connexion peut ne pas se faire.

      Tentez de créer un code UA sur la propriété et voir si cela fonctionne.
      Il faut aussi que la propriété est bien l’URL de test de liée.

          1. Merci Matthieu , mais c’est vraiment pour du test pour apprendre ici, donc je vais tenter de résoudre mais pour l’instant j’ai tout tenté ou presque , je vois bien mon header.tpl modifié (code UA ou G. ou les 2 au début du head , au milieu, a la fin etc..avec {literal} etc) sur le serveur mais rien en direct je veux dire l’extrait ajouté via affiché le code source de la page depuis Chrome par exemple ! J’ai supprimé le class-_index.php du dossier cache, mais cela ne fait rien non plus ! C’est comme si que les modif. ne sont pas pris en compte ! Vraiment bizarre

          2. Il faut vérifier dans la console en front s’il y a le code ou pas.
            Comme ça, sans être dessus, je ne peux pas savoir (et il n’y a pas besoin de faire cela pour le index.php du cache, juste vider depuis le BO).

          3. Bonjour Matthieu,

            En effet ! J’ai vidé le cache depuis le BO, cela marche ! Mais j’y comprends rien néanmoins, cet histoire de cache qui fait bloc même si on change les fichiers natifs sur le serveur, bref, en tout cas merci encore pour ce support , c’est très sympa !

  18. Bonjour,

    Merci pour votre article. Est-ce possible d’utiliser en même temps le module google analytics avec la propriété UA et d’insérer le code dans la balise head avec la nouvelle propriété G-?
    Merci encore
    Sarah

  19. Bonjour,
    Merci pour ce tuto et la vidéo associée. Aujourd’hui, y a t-il un intérêt à essayer d’intégrer le code analytics G4 directement dans Prestashop plutôt que de se contenter du code UA dans le module ? Est ce que cela va m’apporter de meilleures informations.
    Je vous remercie de votre réponse,
    Emmanuel

    1. G4 a du mal à tracker certaines données. Mieux vaut rester sur un code universel. Surtout sur Prestashop. En plus, vous pouvez à tout moment passer à G4 depuis un code UA et pas l’inverse (une fois créé).

  20. Bonjour Mathieu,

    Je me permet de vous écrire, car j’ai beaucoup de difficulté à faire une liaison entre ma propriété GA4 et mon site prestashop. J’ai introduit votre code dans le fichier layout-both-columns.tpl de mon thème, en mettant mon ID de mesure G-XXXXXXXXX. Mais hélas le tag assistant m’annonce une étiquette bleu 🙁

    Est ce normal ?

    Merci pour votre aide

    1. Bonjour,

      Vérifiez qu’il n’y est pas d’autres tags (UA, tag manager etc) qui peuvent rentrer en conflit.
      Testez en temps réel sur la propriété G4 si tout remonte bien.
      Sinon, il faut utiliser Tag manager en intégrant dedans G4.

  21. I’ve used Prestashop’s module (v. 4.1.2) for installing G.Analytics in my Prestashop v.1.7 site. However, after that, Google Tag Assistant says my site has a “Legacy Tag for UA-xxxxxx…”. It seems therefore that this module is not very up-to-date.

  22. Bonjour Mathieu,
    Article très intéressant, merci. Je rencontre des difficultés à intégrer le Tag Google analytics dans prestashop multiboutique. j’ai essayé plusieurs méthodes sans succès. Quelle serait la bonne méthode d’après vous afin de position les différents tag des différentes boutiques et ou ? positionnement de chaque tag les uns par rapport au autres, dans quelle position et dans quel fichier. Merci par avance pour votre aide.

    Cordialement

    Didier

  23. Bonjour Matthieu,

    Merci pour votre retour, ce module me semble complet mais comme j’ai d’autres tags sur des sites oscommerce, je ne souhaiterais pas, pour le moment, que tout soit regroupé sous tag manager pour éviter de planter l’ensemble. je recherche plutôt une solution simple par site presta, ou pour les sites multi-boutique sans pour autant passer par tag manager pour le moment. Vous parliez de code, avez vous un exemple pour un site et ou le positionner dans l’environnement multiboutique.
    Merci d’avance pour votre retour,
    Cordialement
    Didier

    1. Bonne question, au même endroit actuel, si vous utilisez le même thème pour toutes les boutiques, je pense qu’il faut jouer avec {$base_dir} en mettant une condition si c’est telle boutique ou une autre. Mais je n’ai jamais fait cela. Via un module c’est + propre pour ça je pense

  24. Bonjour nous utilisons le module « google analytics » sur prestashop 1.7 qui est gratuit avec la possibilité d’intégrer le GA4.

Ma question est la suivante, nous avons d’autres site qui utilisent Google universal que nous avons instalé manuellement.

    Comment faire pour migrer les données sur le GA4 avec le module cité au dessus ? 

Les données de l’ancienne norme seront transféré automatique sur la GA4 sans faire quoique se soit ? Ou devons-nous quand même mettre le code GA4 manuellement pour avoir le transfert de données en plus d’utiliser le module ? 

Merci

Laisser un commentaire

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