{"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":"how-do-i-integrate-the-tracking-script-into-my-site","status":"publish","type":"helpcenter","link":"https:\/\/trackboxx.com\/en\/helpcenter\/wie-binde-ich-das-tracking-script-in-meine-seite-ein","title":{"rendered":"Integrate Trackboxx tracking script"},"content":{"rendered":"

In order for Trackboxx to reliably record visitors, the Tracking script<\/strong> be integrated into your website. The integration is a one-time process \u2013 after that, all page views are automatically recorded.<\/p>\n\n\n\n

Where should the tracking script go?<\/h3>\n\n\n\n

The script must be in the Header of your website<\/strong> be placed, i.e. between
<head><\/code> and <\/head><\/code><\/span>.
Only there can it be ensured that all subpages included<\/strong> become.<\/p>\n\n\n\n

Obtain your personal tracking code<\/h3>\n\n\n\n

After that, a pop-up will appear with your individual tracking code<\/strong>.<\/p>\n\n\n\n

    \n
  1. Log in to the Trackboxx dashboard.<\/li>\n\n\n\n
  2. Create a new web page (name + URL).<\/li>\n\n\n\n
  3. After that, a pop-up will appear with your individual tracking code<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    The code looks like this, for example (example!):<\/p>\n\n\n

    <script<\/span>><\/span>\n  (function<\/span>(d, s, id, w, f<\/span>)<\/span>{\n      w[f] = w[f] || function<\/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)){ return<\/span>; }\n      js = d.createElement(s); js.id = id;\n      js.onload = function<\/span>(<\/span>)<\/span>{\n          \/\/ remote script has loaded<\/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'<\/span>, window<\/span>, trackboxx'<\/span>));\n  trackboxx('set'<\/span>, siteId'<\/span>, 'TB-66377283'<\/span>);\n  trackboxx(trackPageview'<\/span>);\n<\/span><\/script<\/span>><\/span><\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
    \n
    Important! This is a sample code. You will get your personal code in your dashboard when you click Add Page.<\/p>\n<\/blockquote>\n\n\n\n
    After the code has been integrated into your website, the visitors to your site will be recorded.<\/p>\n\n\n\n
    Integrating tracking scripts into WordPress<\/h2>\n\n\n\n
    In WordPress, there are various ways to integrate the code into the header. Which method you use depends on your setup, your theme and your technical knowledge.<\/p>\n\n\n\n
    1. Header.php (manual integration)<\/h3>\n\n\n\n
    You can enter the code directly into the header.php<\/strong> Insert your theme.
    Important: Use a Child Theme<\/strong>, otherwise the code will be overwritten during the next update.<\/p>\n\n\n\n
    2. Code fields in theme settings<\/h3>\n\n\n\n
    Many modern themes offer their own fields for placing code in the header \u2013 e.g. in the theme options or in the customiser.
    Typical for many page builder themes such as Avada, Divi or Enfold.<\/p>\n\n\n\n
    3. Hooks \/ Theme-specific integrations<\/h3>\n\n\n\n
    Some themes and frameworks offer Hook systems<\/strong>, which allows code to be neatly inserted into the header \u2013 often without having to edit a file directly.
    Use the documentation for your theme here.<\/p>\n\n\n\n
    4. Integration via plugins<\/h3>\n\n\n\n
    There are numerous plugins that are specifically designed for this purpose., Tracking or header scripts<\/strong> to integrate.
    Simply search for:
    \u201eWordPress Header Script Plugin\u201c or \u201eWordPress Tracking Script Plugin\u201c.<\/p>\n\n\n\n
    Especially when you E-commerce tracking<\/strong> (e.g. WooCommerce), we recommend using a plugin, as additional configurations are required here.<\/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\/en\/wp-json\/wp\/v2\/helpcenter\/2089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/en\/wp-json\/wp\/v2\/helpcenter"}],"about":[{"href":"https:\/\/trackboxx.com\/en\/wp-json\/wp\/v2\/types\/helpcenter"}],"version-history":[{"count":1,"href":"https:\/\/trackboxx.com\/en\/wp-json\/wp\/v2\/helpcenter\/2089\/revisions"}],"predecessor-version":[{"id":4561,"href":"https:\/\/trackboxx.com\/en\/wp-json\/wp\/v2\/helpcenter\/2089\/revisions\/4561"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/en\/wp-json\/wp\/v2\/media?parent=2089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/en\/wp-json\/wp\/v2\/categories?post=2089"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/en\/wp-json\/wp\/v2\/tags?post=2089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}