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

<ParamField path="Google Tagmanager einbinden" type="boolean">
  Aktiviere diesen Schalter, um das Script des Google Tag Managers in den Quellcode deines Shops zu laden.
</ParamField>

<ParamField path="Google Tagmanager ID" type="string">
  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
</ParamField>

***

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

<ParamField path="Consent für GA4 einholen" type="boolean">
  Wenn deaktiviert, wird der Consent für **Google Analytics 4** automatisch verweigert.
</ParamField>

<ParamField path="Consent für Google Ads einholen" type="boolean">
  Wenn deaktiviert, wird der Consent für **Google Ads** automatisch verweigert.
</ParamField>

<ParamField path="Tagmanager Dev Mode" type="boolean">
  Ignoriert den Consent für Entwicklungszwecke.

  <Warning>
    Darf nicht im Livebetrieb verwendet werden!
  </Warning>
</ParamField>

***

## Enhanced Conversions

Übergibt SHA-256-gehashte Kundendaten als `user_data` in den DataLayer. Verbessert das Matching von Conversions in Google Ads und das User-Tracking in GA4. Wird nur ausgelöst, wenn dein Consent-Manager die Marketing-/Analytics-Cookies erlaubt.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CU5FwIX_DV1jnQVY/images/niu-plus-gtm-enhanced-conversions.jpg?fit=max&auto=format&n=CU5FwIX_DV1jnQVY&q=85&s=85eb5b9b8ead358dcb20f5637248e794" alt="Enhanced Conversions" width="2220" height="704" data-path="images/niu-plus-gtm-enhanced-conversions.jpg" />
  </Frame>
</div>

<ParamField path="Enhanced Conversions aktivieren" type="boolean">
  Master-Schalter. Wenn aus, wird kein `user_data` gepusht.
</ParamField>

<ParamField path="E-Mail übertragen" type="boolean">
  Empfohlen. Die E-Mail ist das wichtigste Match-Signal für Enhanced Conversions.
</ParamField>

<ParamField path="Adresse übertragen" type="boolean">
  Vorname, Nachname, Straße, PLZ, Ort, Land. Verbessert die Match-Quality, ist aber DSGVO-relevant. Telefon und Bundesland werden bewusst nicht übertragen.
</ParamField>

<ParamField path="Auch auf allen Seiten bei eingeloggten Usern" type="boolean">
  Zusätzlich zum Bestellabschluss wird `user_data` auf jeder Seite gepusht, sobald ein User eingeloggt ist. Verbessert das Cross-Device-Matching für GA4. Wenn aus, wird `user_data` nur beim Bestellabschluss gepusht.
</ParamField>

<ParamField path="Daten serverseitig SHA-256 hashen" type="boolean">
  <Info>
    Empfohlen. Wenn aus, landen E-Mail und Adresse im Klartext im HTML, das ist DSGVO-kritisch. Nur deaktivieren, wenn ein Drittanbieter-Tag im GTM zwingend Klartext braucht. Google akzeptiert beide Varianten.
  </Info>
</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.