Google Tag Manager Anleitung
Überblick – Warum GTM mit Barefoot CMP?
Google Tag Manager ist eines der wichtigsten Tools für modernes Website-Management. Mit Barefoot CMP wird GTM jedoch erst wirklich DSGVO-konform. Diese Anleitung zeigt dir, wie du Barefoot CMP in GTM integrierst und Google Consent Mode v2 nutzt.
Die Vorteile:
- Rechtskonformität: Alle Google Tags respektieren die Einwilligung der Nutzer
- Automatische Consent-Defaults: Barefoot CMP setzt Consent Mode v2 automatisch
- Granulare Kontrolle: Nutzer können Tracking granular konfigurieren
- Audit-Trail: Vollständige Protokollierung aller Consent-Entscheidungen
- Einfach zu implementieren: Zwei Methoden – eine für Anfänger, eine für Experten
Hinweis: Diese Anleitung setzt voraus, dass du bereits ein GTM-Konto und einen Barefoot CMP Account hast. Falls nicht, registriere dich zuerst kostenlos auf cmp.barefoot-performance.com.
Voraussetzungen
Damit die Integration funktioniert, brauchst du:
- Google Tag Manager Konto: tagmanager.google.com
- Barefoot CMP Account: cmp.barefoot-performance.com/dashboard
- Deine CMP-ID: Findest du im Barefoot CMP Dashboard unter „Einstellungen"
- GTM Container: Du solltest bereits einen Container erstellt haben (oder: Container-ID = GTM-XXXXX)
- Basis-Kenntnisse: Wie man GTM Tags erstellt und Container veröffentlicht
Deine CMP-ID finden: Melde dich im Barefoot CMP Dashboard an, gehe zu „Einstellungen" und kopiere deine CMP-ID im Format bf_abc12345.
Methode 1: Custom HTML Tag (Einfach)
Die einfachste Variante für schnelle Integration. Du brauchst kein GTM Template zu importieren – ein einfaches Custom HTML Tag reicht aus.
Schritt 1: Neues Tag erstellen
Öffne dein GTM Container:
- Gehe zu Tags in der linken Navigation
- Klicke auf Neues Tag
- Gib dem Tag einen aussagekräftigen Namen, z.B. „Barefoot CMP – Initialization"
Schritt 2: Tag-Typ „Benutzerdefiniertes HTML" wählen
Im Tag-Konfigurationsbereich:
- Klicke auf „Tag-Konfiguration"
- Wähle Benutzerdefiniertes HTML
Das ist der Tag-Typ, den du brauchst, um dein Barefoot CMP Script einzufügen.
Schritt 3: Barefoot CMP Script einfügen
Im HTML-Bereich des Tags, füge folgenden Code ein (ersetze bf_YOUR_CMP_ID mit deiner echten CMP-ID):
Parameter erklären:
data-cmpId: Deine eindeutige CMP-ID (erhältst du im Dashboard)data-mode: „banner" für ein Consent Banner oder „widget" für einen Button
Wichtig: Ersetze bf_YOUR_CMP_ID mit deiner echten CMP-ID! Die Anleitung funktioniert nicht ohne.
Schritt 4: Trigger „Consent Initialization - All Pages" zuweisen
Das Tag muss auf allen Seiten geladen werden:
- Scrollen nach unten zum Abschnitt Trigger
- Klicke auf Trigger hinzufügen
- Wähle oder erstelle einen Trigger vom Typ Page View
- Stelle sicher, dass er auf Alle Seiten oder Alle Seitenaufrufe konfiguriert ist
Tipp: Du kannst einen bestehenden Trigger nutzen, z.B. einen All Pages Trigger, falls dieser bereits existiert.
Schritt 5: Container veröffentlichen
Nach der Konfiguration:
- Klicke auf Speichern um das Tag zu speichern
- Gehe zum Arbeitsbereich Übersicht (oben rechts)
- Klicke auf Veröffentlichen
- Gib eine Versionsbeschreibung ein, z.B. „Barefoot CMP Initialization"
- Bestätige mit Veröffentlichen
Live-Überprüfung: Nach dem Veröffentlichen sollte Barefoot CMP auf deiner Website aktiv sein. Öffne deine Website in einem neuen Tab und prüfe auf das Consent Banner.
Methode 2: Barefoot CMP Custom Template (Erweitert)
Für erweiterte Anforderungen: Diese Methode nutzt ein offizielles GTM Template mit granularer Kontrolle und automatischen Consent-Defaults.
Schritt 1: Template importieren
Im GTM Container:
- Gehe zu Templates in der linken Navigation
- Klicke auf Neues Template
- Klicke auf das Icon oben rechts (drei Punkte) → Aus Galerie importieren
- Suche nach „Barefoot CMP"
- Klicke auf das Template und dann Hinzufügen
Alternative: Das Template findest du auch in der Google Tag Manager Template Gallery.
Schritt 2: Neues Tag mit Template erstellen
Nach dem Import:
- Gehe zu Tags
- Klicke auf Neues Tag
- Unter Tag-Konfiguration: Wähle Barefoot CMP – Cookie Consent
Schritt 3: CMP-ID eingeben
Im Template-Formular:
- Gib deine CMP-ID ein (Format:
bf_abc12345) - Die API-URL kannst du auf Standard lassen:
https://cmp.barefoot-performance.com
Wichtig: Nutze deine echte CMP-ID aus dem Dashboard. Die Demo-ID funktioniert nicht!
Schritt 4: Consent-Einstellungen konfigurieren
Im Template kannst du folgende Defaults setzen:
- analytics_storage: Standardmäßig akzeptieren oder ablehnen?
- ad_storage: Werbe-Cookies standardmäßig aktiviert?
- personalization_storage: Personalisierungs-Cookies?
Empfohlene Einstellung: Alle auf „Deny" (Ablehnen) setzen. Nutzer können dann aktiv zustimmen.
Best Practice: Nutze den Opt-In Ansatz: Alle Tracking Cookies werden standardmäßig blockiert, bis der Nutzer zustimmt.
Schritt 5: Container veröffentlichen
- Trigger: Wähle „All Pages" (Alle Seiten)
- Klicke Speichern
- Arbeitsbereich Übersicht → Veröffentlichen
- Versionsbeschreibung: „Barefoot CMP Template v1"
- Bestätigung mit Veröffentlichen
Google Analytics 4 mit Consent Mode konfigurieren
Nach der Barefoot CMP Installation musst du GA4 (und andere Google Tags) auf Consent Mode einstellen.
Schritt 1: GA4 Tag öffnen
- Gehe zu Tags
- Finde dein GA4 Tag (meist „Google Analytics – GA4")
- Klicke darauf um es zu editieren
Schritt 2: Einwilligungseinstellungen aktivieren
Im Tag-Bereich nach unten scrollen und Einwilligungseinstellungen erweitern:
- Aktiviere den Schalter: „Dieses Tag benötigt die Einwilligung des Nutzers zum Auslösen"
Dadurch wird dein GA4 Tag erst ausgeführt, wenn der Nutzer das Analytics-Tracking akzeptiert hat.
Schritt 3: Consent Type „analytics_storage" zuweisen
Im Feld Zusätzliche Einwilligung für die Tag-Auslösung erforderlich:
- Gib ein:
analytics_storage - Drücke Enter
Wichtig: Schreibe genau analytics_storage – Barefoot CMP erkennt diesen Consent Type automatisch.
Ergebnis: GA4 wird nur ausgeführt, wenn analytics_storage im Browser gesetzt ist. Barefoot CMP setzt diesen Wert automatisch nach Nutzer-Einwilligung.
Weitere Trigger: Du kannst auch den Trigger auf „Consent Mode v2 Initialization" einstellen, um das Tag schon früher zu laden. Diese Einstellung ist fortgeschritten und optional.
Google Ads mit Consent Mode konfigurieren
Das gleiche Prinzip gilt für Google Ads (Conversion Tracking, Remarketing, etc.).
Schritt 1: Google Ads Tag öffnen
- Gehe zu Tags
- Finde dein Google Ads Tag (z.B. „Google Ads – Conversion Tracking")
- Klicke zum Editieren
Schritt 2: Einwilligungseinstellungen aktivieren
Scrolle zu Einwilligungseinstellungen und aktiviere:
- „Dieses Tag benötigt die Einwilligung des Nutzers zum Auslösen"
Schritt 3: Consent Type „ad_storage" zuweisen
Im Feld Zusätzliche Einwilligung für die Tag-Auslösung erforderlich:
- Gib ein:
ad_storage - Drücke Enter
Werbe-bezogene Tags brauchen ad_storage statt analytics_storage.
Hinweis: Wenn du mehrere Google Ads Tags hast (Conversion Tracking, Remarketing, etc.), wiederhole diesen Prozess für alle.
Andere Tags consent-fähig machen
Third-Party Tags wie Facebook Pixel, TikTok, LinkedIn, etc. sollten auch an Barefoot CMP gekoppelt werden.
Allgemeines Vorgehen:
- Öffne das Tag, das du schützen möchtest
- Gehe zu Einwilligungseinstellungen
- Aktiviere „Dieses Tag benötigt die Einwilligung des Nutzers zum Auslösen"
- Unter Zusätzliche Einwilligung gib einen Consent Type ein (siehe unten)
- Speichern und testen
Consent Types für beliebte Plattformen:
- Facebook Pixel:
marketing_storage - TikTok Pixel:
ad_storage - LinkedIn Insight:
ad_storage - HotJar/Heatmaps:
analytics_storage - Criteo, Amazon Ads:
ad_storage - Andere Tools: Nutze
functionality_storagefür optionale Features
Hinweis: Barefoot CMP muss die gleichen Consent Types unterstützen. Falls dein Tool einen Custom Type braucht, kontaktiere den Support.
Testen mit Tag Assistant & Preview-Modus
Vor der Veröffentlichung solltest du alles testen. GTM hat zwei hilfreiche Tools dafür.
1. Preview-Modus (GTM Workspace)
- Klicke oben rechts auf Vorschau
- Ein Browser-Tab öffnet sich mit der Preview-Version deines Containers
- Besuche deine Website mit diesem Tab
- Im GTM Workspace siehst du nun in Echtzeit, welche Tags auslösen
Vorteile: Du siehst sofort Fehler und kannst schnell iterieren, ohne zu veröffentlichen.
2. Tag Assistant Chrome Extension
- Installiere Tag Assistant von Google
- Öffne die Extension auf deiner Website
- Es zeigt alle GTM Tags und deren Auslösestatus
- Überprüfe:
- Barefoot CMP Tag lädt?
- GA4 Tag lädt nach Consent?
- Google Ads Tag lädt korrekt?
Spezifisch für Consent prüfen:
Das zeigt dir den aktuellen Consent-Status. Du solltest sehen:
Häufiges Problem: Tags laufen nicht? Überprüfe, ob Barefoot CMP das Banner wirklich anzeigt. Manchmal blockiert die lokale GTM Preview dein CMP Script.
Häufige Fehler & Lösungen
Fehler 1: Tag feuert trotz fehlender Einwilligung
Problem: GA4 oder Google Ads Tags laufen, obwohl der Nutzer nicht zugestimmt hat.
Lösung:
- Überprüfe die Tag-Einwilligungseinstellungen im GTM
- Stelle sicher, dass du „Zusätzliche Einwilligung erforderlich" aktiviert hast
- Überprüfe, dass der Consent Type korrekt geschrieben ist (z.B.
analytics_storage, nicht „analytics") - Teste im Preview-Modus erneut
Fehler 2: Consent-Signale werden nicht gesetzt
Problem: window.consentStatus zeigt undefined oder leere Objekte.
Lösung:
- Prüfe, ob das Barefoot CMP Script geladen hat (Check in Network Tab)
- Überprüfe deine CMP-ID (muss korrekt sein)
- Leere deinen Browser-Cache und Cookies
- Überprüfe die Browser Console auf Fehler (F12 → Console)
- Stelle sicher, dass das Barefoot CMP Banner sichtbar ist
Fehler 3: Doppelte Consent-Events
Problem: Zwei verschiedene CMP Lösungen konkurrieren um dieselbe Consent-Kontrolle.
Lösung:
- Überprüfe dein Seitentemplate – ist vielleicht ein anderes CMP Script hardcoded?
- Entferne alle anderen Consent-Snippets außer Barefoot CMP
- Es kann nur ein Master-CMP pro Seite existieren
Tipp: Falls du einen Wechsel von einem anderen CMP machst: Entferne das alte Script völlig, bevor du Barefoot CMP hinzufügst.
Fehler 4: Banner wird nicht angezeigt
Problem: Das Barefoot CMP Banner erscheint gar nicht auf der Website.
Lösung:
- Prüfe die Browser Console (F12): Gibt es JavaScript Fehler?
- Überprüfe: Wurde der Container mit dein GTM Tag bereits veröffentlicht?
- GTM Preview ausschalten und normale Version besuchen
- Prüfe, dass der GTM Container-Code auf der Website eingebunden ist
- Bei Self-Hosted CMP: Überprüfe die API URL
Häufig gestellte Fragen (FAQ)
bf_abc12345. Du kannst sie kopieren und direkt in GTM einfügen.
analytics_storage, ad_storage, etc.) kannst du auch Custom Types definieren. Das ist hilfreich für speziale Tools. Details findest du in der Dokumentation.
window.consentStatus ein – das zeigt den aktuellen Consent-Status.
Facebook/Meta Pixel via GTM mit Consent
Facebook (Meta) Pixel ist eines der am häufigsten eingesetzten Marketing-Tools. So bindest du es DSGVO-konform über GTM mit Barefoot CMP ein.
Schritt 1: Meta Pixel Tag erstellen
Im GTM Container:
- Gehe zu Tags → Neues Tag
- Name: „Meta Pixel – Base Code"
- Tag-Typ: Benutzerdefiniertes HTML
- Füge den Meta Pixel Base Code ein:
Wichtig: Ersetze DEINE_PIXEL_ID mit deiner echten Facebook Pixel ID (findest du im Meta Events Manager).
Schritt 2: Einwilligungseinstellungen konfigurieren
Im Tag nach unten scrollen:
- Erweitere Einwilligungseinstellungen
- Aktiviere „Zusätzliche Einwilligung für die Tag-Auslösung erforderlich"
- Gib ein:
ad_storage - Drücke Enter
Facebook Pixel fällt unter ad_storage (Marketing-Kategorie), da es primär für Werbung und Remarketing verwendet wird. Barefoot CMP mappt die Marketing-Kategorie automatisch auf ad_storage.
Schritt 3: Trigger zuweisen
- Trigger: All Pages (Alle Seiten)
- Speichern
Das Tag wird auf allen Seiten geladen, aber erst ausgeführt, wenn der Nutzer Marketing-Cookies akzeptiert hat.
Facebook Conversion Events
Für spezifische Events (Purchase, Lead, AddToCart) erstellst du separate Tags:
Jedes Conversion-Event-Tag benötigt ebenfalls ad_storage als Einwilligungseinstellung. Nutze passende Trigger (z.B. „Danke-Seite" für Purchase).
Tipp: Facebook unterstützt auch die Conversions API (CAPI) für Server-Side-Tracking. Details findest du im Server-Side Tagging Guide.
TikTok Pixel via GTM mit Consent
TikTok Pixel wird immer häufiger eingesetzt. So integrierst du es DSGVO-konform mit Barefoot CMP.
Schritt 1: TikTok Pixel Tag erstellen
- Gehe zu Tags → Neues Tag
- Name: „TikTok Pixel – Base Code"
- Tag-Typ: Benutzerdefiniertes HTML
- Füge den TikTok Pixel Code ein:
Schritt 2: Consent-Einstellung
- Erweitere Einwilligungseinstellungen
- Aktiviere „Zusätzliche Einwilligung für die Tag-Auslösung erforderlich"
- Gib ein:
ad_storage
TikTok Pixel ist ein Marketing/Werbe-Tracker und gehört damit in die Kategorie ad_storage.
Schritt 3: Trigger & Veröffentlichen
- Trigger: All Pages
- Speichern und Container veröffentlichen
TikTok Conversion Events
Für Events wie ViewContent, AddToCart oder CompletePayment:
Ergebnis: TikTok Pixel lädt nur, wenn der Nutzer Marketing-Cookies akzeptiert hat. Barefoot CMP blockiert das Script automatisch bis zur Einwilligung.
LinkedIn Insight Tag via GTM mit Consent
Der LinkedIn Insight Tag ermöglicht Conversion-Tracking und Retargeting für LinkedIn Ads. So setzt du ihn DSGVO-konform ein.
Schritt 1: LinkedIn Insight Tag erstellen
- Gehe zu Tags → Neues Tag
- Name: „LinkedIn Insight Tag"
- Tag-Typ: Benutzerdefiniertes HTML
- Füge den LinkedIn Code ein:
Schritt 2: Consent-Einstellung
- Erweitere Einwilligungseinstellungen
- Aktiviere „Zusätzliche Einwilligung für die Tag-Auslösung erforderlich"
- Gib ein:
ad_storage
Schritt 3: Trigger & Veröffentlichen
- Trigger: All Pages
- Speichern und Container veröffentlichen
LinkedIn Conversion Tracking
Für spezifische Conversions (z.B. Lead-Formular, Kauf):
Hinweis: LinkedIn Insight Tag und Conversion Events benötigen beide ad_storage. Erstelle separate Tags für Base Code und Conversion Events.
Consent-Trigger in GTM nutzen
Google Tag Manager bietet zwei spezielle eingebaute Trigger für Consent Management. Diese ermöglichen präzise Kontrolle darüber, wann Tags basierend auf dem Consent-Status ausgelöst werden.
Consent Initialization – All Pages
Dieser Trigger feuert vor allen anderen Triggern auf jeder Seite. Er ist speziell dafür gedacht, den CMP-Code zu laden.
Wann verwenden? Ausschließlich für das Barefoot CMP Tag. Dadurch wird sichergestellt, dass der Consent-Status gesetzt ist, bevor andere Tags versuchen zu laden.
So richtest du es ein:
- Öffne dein Barefoot CMP Tag
- Unter Trigger: Entferne den bisherigen „All Pages" Trigger
- Klicke auf Trigger hinzufügen
- Wähle Consent Initialization – All Pages
- Speichern
Best Practice: Verwende immer „Consent Initialization" für dein CMP Tag. So ist garantiert, dass Barefoot CMP vor allen anderen Tags geladen wird und Consent-Defaults korrekt gesetzt sind.
Consent Update Trigger
Wenn ein Nutzer seine Einwilligung erteilt oder ändert, sendet Barefoot CMP automatisch ein consent_update Event an den GTM DataLayer. Du kannst darauf mit einem benutzerdefinierten Trigger reagieren.
Anwendungsfälle:
- Tags sofort nach Consent-Erteilung nachladen (ohne Page Reload)
- Conversion-Pixel nach Consent-Änderung feuern
- Custom Events bei Consent-Widerruf auslösen
Trigger erstellen:
- Gehe zu Trigger → Neuer Trigger
- Name: „Consent Update"
- Trigger-Typ: Benutzerdefiniertes Ereignis
- Ereignisname:
consent_update - Bedingung: Alle benutzerdefinierten Ereignisse
Wichtig: Der consent_update Trigger ist eine Ergänzung, kein Ersatz. Die primäre Consent-Steuerung erfolgt weiterhin über die Tag-Einwilligungseinstellungen. Der Trigger ist nur für Spezialfälle nötig.
DataLayer-Variablen für Consent-Status
Barefoot CMP schreibt den Consent-Status automatisch in den GTM DataLayer. So kannst du auf diese Daten in deinen Tags und Triggern zugreifen.
Verfügbare DataLayer-Variablen
Barefoot CMP setzt folgende Variablen im DataLayer:
| Variable | Werte | Beschreibung |
|---|---|---|
consent_analytics |
granted / denied |
Analytics-Cookies (GA4, Matomo, Hotjar) |
consent_marketing |
granted / denied |
Marketing-Cookies (Facebook, TikTok, Google Ads) |
consent_functional |
granted / denied |
Funktionale Cookies (Chat, Preferences) |
DataLayer-Variablen in GTM anlegen
Um auf die Consent-Werte in Triggern und Tags zuzugreifen, musst du GTM-Variablen erstellen:
Schritt 1: Neue Variable erstellen
- Gehe zu Variablen → Benutzerdefinierte Variablen
- Klicke auf Neue Variable
- Name: „DLV – Consent Analytics"
- Variablentyp: Datenschichtvariable
- Name der Datenschichtvariable:
consent_analytics - Speichern
Schritt 2: Für alle Kategorien wiederholen
Erstelle analog:
- DLV – Consent Marketing →
consent_marketing - DLV – Consent Functional →
consent_functional
Schritt 3: In Triggern verwenden
Jetzt kannst du die Variablen in benutzerdefinierten Triggern nutzen:
Consent-Status in Custom Tags auslesen
In benutzerdefinierten HTML-Tags kannst du den Consent-Status direkt abfragen:
Empfehlung: Nutze bevorzugt die GTM Einwilligungseinstellungen (Built-in Consent) statt manuelle DataLayer-Abfragen. Die manuellen Varianten sind nur für Spezialfälle nötig, wenn die Built-in Methode nicht ausreicht.
Übersicht: Consent Types pro Plattform
Hier findest du eine vollständige Übersicht, welchen Consent Type du für welches Tool in den GTM Tag-Einwilligungseinstellungen eintragen musst.
| Tool / Plattform | Consent Type | Barefoot Kategorie |
|---|---|---|
| Google Analytics 4 | analytics_storage |
Analytics |
| Google Ads (Conversion) | ad_storage |
Marketing |
| Google Ads (Remarketing) | ad_storage, ad_user_data |
Marketing |
| Facebook / Meta Pixel | ad_storage |
Marketing |
| TikTok Pixel | ad_storage |
Marketing |
| LinkedIn Insight Tag | ad_storage |
Marketing |
| Pinterest Tag | ad_storage |
Marketing |
| Microsoft/Bing Ads (UET) | ad_storage |
Marketing |
| Hotjar / Heatmaps | analytics_storage |
Analytics |
| Microsoft Clarity | analytics_storage |
Analytics |
| Matomo | analytics_storage |
Analytics |
| Criteo | ad_storage |
Marketing |
| Amazon Ads | ad_storage |
Marketing |
| Live-Chat (Intercom, Crisp) | functionality_storage |
Functional |
| A/B-Testing (Optimizely, VWO) | functionality_storage |
Functional |
| YouTube (Embed) | ad_storage, personalization_storage |
Marketing |
Tipp: Wenn du unsicher bist, welchen Consent Type ein Tool benötigt, ist ad_storage (Marketing) die sicherste Wahl. Marketing-Tags werden erst nach expliziter Zustimmung geladen – das ist DSGVO-konform.
Startklar?
Starte jetzt deine DSGVO-konforme Consent Journey mit Barefoot CMP und Google Tag Manager. Kostenlos und in Minuten integriert.
Jetzt kostenlos starten