{"id":2089,"date":"2024-04-21T21:34:58","date_gmt":"2024-04-21T19:34:58","guid":{"rendered":"https:\/\/trackboxx.com\/?post_type=helpcenter&p=2089"},"modified":"2025-11-28T11:00:03","modified_gmt":"2025-11-28T10:00:03","slug":"comment-puis-je-integrer-le-script-de-suivi-dans-mon-site","status":"publish","type":"helpcenter","link":"https:\/\/trackboxx.com\/fr\/helpcenter\/wie-binde-ich-das-tracking-script-in-meine-seite-ein","title":{"rendered":"Int\u00e9grer le script de suivi Trackboxx"},"content":{"rendered":"

Pour que Trackboxx puisse enregistrer les visiteurs de mani\u00e8re fiable, il faut que le Script de suivi<\/strong> \u00eatre int\u00e9gr\u00e9 \u00e0 ton site web. L'int\u00e9gration s'effectue une seule fois, puis toutes les consultations de pages sont automatiquement enregistr\u00e9es.<\/p>\n\n\n\n

O\u00f9 placer le script de suivi ?<\/h3>\n\n\n\n

Le script doit \u00eatre plac\u00e9 dans le En-t\u00eate de votre site web<\/strong> \u00eatre plac\u00e9s, c'est-\u00e0-dire entre
<head><\/code> et <\/head><\/code><\/span>.
C'est le seul moyen de garantir que Toutes les sous-pages sont enregistr\u00e9es<\/strong> \u00eatre.<\/p>\n\n\n\n

Obtenir votre code de suivi personnel<\/h3>\n\n\n\n

Ensuite, une fen\u00eatre contextuelle appara\u00eetra avec votre code de suivi individuel<\/strong>.<\/p>\n\n\n\n

    \n
  1. Connecte-toi au tableau de bord Trackboxx.<\/li>\n\n\n\n
  2. Cr\u00e9ez une nouvelle page web (nom + URL).<\/li>\n\n\n\n
  3. Ensuite, une fen\u00eatre contextuelle appara\u00eetra avec votre code de suivi individuel<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    Le code ressemble par exemple \u00e0 ceci (exemple !) :<\/p>\n\n\n

    <script<\/span>><\/span>\n  (fonction<\/span>(d, s, id, w, f<\/span>)<\/span>{\n      w[f] = w[f] || fonction<\/span>(<\/span>) <\/span>{\n          (w[f].q = w[f].q || []).push(arguments<\/span>)\n      };\n      var<\/span> js, fjs = d.getElementsByTagName(s)[0<\/span>];\n      if<\/span> (d.getElementById(id)){ retour<\/span>; }\n      js = d.createElement(s) ; js.id = id ;\n      js.onload = fonction<\/span>(<\/span>)<\/span>{\n          \/\/ le script distant a \u00e9t\u00e9 charg\u00e9<\/span>\n      } ;\n      js.async = true<\/span>;\n      js.src = \"https:\/\/cdn.trackboxx.info\/p\/tracker.js\"<\/span>;\n      fjs.parentNode.insertBefore(js, fjs) ;\n  }(document<\/span>, 'script<\/span>, 'trackboxx-script' (script)<\/span>, window<\/span>, 'trackboxx' (bo\u00eete \u00e0 outils)<\/span>)) ;\n  trackboxx('set' (jeu)<\/span>, 'siteId<\/span>, 'TB-66377283'<\/span>) ;\n  trackboxx('trackPageview' (aper\u00e7u de la page)<\/span>);\n<\/span><\/script<\/span>><\/span><\/code><\/span>Langage du code :<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
    \n
    Important ! Il s'agit ici d'un exemple de code. Tu obtiendras ton code personnel dans ton tableau de bord en cliquant sur Ajouter une page.<\/p>\n<\/blockquote>\n\n\n\n
    Une fois le code int\u00e9gr\u00e9 \u00e0 ton site web, les visiteurs de ton site sont enregistr\u00e9s.<\/p>\n\n\n\n
    Int\u00e9grer un script de suivi dans WordPress<\/h2>\n\n\n\n
    Dans WordPress, il existe diff\u00e9rentes possibilit\u00e9s pour int\u00e9grer le code dans l'en-t\u00eate. La m\u00e9thode que vous utiliserez d\u00e9pendra de votre configuration, de votre th\u00e8me et de vos connaissances techniques.<\/p>\n\n\n\n
    1. Header.php (int\u00e9gration manuelle)<\/h3>\n\n\n\n
    Tu peux entrer le code directement dans la header.php<\/strong> Ins\u00e9rer ton th\u00e8me.
    Important : utilise un Th\u00e8me enfant<\/strong>, sinon le code sera \u00e9cras\u00e9 lors de la prochaine mise \u00e0 jour.<\/p>\n\n\n\n
    2. Champs de code dans les param\u00e8tres du th\u00e8me<\/h3>\n\n\n\n
    De nombreux th\u00e8mes modernes proposent leurs propres champs pour placer du code dans l'en-t\u00eate, par exemple dans les options du th\u00e8me ou dans le personnalisateur.
    C'est typique de nombreux th\u00e8mes de cr\u00e9ation de pages tels que Avada, Divi ou Enfold.<\/p>\n\n\n\n
    3. Hooks \/ Int\u00e9grations propres au th\u00e8me<\/h3>\n\n\n\n
    Certains th\u00e8mes et frameworks offrent Syst\u00e8mes \u00e0 crochets<\/strong>, qui permet d'ins\u00e9rer proprement du code dans l'en-t\u00eate, souvent sans avoir \u00e0 modifier directement un fichier.
    Utilise ici la documentation de ton th\u00e8me.<\/p>\n\n\n\n
    4. Int\u00e9gration via des plugins<\/h3>\n\n\n\n
    Il existe de nombreux plugins sp\u00e9cialement con\u00e7us \u00e0 cet effet., Scripts de suivi ou d'en-t\u00eate<\/strong> \u00e0 int\u00e9grer.
    Il suffit de rechercher :
    \u201e WordPress Header Script Plugin \u201c ou \u201e WordPress Tracking Script Plugin \u201c.<\/p>\n\n\n\n
    Surtout si tu Suivi du commerce \u00e9lectronique<\/strong> (par exemple WooCommerce), il est recommand\u00e9 d'utiliser un plugin, car des configurations suppl\u00e9mentaires sont n\u00e9cessaires dans ce cas.<\/p>","protected":false},"featured_media":0,"template":"","categories":[],"tags":[32],"class_list":["post-2089","helpcenter","type-helpcenter","status-publish","hentry","tag-helpcenter-erste-schritte"],"acf":[],"_links":{"self":[{"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/helpcenter\/2089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/helpcenter"}],"about":[{"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/types\/helpcenter"}],"version-history":[{"count":1,"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/helpcenter\/2089\/revisions"}],"predecessor-version":[{"id":4561,"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/helpcenter\/2089\/revisions\/4561"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/media?parent=2089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/categories?post=2089"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/tags?post=2089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}