> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Tracking

Integriere Analyse-Tools und stelle Daten für erweitertes Tracking bereit.

<Warning>
  **Disclaimer**
  Bitte prüfe dein Setup sorgfältig. Je nach Shop und Plugins können Anpassungen notwendig sein für ein zielgerichtetes Tracking. Passe unbedingt die Sprachvariablen für die Consent Items an. Tracke nicht ohne die Einwilligung deiner User. Ergänze deine Datenschutzerklärung entsprechend und lass diese prüfen. Lass ggfs. auch die Integration auf rechtskonforme Implementierung prüfen. Die Integration wurde nach bestem Wissen und unter den Best Practices der Anbieter Dokumentation entwickelt. Die Nutzung unterliegt der eigenen Verantwortung und Sorgfalt.
</Warning>

***

## DataLayer

Hier kannst du den DataLayer konfigurieren, um strukturierte Daten für Drittanbieter-Tools bereitzustellen.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/vLHzD-sXxJM3u3wZ/images/niu-plus-tracking-datalayer.jpg?fit=max&auto=format&n=vLHzD-sXxJM3u3wZ&q=85&s=eb7a6c66ad5bafbc150c3e590cad3597" alt="DataLayer" width="2020" height="214" data-path="images/niu-plus-tracking-datalayer.jpg" />
  </Frame>
</div>

<ParamField path="DataLayer bereitstellen" type="boolean">
  Aktiviert den DataLayer unabhängig vom Google Tag Manager. Alle Standard-GA4-Ecommerce-Daten und -Events werden bereitgestellt.
</ParamField>

***

## Microsoft Clarity

Hier konfigurierst du die Anbindung an das Analyse-Tool Microsoft Clarity.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/vLHzD-sXxJM3u3wZ/images/niu-plus-tracking-microsoft-clarity.jpg?fit=max&auto=format&n=vLHzD-sXxJM3u3wZ&q=85&s=8db5e5f10852d5a2e71d4a63de0bbeb6" alt="Microsoft Clarity" width="2020" height="508" data-path="images/niu-plus-tracking-microsoft-clarity.jpg" />
  </Frame>
</div>

<ParamField path="Microsoft Clarity verwenden" type="boolean">
  Aktiviere diese Option, um das Tracking-Script von Microsoft Clarity in deinen Shop zu integrieren.
</ParamField>

<ParamField path="Clarity Project ID" type="string">
  Gib hier deine eindeutige Projekt-ID ein, die du in deinem Microsoft Clarity Dashboard findest.
</ParamField>

<ParamField path="Clarity nur im Checkout verwenden" type="boolean">
  Aktiviere diesen Schalter, wenn das Tracking nicht auf dem gesamten Shop, sondern ausschließlich im Bestellprozess (Checkout) aktiv sein soll.
</ParamField>

<ParamField path="Clarity Dev Mode" type="boolean">
  Aktiviere den Entwicklermodus (Dev Mode) für Test- und Debugging-Zwecke.
</ParamField>

***

## PostHog

Hier konfigurierst du die Anbindung an die Product-Analytics-Plattform PostHog.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/vLHzD-sXxJM3u3wZ/images/niu-plus-tracking-posthog.jpg?fit=max&auto=format&n=vLHzD-sXxJM3u3wZ&q=85&s=2d4027db1bbc7ff4af7e510d00e3abce" alt="PostHog" width="2010" height="506" data-path="images/niu-plus-tracking-posthog.jpg" />
  </Frame>
</div>

<ParamField path="PostHog verwenden" type="boolean">
  Aktiviere diese Option, um die PostHog-Integration einzuschalten.
</ParamField>

<ParamField path="PostHog API Key" type="string">
  Trage hier deinen PostHog API Key ein.
</ParamField>

<ParamField path="PostHog nur im Checkout verwenden" type="boolean">
  Aktiviere diesen Schalter, um PostHog ausschließlich auf den Checkout-Seiten zu laden.
</ParamField>

<ParamField path="PostHog Dev Mode" type="boolean">
  Aktiviere den Entwicklermodus für PostHog.
</ParamField>

***

## META Pixel

Hier verwaltest du die Einstellungen für das Meta (Facebook) Pixel.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/vLHzD-sXxJM3u3wZ/images/niu-plus-tracking-meta-pixel.jpg?fit=max&auto=format&n=vLHzD-sXxJM3u3wZ&q=85&s=7f868b2a5d78d1a8741e87d16fd3a0aa" alt="META Pixel" width="2022" height="418" data-path="images/niu-plus-tracking-meta-pixel.jpg" />
  </Frame>
</div>

<ParamField path="Meta Pixel verwenden" type="boolean">
  Aktiviere diesen Schalter, um das Meta Pixel für das Tracking von Besucheraktionen und Conversions einzubinden.
</ParamField>

<ParamField path="Meta Pixel ID" type="string">
  Gib hier deine Meta Pixel ID ein.
</ParamField>

<ParamField path="Meta Pixel Dev Mode" type="boolean">
  Aktiviere den Entwicklermodus für das Meta Pixel, um die Integration zu testen.
</ParamField>

<div style={{height: '1px', backgroundColor: 'silver', margin: '24px 0'}} />


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.