12 Juin 2017

Installer Google analytics sur Prestashop 1.7 sans module

Vous ne trouvez pas le module Google Analytics sur votre Prestashop 1.7 (Sur les dernières versions 1.7.1 le module est disponible) 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.

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.

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}
      <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A%20%20%20%20%20%20%20%20(function(i%2Cs%2Co%2Cg%2Cr%2Ca%2Cm)%7Bi%5B'GoogleAnalyticsObject'%5D%3Dr%3Bi%5Br%5D%3Di%5Br%5D%7C%7Cfunction()%7B%0A%20%20%20%20%20%20%20%20(i%5Br%5D.q%3Di%5Br%5D.q%7C%7C%5B%5D).push(arguments)%7D%2Ci%5Br%5D.l%3D1*new%20Date()%3Ba%3Ds.createElement(o)%2C%0A%20%20%20%20%20%20%20%20m%3Ds.getElementsByTagName(o)%5B0%5D%3Ba.async%3D1%3Ba.src%3Dg%3Bm.parentNode.insertBefore(a%2Cm)%0A%20%20%20%20%20%20%20%20%7D)(window%2Cdocument%2C'script'%2C'https%3A%2F%2Fwww.google-analytics.com%2Fanalytics.js'%2C'ga')%3B%0A%0A%20%20%20%20%20%20%20%20ga('create'%2C%20'UA-83676048-1'%2C%20'auto')%3B%0A%20%20%20%20%20%20%20%20ga('send'%2C%20'pageview')%3B%0A%0A%20%20%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<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.

29 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.

Laisser un commentaire

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