Erste Schritte mit Barefoot CMP
1. Was ist Barefoot CMP?
Barefoot CMP ist eine DSGVO-konforme Cookie Consent Management Platform, die speziell für kleine und mittelgroße Unternehmen entwickelt wurde. Als Alternative zu Cookiebot und CookieYes bietet Barefoot CMP alle wichtigen Funktionen zu einem fairen Preis – komplett Made in Germany.
Das Besondere: Die Integration ist denkbar einfach. Ein Script-Tag in Ihre Website einbinden – fertig. Kein kompliziertes Setup, keine Programmierung nötig. Barefoot CMP kümmert sich automatisch um Cookie-Banner, Consent-Verwaltung und Google Consent Mode v2.
Barefoot CMP blockiert automatisch über 30 bekannte Tracker-Patterns (Google Analytics, Facebook Pixel, TikTok, LinkedIn u.v.m.) bevor der Besucher seine Einwilligung gibt. So ist Ihre Website von der ersten Sekunde an DSGVO-konform.
Kostenlos starten: Der Free Plan beinhaltet 1 Website, 1.000 Consents pro Monat und alle Basis-Features – ideal zum Testen und für kleine Projekte.
2. So funktioniert's
Barefoot CMP arbeitet in 5 einfachen Schritten. Von der Einbindung bis zur DSGVO-konformen Protokollierung – alles passiert automatisch:
Script auf Website einbinden
Sie fügen eine einzige Zeile Code in den <head>-Bereich Ihrer Website ein. Das Script lädt asynchron und blockiert nicht das Rendering Ihrer Seite.
Banner wird automatisch angezeigt
Sobald ein Besucher Ihre Website aufruft, erscheint das Cookie-Banner. EU-Besucher sehen die Opt-in-Variante, Besucher außerhalb der EU optional eine Opt-out-Variante.
Besucher gibt Einwilligung
Der Besucher kann alle Cookies akzeptieren, alle ablehnen oder granular zwischen den Kategorien (Analytics, Marketing, Funktional) wählen.
Tracking-Scripts werden entsprechend freigeschaltet oder blockiert
Basierend auf der Entscheidung des Besuchers werden Tracking-Scripts (Google Analytics, Facebook Pixel, etc.) automatisch aktiviert oder weiterhin blockiert. Google Consent Mode v2 Signale werden in Echtzeit aktualisiert.
Consent wird protokolliert (DSGVO-konform)
Jede Entscheidung wird mit Zeitstempel und anonymisierter ID gespeichert. IP-Adressen werden nur als SHA-256-Hash erfasst. Die Logs können jederzeit als CSV oder JSON exportiert werden.
3. Account erstellen
Um Barefoot CMP nutzen zu können, erstellen Sie zunächst einen kostenlosen Account. Gehen Sie dazu auf die Registrierungsseite und geben Sie Ihre E-Mail-Adresse und ein Passwort ein.
Nach der Registrierung können Sie sofort Ihre erste Website anlegen und das Cookie-Banner einbinden. Je nach Bedarf stehen Ihnen drei Pläne zur Verfügung:
| Plan | Preis | Websites | Features |
|---|---|---|---|
| Free | 0 EUR/Monat | 1 Website | Basis-Banner, 1.000 Consents/Monat, Consent Mode v2 |
| Pro | 9 EUR/Monat | 1 Website | Alle Features, Scanner, Policy-Generator, Export |
| Agency | 49 EUR/Monat | Bis zu 50 Websites | Alle Pro-Features, Priority Support, Multi-Site |
Tipp: Der Free Plan ist dauerhaft kostenlos – kein Ablaufdatum, keine Kreditkarte nötig. Sie können jederzeit auf Pro oder Agency upgraden.
4. Website registrieren
Nach dem Login im Dashboard können Sie Ihre erste Website registrieren. Folgen Sie diesen Schritten:
- Öffnen Sie das Dashboard und loggen Sie sich ein
- Klicken Sie auf "Neue Website" oder "Website hinzufügen"
- Geben Sie die Domain Ihrer Website ein (z.B.
www.meine-website.de) - Wählen Sie die Sprache für das Cookie-Banner (Deutsch, Englisch oder eine der 12 unterstützten Sprachen)
- Klicken Sie auf "Speichern"
Nach dem Speichern erhalten Sie eine CMP-ID im Format bf_XXXXXXXX (z.B. bf_a1b2c3d4). Diese ID ist einzigartig für Ihre Website und wird im Script-Tag verwendet.
Hinweis: Die CMP-ID finden Sie jederzeit im Dashboard unter Ihren Website-Einstellungen. Sie können sie dort auch kopieren.
5. Script einbinden
Jetzt kommt der wichtigste Schritt: Das Barefoot CMP Script in Ihre Website einbinden. Es ist nur eine einzige Zeile Code:
<script src="https://cmp.barefoot-performance.com/v1/loader.js?id=DEINE_CMP_ID" async></script>
Ersetzen Sie DEINE_CMP_ID durch Ihre tatsächliche CMP-ID aus dem Dashboard (z.B. bf_a1b2c3d4).
Wo platzieren?
Das Script gehört in den <head>-Bereich Ihrer Website – vor allen anderen Scripts (insbesondere vor Google Analytics, Facebook Pixel, etc.). So wird sichergestellt, dass Tracker blockiert werden, bevor sie laden können.
Vollständiges HTML-Beispiel
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Meine Website</title>
<!-- Barefoot CMP - VOR allen anderen Scripts -->
<script src="https://cmp.barefoot-performance.com/v1/loader.js?id=bf_a1b2c3d4" async></script>
<!-- Google Analytics (wird automatisch blockiert) -->
<script src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
</head>
<body>
<!-- Ihre Website-Inhalte -->
</body>
</html>
Performance: Das Script ist nur ca. 25 KB groß und wird asynchron geladen. Es blockiert nicht das Rendering Ihrer Seite und hat keinen spürbaren Einfluss auf die Ladezeit.
Wichtig: Das Barefoot CMP Script muss VOR Google Analytics, Facebook Pixel und allen anderen Tracking-Scripts eingebunden werden. Nur so kann das Auto-Blocking korrekt funktionieren.
6. Funktionstest
Nachdem Sie das Script eingebunden haben, sollten Sie die Integration testen. Folgen Sie dieser Checkliste:
- Website öffnen: Rufen Sie Ihre Website in einem neuen Browser-Fenster auf (oder im Inkognito-Modus, damit keine gespeicherten Cookies die Anzeige beeinflussen)
- Banner prüfen: Das Cookie-Banner sollte automatisch am unteren Rand des Bildschirms erscheinen
- Developer Console öffnen: Drücken Sie
F12(oderCmd + Option + Iauf Mac) und wechseln Sie zum Tab "Console" - Keine Fehler: Stellen Sie sicher, dass keine JavaScript-Fehler in der Console angezeigt werden
- API testen: Geben Sie folgenden Befehl in die Console ein:
// Consent-Status abfragen
console.log(window.ConsentManager.getConsent());
// Prüfen ob CMP geladen ist
console.log('CMP geladen:', typeof window.ConsentManager !== 'undefined');
- Das Cookie-Banner erscheint beim ersten Besuch
- Die Buttons "Alle akzeptieren", "Alle ablehnen" und "Einstellungen" sind sichtbar
- Keine JavaScript-Fehler in der Browser-Console
window.ConsentManagerist als Objekt verfügbar- Nach dem Akzeptieren verschwindet das Banner
- Beim erneuten Laden der Seite erscheint das Banner nicht mehr (Consent wurde gespeichert)
Geschafft! Wenn das Banner erscheint und keine Fehler in der Console angezeigt werden, ist Barefoot CMP korrekt eingerichtet. Ihre Website ist jetzt DSGVO-konform.
7. Google Consent Mode v2
Barefoot CMP setzt alle 7 Google Consent Mode v2 Signale automatisch. Sie müssen nichts extra konfigurieren:
ad_storage– Speicherung für Werbezweckead_user_data– Nutzerdaten für Werbung an Google sendenad_personalization– Personalisierte Werbunganalytics_storage– Speicherung für Analysezweckefunctionality_storage– Funktionale Speicherungpersonalization_storage– Personalisierungsspeicherungsecurity_storage– Sicherheitsbezogene Speicherung
Vor der Einwilligung werden alle relevanten Signale auf denied gesetzt. Sobald der Besucher zustimmt, werden die entsprechenden Signale auf granted aktualisiert – in Echtzeit, ohne Seitenneuladung.
Mehr erfahren: Detaillierte Informationen zur Google Consent Mode v2 Integration finden Sie in unserem Google Consent Mode v2 Leitfaden.
Bereit? Jetzt kostenlos starten
In 5 Minuten zum DSGVO-konformen Cookie-Banner. Keine Kreditkarte nötig.
Kostenlos registrieren8. Nächste Schritte
Barefoot CMP ist eingerichtet – aber es gibt noch viel mehr zu entdecken. Hier sind weiterführende Anleitungen: