Google Tag Manager Anleitung

Barefoot CMP mit GTM integrieren – Schritt-für-Schritt Anleitung für DSGVO-konformes Consent Management

Ü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:

  1. Gehe zu Tags in der linken Navigation
  2. Klicke auf Neues Tag
  3. Gib dem Tag einen aussagekräftigen Namen, z.B. „Barefoot CMP – Initialization"

Schritt 2: Tag-Typ „Benutzerdefiniertes HTML" wählen

Im Tag-Konfigurationsbereich:

  1. Klicke auf „Tag-Konfiguration"
  2. 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):

<script> (function() { const script = document.createElement('script'); script.src = 'https://cmp.barefoot-performance.com/sdk/barefoot-cmp.js'; script.dataset.cmpId = 'bf_YOUR_CMP_ID'; script.dataset.mode = 'banner'; // oder 'widget' für einen Button script.async = true; document.head.appendChild(script); })(); </script>

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:

  1. Scrollen nach unten zum Abschnitt Trigger
  2. Klicke auf Trigger hinzufügen
  3. Wähle oder erstelle einen Trigger vom Typ Page View
  4. 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:

  1. Klicke auf Speichern um das Tag zu speichern
  2. Gehe zum Arbeitsbereich Übersicht (oben rechts)
  3. Klicke auf Veröffentlichen
  4. Gib eine Versionsbeschreibung ein, z.B. „Barefoot CMP Initialization"
  5. 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:

  1. Gehe zu Templates in der linken Navigation
  2. Klicke auf Neues Template
  3. Klicke auf das Icon oben rechts (drei Punkte) → Aus Galerie importieren
  4. Suche nach „Barefoot CMP"
  5. 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:

  1. Gehe zu Tags
  2. Klicke auf Neues Tag
  3. Unter Tag-Konfiguration: Wähle Barefoot CMP – Cookie Consent

Schritt 3: CMP-ID eingeben

Im Template-Formular:

  1. Gib deine CMP-ID ein (Format: bf_abc12345)
  2. 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

  1. Trigger: Wähle „All Pages" (Alle Seiten)
  2. Klicke Speichern
  3. Arbeitsbereich Übersicht → Veröffentlichen
  4. Versionsbeschreibung: „Barefoot CMP Template v1"
  5. 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

  1. Gehe zu Tags
  2. Finde dein GA4 Tag (meist „Google Analytics – GA4")
  3. Klicke darauf um es zu editieren

Schritt 2: Einwilligungseinstellungen aktivieren

Im Tag-Bereich nach unten scrollen und Einwilligungseinstellungen erweitern:

  1. 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:

  1. Gib ein: analytics_storage
  2. 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

  1. Gehe zu Tags
  2. Finde dein Google Ads Tag (z.B. „Google Ads – Conversion Tracking")
  3. Klicke zum Editieren

Schritt 2: Einwilligungseinstellungen aktivieren

Scrolle zu Einwilligungseinstellungen und aktiviere:

  1. „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:

  1. Gib ein: ad_storage
  2. 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:

  1. Öffne das Tag, das du schützen möchtest
  2. Gehe zu Einwilligungseinstellungen
  3. Aktiviere „Dieses Tag benötigt die Einwilligung des Nutzers zum Auslösen"
  4. Unter Zusätzliche Einwilligung gib einen Consent Type ein (siehe unten)
  5. 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_storage fü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)

  1. Klicke oben rechts auf Vorschau
  2. Ein Browser-Tab öffnet sich mit der Preview-Version deines Containers
  3. Besuche deine Website mit diesem Tab
  4. 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

  1. Installiere Tag Assistant von Google
  2. Öffne die Extension auf deiner Website
  3. Es zeigt alle GTM Tags und deren Auslösestatus
  4. Ü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:

// In der Browser-Konsole eingeben (F12): window.consentStatus

Das zeigt dir den aktuellen Consent-Status. Du solltest sehen:

{ "analytics_storage": "denied" oder "granted", "ad_storage": "denied" oder "granted" }

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:

  1. Überprüfe die Tag-Einwilligungseinstellungen im GTM
  2. Stelle sicher, dass du „Zusätzliche Einwilligung erforderlich" aktiviert hast
  3. Überprüfe, dass der Consent Type korrekt geschrieben ist (z.B. analytics_storage, nicht „analytics")
  4. Teste im Preview-Modus erneut

Fehler 2: Consent-Signale werden nicht gesetzt

Problem: window.consentStatus zeigt undefined oder leere Objekte.

Lösung:

  1. Prüfe, ob das Barefoot CMP Script geladen hat (Check in Network Tab)
  2. Überprüfe deine CMP-ID (muss korrekt sein)
  3. Leere deinen Browser-Cache und Cookies
  4. Überprüfe die Browser Console auf Fehler (F12 → Console)
  5. 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:

  1. Überprüfe dein Seitentemplate – ist vielleicht ein anderes CMP Script hardcoded?
  2. Entferne alle anderen Consent-Snippets außer Barefoot CMP
  3. 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:

  1. Prüfe die Browser Console (F12): Gibt es JavaScript Fehler?
  2. Überprüfe: Wurde der Container mit dein GTM Tag bereits veröffentlicht?
  3. GTM Preview ausschalten und normale Version besuchen
  4. Prüfe, dass der GTM Container-Code auf der Website eingebunden ist
  5. Bei Self-Hosted CMP: Überprüfe die API URL

Häufig gestellte Fragen (FAQ)

Kann ich Barefoot CMP ohne GTM nutzen? ▼
Ja! Barefoot CMP funktioniert unabhängig von GTM. Mit GTM ist es aber einfacher, alle Tags zentral zu verwalten. Du kannst auch nur das Barefoot CMP Script laden und ohne GTM andere Tools manuell einbinden.
Welche Methode sollte ich nutzen – Method 1 oder 2? ▼
Methode 1 (Custom HTML) ist für Anfänger ideal – schnell und unkompliziert. Methode 2 (Template) ist besser für erweiterte Szenarien mit mehreren Custom Settings. Anfänger sollten mit Methode 1 starten.
Wo finde ich meine CMP-ID? ▼
Melde dich im Barefoot CMP Dashboard an, gehe zu „Einstellungen" → „Allgemein" und du siehst deine CMP-ID im Format bf_abc12345. Du kannst sie kopieren und direkt in GTM einfügen.
Muss ich meine Google Ads Tags auch mit Consent verbinden? ▼
Ja, das ist stark empfohlen. Google selbst empfiehlt, alle Ads-Conversions an Consent Mode zu binden. Ohne Consent setzen viele Google Tools keine Cookies. Mit Barefoot CMP kannst du das ganz einfach im GTM Setup durchführen.
Was ist der Unterschied zwischen „analytics_storage" und „ad_storage"? ▼
analytics_storage = Nutzerverhalten & Website-Nutzung (Google Analytics, Heatmaps). ad_storage = Werbe-Tracking & Remarketing (Google Ads, Facebook Pixel). Sie sind voneinander unabhängig und können granular gesteuert werden.
Ist Barefoot CMP mit Google Consent Mode v2 kompatibel? ▼
Ja, Barefoot CMP ist vollständig mit Consent Mode v2 kompatibel. Tatsächlich setzt Barefoot CMP v2 automatisch und richtig. Das ist einer der großen Vorteile.
Kann ich die Consent-Einstellungen später ändern? ▼
Ja! Im Barefoot CMP Dashboard kannst du jederzeit deine Einstellungen anpassen. Im GTM musst du nur die Tags entsprechend aktualisieren. Änderungen werden nach der nächsten Veröffentlichung live.
Unterstützt Barefoot CMP Custom Consent Types? ▼
Ja, neben den Standard-Types (analytics_storage, ad_storage, etc.) kannst du auch Custom Types definieren. Das ist hilfreich für speziale Tools. Details findest du in der Dokumentation.
Wie teste ich, ob alles korrekt funktioniert? ▼
Nutze GTMs Preview-Modus, um Tags in Echtzeit zu sehen. Installiere auch Tag Assistant. Öffne die Browser Console (F12) und gib window.consentStatus ein – das zeigt den aktuellen Consent-Status.
Was ist der Support-Kontakt, wenn ich Hilfe brauche? ▼
Kontaktiere das Barefoot Performance Team unter Colin.Kottek@barefoot-creative.com oder via Dashboard Chat-Support.

Startklar?

Starte jetzt deine DSGVO-konforme Consent Journey mit Barefoot CMP und Google Tag Manager. Kostenlos und in Minuten integriert.

Jetzt kostenlos starten