{"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":"Add the Trackboxx tracking script"},"content":{"rendered":"

To ensure Trackboxx records your visitors reliably, you need to add the tracking script<\/strong> to your website. You only need to do this once; after that, Trackboxx automatically tracks every page view.<\/p>\n\n\n\n

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

Add the script to the header of your website<\/strong> , between
<head><\/code> and <\/head><\/code><\/span>.
This ensures that all pages on your website are tracked<\/strong> .<\/p>\n\n\n\n

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

A pop-up will then appear with your personal tracking code<\/strong>.<\/p>\n\n\n\n

    \n
  1. Log in to the Trackboxx dashboard.<\/li>\n\n\n\n
  2. Add a new website (name + URL).<\/li>\n\n\n\n
  3. A pop-up will then appear with your personal tracking code<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    Here is an example of what the code looks like:<\/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 only an example. You will find your personal code in the dashboard after clicking Add website.<\/p>\n<\/blockquote>\n\n\n\n
    Once the code is installed, Trackboxx starts tracking visits to your website.<\/p>\n\n\n\n
    Add the tracking script to WordPress<\/h2>\n\n\n\n
    WordPress offers several ways to add the code to your site's header. The best method depends on your setup, theme, and technical experience.<\/p>\n\n\n\n
    1. header.php (manual integration)<\/h3>\n\n\n\n
    You can add the code directly to your theme's header.php<\/strong> file.
    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 the theme settings<\/h3>\n\n\n\n
    Many modern themes include a field for adding code to the header, usually in the theme options or Customizer.
    This is common in page-builder themes such as Avada, Divi, and Enfold.<\/p>\n\n\n\n
    3. Hooks and theme integrations<\/h3>\n\n\n\n
    Some themes and frameworks provide hooks<\/strong>that let you add code cleanly to the header, often without editing a file directly.
    Check your theme's documentation for the correct hook.<\/p>\n\n\n\n
    4. Add the script with a plugin<\/h3>\n\n\n\n
    Many plugins are designed to add tracking and header scripts<\/strong> to WordPress.
    Simply search for:
    \"WordPress Header Script Plugin\" or \"WordPress Tracking Script Plugin\".<\/p>\n\n\n\n
    If you want to use e-commerce tracking<\/strong> with WooCommerce, for example, we recommend a plugin because it handles the additional setup more easily.<\/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":0,"href":"https:\/\/trackboxx.com\/en\/wp-json\/wp\/v2\/helpcenter\/2089\/revisions"}],"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}]}}