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

# Google Tag Manager (GTM)

> Integriere den Google Tag Manager nahtlos in deinen Shop und nutze den automatischen DataLayer für E-Commerce Tracking.

## Google Tag Manager

Mit der integrierten Google Tag Manager Lösung kannst du den Tag Manager ohne weitere Plugins einbinden und E-Commerce Daten erfassen.

Unabhängig von der Aktivierung steht dir im Template jederzeit das **DataLayer** zur Verfügung, das alle wichtigen E-Commerce Events und Daten nach dem Standard von **Google Analytics 4** enthält. So kannst du auch mit anderen Tools auf diese Daten zugreifen und sie weiterverarbeiten.

<Info>
  Die Daten aus dem DataLayer werden ebenfalls für die Trackingoptionen von Microsoft Clarity und PostHog verwendet.
</Info>

<Warning>
  **Datenschutzhinweis:** Der Tag Manager wird datenschutzkonform eingebunden. Bitte ergänze bei Verwendung dennoch deine Datenschutzerklärung entsprechend.
</Warning>

<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 Google Tagmanager und Google Analytics Dokumentation entwickelt. Die Nutzung unterliegt der eigenen Verantwortung und Sorgfalt.
</Warning>

***

## Allgemein

Hier aktivierst du die Schnittstelle und hinterlegst deine ID.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/W9WTk71dVY7B3GbG/images/niu-plus-gtm-allgemein.jpg?fit=max&auto=format&n=W9WTk71dVY7B3GbG&q=85&s=5fdfb98ba35b2e60671c0552433534c6" alt="Allgemein" width="2022" height="326" data-path="images/niu-plus-gtm-allgemein.jpg" />
  </Frame>
</div>

### Google Tagmanager einbinden

Aktiviere diesen Schalter, um das Script des Google Tag Managers in den Quellcode deines Shops zu laden.

### Google Tagmanager ID

Trage hier deine Container-ID ein. Diese findest du in deinem Google Tag Manager Konto oben rechts neben dem Container-Namen. Mögliche Formate:

* `GTM-XXXXXX` – Älteres Format mit 6 alphanumerischen Zeichen (z. B. `GTM-AB12CD`)
* `GTM-XXXXXXX` – Neueres Format mit 7 alphanumerischen Zeichen (z. B. `GTM-AB12CDE`)
* `GTM-XXXXXXXX` – Erweitertes Format mit 8 Zeichen bei neueren Konten

***

## Consent

Hier steuerst du, für welche Google-Dienste explizit eine Einwilligung (Consent) eingeholt werden soll, bevor Daten fließen.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/W9WTk71dVY7B3GbG/images/niu-plus-gtm-consent.jpg?fit=max&auto=format&n=W9WTk71dVY7B3GbG&q=85&s=c9bddff0caca07f82bd019831e7c7743" alt="Consent" width="2012" height="386" data-path="images/niu-plus-gtm-consent.jpg" />
  </Frame>
</div>

### Consent für GA4 einholen

Aktiviere diese Option, wenn die Einwilligung der Nutzer speziell für **Google Analytics 4** abgefragt werden soll.

### Consent für Google Ads einholen

Aktiviere diese Option, wenn die Einwilligung der Nutzer speziell für **Google Ads** (Werbeanzeigen/Remarketing) abgefragt werden soll.

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