Insérer code de suivi dans le <head> d'une page Prestashop en particulier

madro23 · January 26, 2015

Bonjour,

Je souhaite insérer un code de suivi entre les balises <header> d'une de mes pages prestashop (par exemple celle du paiement), quelqu'un peut-il m'aider ? Comment trouver le fichier à modifier ?

Merci pour votre aide
Christophe

FMR · January 26, 2015

Bonjour,

https://www.prestashop.com/forums/topic/202595-ajout-de-code-entre-les-balises-head-head/

A savoir : les balises head sont appelées sur toutes les pages. Impossible de choisir, il me semble.
S'il s'agit d'un code de suivi, normalement, il devrait donner les infos pour toutes les pages, après insertion.
Dans le cas où j'ai raison, je vous conseille l'utilisation de google analytics pour le suivi.

Bonne continuation.

NicolasV · January 26, 2015

Bonjour,

Si ce sont les balises HEAD comme vient de le souligner @FMR , il te faut éditer le fichier header.tpl, et placer ton code entre les balises :

<head>

....

</head>

Le fichier header.tpl se trouve dans le dossier de ton thème, soit /themes/nom_de_ton_theme/header.tpl

madro23 · January 26, 2015

Merci pour votre réponse, j'ai essayé d'insérer le code suivant dans la page header.tpl mais que je le place avant </header> ou après <body>, cela provoque une erreur et une page blanche sur le site..

(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-51206166-1', 'auto');

ga('send', 'pageview');

</script>

Merci pour votre aide

NicolasV · January 26, 2015

Le script de google est correct à première vue.

essayez avec ça :

<script type="text/javascript">
	{literal}
		(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-51206166-1', 'auto');
		ga('require', 'displayfeatures');
		ga('send', 'pageview');
	{/literal}
</script>

madro23 · January 26, 2015

Il n'y a plus d"erreur merci, cependant Analytics ne semble pas encore le prendre en compte. Je pense que ce serait même plus simple d'utiliser Google Tag Manager ?

J'ai reçu ce code mais il me donne aussi une erreur si je l'insère dans le fichier header.tpl

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-NBFQ9H');</script>

Merci beaucoup pour votre temps

NicolasV · January 26, 2015

Je vous conseil/recommande de prendre la version js du code de suivie de google analytics.

Pour être sur que tout va fonctionner je vous propose les étapes suivantes :

- Dans votre compte Google Analytics

Onglet Admin
Dans la partie "Propriété" cliquez sur "informations de suivi" > "Code de suivi"
Copier le script

- Dans votre fichier header.tpl

Avant la balise </head> coller votre script
Après les balise <script> et avant le contenu des balises insérez :
```
{literal}

code de suivi

{/literal}
```

Ce qui dans votre cas doit donner :

<script>
{literal}
  (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-51206166-1', 'auto');
  ga('send', 'pageview');
 
{/literal}
</script>

Et tout devrait fonctionner. Essayez en copiant le code que je viens de vous laisser dans un premier temps et si cela ne fonctionne pas, vous pouvez réaliser les étapes dans l'ordre donné.

C'est avec plaisir!

Edited January 26, 2015 by NicolasV (see edit history)

madro23 · January 26, 2015

Le code est inséré correctement mais si je regarde sur Analytics en temps réél, il n'y a rien qui bouge. Il se peut que je n'ai pas de visiteur en ce moment mais il détecterait au moins mes visites, non ?

NicolasV · January 26, 2015

Normalement il devrait au moins vous détecter en effet.

Quelle est l'URL de votre boutique? Je vais vérifier si le script est bien en place.

FMR · January 26, 2015

Il n'y a plus d"erreur merci, cependant Analytics ne semble pas encore le prendre en compte.

Il faut un certain temps, il me semble, de mémoire. (pas mis en place depuis 2 ans)

Après avoir insérer correctement votre code, attendez 24/48h, et vérifiez sur votre analytics.

Pour les 'Visites', vous avez celle du jour, le lendemain.

Bonne continuation.

Cordialement.

Edited January 26, 2015 by FMR (see edit history)

madro23 · January 26, 2015

Pro-tennis-shop.be

Sur google Analytics, il me met

ID de suivi

UA-51206166-1

État : Suivi non installé

Dernière vérification : 26 janv. 2015 09:57:03 PST

Le code de suivi Google Analytics n'a pas été détecté sur la page d'accueil de votre site Web. Pour que Google Analytics fonctionne, vous devez ajouter le code de suivi à toutes les pages de votre site. Vous pouvez l'ajouter vous-même ou par l'intermédiaire de votre administrateur Web.

FMR · January 26, 2015

Vous êtes sûr de ne pas vous être trompé ?
Ici par exemple :

Avant la balise </head> coller votre script
Après les balises <script>

Vous n'avez pas confondu <head> et </head> en plaçant le code ?
Le code est bien entre les deux ? Dans le header.tpl du thème utilisé sur le site ?

NicolasV · January 26, 2015

Il y a un petit soucis dans votre code, vous avez 2 codes de suivi dans votre footer. C'est peut être de là d'où vient le problème.

madro23 · January 26, 2015

J'ai le module Google Analytics v2.0.6 installé sur ma boutique, cela fait doublon ?

madro23 · January 26, 2015

Voici le code

{*

* 2007-2014 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

<!DOCTYPE HTML>

<head>

<title>{$meta_title|escape:'html':'UTF-8'}</title>

{if isset($meta_description) AND $meta_description}

{/if}

{if isset($meta_keywords) AND $meta_keywords}

{/if}

{if isset($css_files)}

{foreach from=$css_files key=css_uri item=media}

{/foreach}

{/if}

{$HOOK_HEADER}

<!--[if IE 8]>

<![endif]-->

<script>{literal}

(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-51206166-1', 'auto');

ga('send', 'pageview');

{/literal}

</script>

</head>

<body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if $content_only} content_only{/if} lang_{$lang_iso}">

{if !$content_only}

{if isset($restricted_country_mode) && $restricted_country_mode}

<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>

</div>

{/if}

{hook h="displayBanner"}

</div>

<nav>{hook h="displayNav"}</nav>

</div>

<div>

</a>

</div>

{if isset($HOOK_TOP)}{$HOOK_TOP}{/if}

</div>

</header>

</div>

{if $page_name !='index' && $page_name !='pagenotfound'}

{include file="$tpl_dir./breadcrumb.tpl"}

{/if}

<div id="top_column" class="center_column col-xs-12 col-sm-12">{hook h="displayTopColumn"}</div>

</div>

{if isset($left_column_size) && !empty($left_column_size)}

<div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}">{$HOOK_LEFT_COLUMN}</div>

{/if}

{/if}

FMR · January 26, 2015

Je ne saurais que vous conseiller de désactivé ce module G.Analytics, car effectivement, il fait doublon.
La raison est simple, les manipulations précédentes font la même chose, mais en manuelle.
Sinon, pour le reste, le code me semble bon.

Encore une fois, cela peut mettre jusqu'à 24h pour être actif, chez analytics.
Je vous conseille donc de désactiver ce module, et d'attendre 24h.
Si demain soir, rien n'a changé, revenez ici.

Sinon, dans admin > paramètres du site, vous avez bien donné l'URL de votre site ?

PS : Finalement, après avoir été sur votre site, on ne retrouve pas le code intégré... Comme s'il n'était pas lu...
Bizarre...

Edited January 26, 2015 by FMR (see edit history)

madro23 · January 27, 2015

Oui, cela ne fonctionne toujours pas, j'ai pourtant désactivé le plugin GAnalytics, et l'URL du site est correcte dans l'admin.. Je me demande si ce n'est pas suite à une mise à jour car tout allait bien avant avec le plugin GAnalytics... puis il s'est arrêté de fonctionner le 19 janvier

NicolasV · January 27, 2015

Ce que je n'arrive pas à comprendre c,est pourquoi votre code de suivi se retrouve en bas de votre page. Êtes vous sur d'éditer le header.tpl?

Merci!

Mediacom87 · January 27, 2015

Bonjour,

utilisez les modules cela sera plus simple.

le code de suivi se retrouve en bas de page car l'option est activé dans l'onglet Performances de Prestashop.

FMR · January 27, 2015

le code de suivi se retrouve en bas de page car l'option est activé dans l'onglet Performances de Prestashop.

C'est nouveau ? C'est seulement sur la 1.6 ?

J'ai jamais vu ça sur la 1.5.

Edited January 27, 2015 by FMR (see edit history)

Mediacom87 · January 27, 2015

C'est nouveau ? C'est seulement sur la 1.6 ?

J'ai jamais vu ça sur la 1.5.

oui nouveauté de la 1.6.

Perso j'utilise le module de Prestashop sans problème mais je n'ai pas vérifié que Google retrouvait son code, mais les stats remontent bien.

NicolasV · January 27, 2015

Mmh ok je comprends mieux alors. Merci

madro23 · January 27, 2015

Merci, qu'est ce que je dois modifier dans la page performances ?

Je ne vois rien qui parle du footer

Mediacom87 · January 27, 2015

madro23 · January 27, 2015

J'ai fait les modifs par contre, la ligne "Déplace le code Javascript à la fin" n’apparaît pas chez moi

J'ai réactivé le module GAnalytics mais toujours rien

madro23 · February 5, 2015

Suis-je le seul à avoir ce problème ?

Problème avec la version 2.0.6 de Ganalytics ? Je ne pense pas car j'ai installé une version précédente mais cela ne marche pas non plus..

Et dans Google Analytics, Code de suivi, l'état est : Réception des données... pourtant je ne reçois rien.

Dans le module Analytics sur Prestashop, j'ai toujours un bloc au dessus à droite qui me dit de créer un compte...

Il n'a pas l'air d'être lié à mon compte...

Merci pour votre aide !

madro23 · February 5, 2015

En fait j'ai ceci qui apparait sur Analytics :

Aucun code de suivi valide n'a été trouvé pour l'URL par défauthttp://www.pro-tennis-shop.be de la propriété Boutique Pro-Tennis-Shop.be. Vérifiez que vous avez inséré la bonne version du code de suivi dans vos pages.

mciwonder · September 28, 2015

Bonjour à tous,

Rencontrant également un problème avec la détection de mon code de suivi ANALTYTICS (modules google analytics + API), j'ai décidé de les désinstaller et de suivre la procédure que NicolasV nous à gentillement proposé et ça fonctionne au poil ! Merci nico !

Je vous conseil/recommande de prendre la version js du code de suivie de google analytics.

Pour être sur que tout va fonctionner je vous propose les étapes suivantes :

- Dans votre compte Google Analytics

Onglet Admin

Dans la partie "Propriété" cliquez sur "informations de suivi" > "Code de suivi"

Copier le script

- Dans votre fichier header.tpl
Avant la balise </head> coller votre script
Après les balise <script> et avant le contenu des balises insérez :
{literal}

code de suivi

{/literal}
Ce qui dans votre cas doit donner :
<script>
{literal}
  (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-51206166-1', 'auto');
  ga('send', 'pageview');
 
{/literal}
</script>
Et tout devrait fonctionner. Essayez en copiant le code que je viens de vous laisser dans un premier temps et si cela ne fonctionne pas, vous pouvez réaliser les étapes dans l'ordre donné.

C'est avec plaisir!

Edited September 28, 2015 by mciwonder (see edit history)

Manu Mfashion · June 1, 2018

Bonjour à vous

J'ai un code à insérer sous prestashop 1.7.3.2 entre les balises <head> et </head>

Mais j'ai beau fouiller dans le dossier thèmes/classic/templates/_partials/header.tpl, je ne vois pas les balises <head> et </head>

est bien là qu'il faut le faire? et comment? sinon c'est où? s'il vous plait.

Je suis pas calé dans ces choses là!

J'ai besoin de votre aide

Merci d'avance

Godiva · December 16, 2020

Bonjour,

je suis en version Prestashop 1.7.6.8 et j'ai le même problème. Les balises <head> ne sont plus visibles dans le fichier header.tpl...

Juste ceci :

{block name='header_banner'}

<div class="header-banner">
{hook h='displayBanner'}
</div>
{/block}

{block name='header_nav'}
<nav class="header-nav">
    <div class="container">
        <div class="row inner-wrapper">
          <div class="left-nav">
              {hook h='displayNav1'}
          </div>
          <div class="right-nav">
              {hook h='displayNav2'}
          </div>
          <div class="hidden-lg-up mobile">
            <div id="menu-icon">
              <i class="material-icons d-inline"></i>
            </div>
            <div class="top-logo" id="_mobile_logo"></div>
            {if Module::isInstalled(blockwishlist) && Module::isEnabled(blockwishlist)}
            <div id="_mobile_wishlist_top"></div>
            {/if}
            {if Module::isInstalled(ps_shoppingcart) && Module::isEnabled(ps_shoppingcart)}
            <div id="_mobile_cart"></div>
            {/if}
          </div>
          {if Module::isInstalled(ps_searchbar) && Module::isEnabled(ps_searchbar)}
          <div class="hidden-lg-up wrapper-modules">
            <div id="_mobile_search_bar"></div>
          </div>
          {/if}
        </div>
    </div>
</nav>
{/block}
{if (Module::isInstalled(ps_currencyselector) && Module::isEnabled(ps_currencyselector)) ||
    (Module::isInstalled(ps_languageselector) && Module::isEnabled(ps_languageselector)) ||
    (Module::isInstalled(ps_contactinfo) && Module::isEnabled(ps_contactinfo)) ||
    (Module::isInstalled(ps_customersignin) && Module::isEnabled(ps_customersignin))
}
<div class="mobile-nav hidden-lg-up">
    {if Module::isInstalled(ps_currencyselector) && Module::isEnabled(ps_currencyselector)}
      <div id="_mobile_currency_selector" class="toggle-link"></div>
    {/if}
    {if Module::isInstalled(ps_languageselector) && Module::isEnabled(ps_languageselector)}
      <div id="_mobile_language_selector" class="toggle-link"></div>
    {/if}
    {if Module::isInstalled(ps_contactinfo) && Module::isEnabled(ps_contactinfo)}
    <div id="_mobile_contact_link" class="toggle-link"></div>
    {/if}
    {if Module::isInstalled(ps_customersignin) && Module::isEnabled(ps_customersignin)}
    <div id="_mobile_user_info" class="toggle-link"></div>
    {/if}
</div>
{/if}
{block name='header_top'}
<div class="header-top">
    <div class="container">
       <div class="row inner-wrapper hidden-md-down">
        <div class="col-md-3" id="_desktop_logo">
           {if $page.page_name == 'index'}
             <h1>
               <a href="{$urls.base_url}">
                 <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
                 <span>{$shop.name}</span>
               </a>
             </h1>
           {else}
               <a href="{$urls.base_url}">
                 <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
               </a>
           {/if}
        </div>
        {hook h='displayTop'}
      </div>
      <div id="mobile_top_menu_wrapper" class="row hidden-lg-up">
        <div id="_mobile_link_block"></div>
        <div class="js-top-menu mobile" id="_mobile_top_menu"></div>
      </div>
    </div>
</div>
<div class="header-nav-two container">
    <div class="header-nav-two-inner col-md-3 col-12">
      <div class="container">
          {hook h='displayNavFullWidth'}
      </div>
    </div>
</div>
{/block}

Est-ce que quelqu'un saurait comment fait-on pour insérer des scripts maintenant ?

Merci pour votre aide :)

Godiva · December 17, 2020

Ok j'ai trouvé le fichier à modifier avec les balises <head>.

c'est le fichier layout-both-columns.tpl dans /votre-theme/templates/layout. Mettre le script Google analytics entre {literal} {/literal}

En espérant que cela aide

Nawfel_hf · June 10, 2021

Bonjour à toutes et à tous,

j'ai installé le code de vérification :

<meta name="google-site-verification" content="KB93la1fX-x3XIUlVCRVq9aC2OtGO8xX7GtaqFvotM0" />

dans le fichier head.tpl

pour permettre google de valider mon site. mais il m'indique que

La balise Meta de votre site est incorrecte.

quelqu'un pourra m'aider svp sachant j'ai la version 1.7.7.2

Merci d'avance

Mediacom87 · June 10, 2021

il y a 5 minutes, Nawfel_hf a dit :
Bonjour à toutes et à tous,

j'ai installé le code de vérification :
<meta name="google-site-verification" content="KB93la1fX-x3XIUlVCRVq9aC2OtGO8xX7GtaqFvotM0" />
dans le fichier head.tpl

pour permettre google de valider mon site. mais il m'indique que

La balise Meta de votre site est incorrecte.

quelqu'un pourra m'aider svp sachant j'ai la version 1.7.7.2

Merci d'avance

Merci de créer votre propre sujet si vous voulez avoir des réponses adaptée à votre demande.

C’est une règle simple du forum, 1 sujet = 1 question.

Insérer code de suivi dans le <head> d'une page Prestashop en particulier

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in