> ## 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>

### DataLayer bereitstellen

Aktiviere diesen Schalter, um einen DataLayer im Shop-Frontend bereitzustellen. Dies ist oft die Grundlage für die Anbindung von Google Tag Manager oder anderen Analyse-Diensten, die auf strukturierte E-Commerce-Daten zugreifen müssen.

***

## 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>

### Microsoft Clarity verwenden

Aktiviere diese Option, um das Tracking-Script von Microsoft Clarity in deinen Shop zu integrieren.

### Clarity Project ID

Gib hier deine eindeutige Projekt-ID ein, die du in deinem Microsoft Clarity Dashboard findest.

### Clarity nur im Checkout verwenden

Aktiviere diesen Schalter, wenn das Tracking nicht auf dem gesamten Shop, sondern ausschließlich im Bestellprozess (Checkout) aktiv sein soll.

### Clarity Dev Mode

Aktiviere den Entwicklermodus (Dev Mode) für Test- und Debugging-Zwecke.

***

## 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>

### PostHog verwenden

Aktiviere diese Option, um die PostHog-Integration einzuschalten.

### PostHog API Key

Trage hier deinen PostHog API Key ein.

### PostHog nur im Checkout verwenden

Aktiviere diesen Schalter, um PostHog ausschließlich auf den Checkout-Seiten zu laden.

### PostHog Dev Mode

Aktiviere den Entwicklermodus für PostHog.

***

## 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>

### Meta Pixel verwenden

Aktiviere diesen Schalter, um das Meta Pixel für das Tracking von Besucheraktionen und Conversions einzubinden.

### Meta Pixel ID

Gib hier deine Meta Pixel ID ein.

### Meta Pixel Dev Mode

Aktiviere den Entwicklermodus für das Meta Pixel, um die Integration zu testen.

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