Installer manuellement le suivi Google Analytics sur Prestashop 1.5 et 1.6

Si comme moi, il vous est arrivé de ne pas pouvoir installer le module Google Analytics et donc de pouvoir facilement mettre en place le suivi statistique Google Analytics sur votre boutique Prestashop 1.5 ou 1.6, voici une petite procédure assez simple pour installer manuellement ce suivi sur votre site E-commerce.

Ce dont vous allez avoir besoin :

-> Votre code de suivi Google Analytics,

-> Un client FTP pour pouvoir modifier le fichier header.tpl

-> Un éditeur de texte améliorer comme NotePad ++ par exempleinstaller analytics prestashop

1 – Récupérer le code de suivi sur Google Analytics :

Il vous créer votre profil analytics en allant sur le site : https://analytics.google.com, pour cela il vous faut un compte Google (un compte Gmail par exemple).

Une fois vos compte créés, le code suivi apparaît (cf capture ci-contre).

Si vous avez déjà créé votre profil Analytics, il vous ait possible d’accéder de nouveau à ce code, pour ceci, rentrer sur votre compte Google Analytics, puis cliquez en haut sur Admin, une fois dans l’administration du compte dans la colonne du milieu, cliquez sur « Informations de suivi » puis sur « code de suivi ».

Copiez alors le code de suivi en entier (y compris les balises <script></script>). installer analytics prestashop manuellement

Vous pouvez le trouver ici :

installer analytics prestashop manuellement

Allez insérer le texte dans ce fichier Header.tpl : Pour cela installez FileZilla et entrez vos

installer analytics prestashop manuellement

2 – Insérer le code de suivi Analytics dans Prestashop 1.5 ou 1.6 :

Votre code de suivi Analytics créé et récupéré, il vous faut maintenant, l’ajouter manuellement à votre boutique Prestashop. Pour ceci, il vous faut utiliser un client FTP comme le logiciel Filezilla, une fois vos paramètres ftp (ils vous on normalement été envoyé par votre hébergeur) rentrés dans ce logiciel vous aurez alors accès au contenu de votre boutique. Ici, soyez prudent car toute suppression de fichier peut engendrer des dysfonctionnements.

Ici, cliquez sur le répertoire « Themes », puis sur le nom de votre thème, une fois dans ce répertoire, repérez le fichier header.tpl, faites le glisser sur le bureau de votre PC pour pouvoir le modifier, une fois sur votre bureau, ouvrez le avec un éditeur de texte (amélioré si possible comme Notepad++).

Attention : Pensez à sauvegarder le fichier Header.tpl sur votre pc avant de commencer cette manipulation.

Ici, juste avant la balise , collez votre code de suivi en ajoutant avant la balise {literal} et après la balise {/literal} comme présenter ci dessous.

{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-1’, ‘auto’);
ga(‘send’, ‘pageview’);

</script>

{/literal}
</head>

Une fois le fichier modifié, il vous faut le remettre sur votre serveur ftp toujours via Filezilla, pensez à renommer le fichier header.tpl présent sur votre serveur en headerold.tpl par exemple, ceci vous permettra de rétablir le fichier si la modification pose problème.

Une fois ceci fait, pensez également à vider le cache de votre boutique Prestashop (dans « Paramètres avancés », puis « Performances » vous avez le bouton en haut à droite sur Prestashop 1.6) afin que la mise en place de ce code soit prise immédiatement.

Google Analytics peut avoir besoin de 24 à 48h pour voir que le code de suivi a été installé.

 

Votre boutique Prestashop est maintenant suivi par Google Analytics.

10 réponses

  1. Bonsoir:) Ce ticket est très complet. je cherchais notamment comment installer Analytics sur mon Prestashop.

    Bonne journée

    1. bonjour
      vous pouvez ajouter les modules analytics automatiquement, aller dans modules et service et taper analytics dans la zone de recherche

  2. Bonjour
    Ce code ne renvoie que les pages vues
    Savez-vous opu je pourrais trouver le code pour faire fonctionner le ecommerce avec les transactions et les paniers ?
    Amicalement
    Marco

  3. Tutoriel pratique, le premier que je vois avec la balise TPL {literal}{/literal}.
    J’ai adapté le code Universal Analytics présenté à la nouvelle version Google Analytics 4, tout fonctionne très bien, pas d’effet de bord !
    Modification effectuée en juin 2022 sur prestashop 1.6.1.24 pour ce que ça intéresse.

Laisser un commentaire

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