1. Banner installieren
Platzieren Sie das folgende Script im <head> oder direkt vor </body> Ihrer Website. Ersetzen Sie JOUW_API_KEY durch den API-Schlüssel, den Sie auf der Website-Seite in Ihrem Dashboard finden.
<script src="https://www.cookieopt.com/embed/banner.js" data-api-key="JOUW_API_KEY"></script>
Das Cookie-Banner erscheint automatisch für Besucher, die noch keine Wahl getroffen haben.
Tipp: Platzieren Sie das Script so weit oben wie möglich auf der Seite, damit Google Consent Mode rechtzeitig gesetzt wird.
2. Automatische Script-Blockierung
CookieOpt blockiert automatisch Scripts von Drittanbietern (wie Google Analytics, Facebook Pixel, Hotjar), bis der Besucher einwilligt. Scripts werden erst nach der Einwilligung für die passende Kategorie geladen und ausgeführt.
Automatisch blockierte Dienste
Die folgenden Dienste werden ohne zusätzliche Konfiguration automatisch erkannt und blockiert:
- Google Analytics, Google Ads, DoubleClick
- Facebook Pixel, Meta
- Hotjar, Microsoft Clarity
- LinkedIn Ads, TikTok Analytics, Bing Ads
- Plausible, Umami, WP Stats
- LiveChat, Intercom
Scripts manuell blockieren
Scripts, die nicht automatisch erkannt werden, können Sie manuell taggen. Ändern Sie type in text/plain und fügen Sie ein data-cookieopt-Attribut mit der Kategorie hinzu:
<script type="text/plain" data-cookieopt="analytics" src="https://example.com/tracker.js"></script>
Das funktioniert auch für Inline-Scripts:
<script type="text/plain" data-cookieopt="marketing">
fbq('init', '123456');
fbq('track', 'PageView');
</script>
Verfügbare Kategorien: analytics, marketing, preferences
3. Cookie-Erklärung einbetten
Sie können die Cookie-Erklärung automatisch auf Ihrer Datenschutz- oder Cookie-Seite anzeigen lassen. Es gibt zwei Möglichkeiten:
1. Platzieren Sie dieses div an der Stelle, an der die Tabelle erscheinen soll
<div id="cookieopt-declaration"></div>
Die Cookie-Tabelle wird automatisch vom Banner-Script geladen. Stellen Sie sicher, dass das Banner-Script auch auf dieser Seite eingebunden ist.
2. Direkter Link zur Cookie-Erklärung
Sie können auch direkt auf die gehostete Cookie-Erklärung verlinken:
https://www.cookieopt.com/cookie-declaration/JOUW_API_KEY
4. Banner anpassen
Gehen Sie zu Websites > Ihre Website > Banner anpassen, um das Banner zu konfigurieren. Sie können Folgendes einstellen:
- Banner-Typ: dialog (Popup), bar (Leiste) oder popup (Ecke)
- Farben: Hintergrund, Text, Buttons und Akzente (Pro)
- Texte: alle Texte sind anpassbar und mehrsprachig
- Logo: laden Sie Ihr eigenes Logo für das Banner hoch (Pro)
- Buttons: wählen Sie, welche Buttons sichtbar sind (alles akzeptieren, Auswahl, ablehnen)
- Button zum erneuten Öffnen: zeigen Sie ein schwebendes Cookie-Symbol, mit dem Besucher ihre Wahl ändern können
5. Cookie-Scanner
Der Cookie-Scanner erkennt automatisch, welche Cookies Ihre Website setzt.
- Der Scanner läuft automatisch monatlich. Pro-Nutzer können auch manuell scannen.
- Gefundene Cookies werden automatisch mithilfe von KI kategorisiert.
- Kategorisierte Cookies erscheinen automatisch in der Cookie-Erklärung.
6. Consent-Protokoll
Alle Consent-Entscheidungen der Besucher werden als Nachweis für die DSGVO-Compliance gespeichert.
- Sehen Sie alle Consent-Einträge mit Datum, Sitzungs-ID und getroffenen Entscheidungen ein.
- Exportieren Sie Consent-Daten als CSV für Audits (Pro).
- Erstellen Sie einen Compliance-Bericht als PDF (Pro).
- Daten werden nach der Aufbewahrungsfrist automatisch bereinigt (30 Tage Free, 365 Tage Pro).
7. Google Consent Mode v2
CookieOpt unterstützt Google Consent Mode v2 automatisch. Trifft ein Besucher eine Wahl, werden die passenden Consent-Signale an Google weitergegeben (analytics_storage, ad_storage usw.).
Das funktioniert automatisch, sobald das Banner-Script installiert ist. Es ist keine zusätzliche Konfiguration nötig.
8. Google Tag Manager
Wenn Sie CookieOpt über den Google Tag Manager laden möchten, erstellen Sie ein Custom-HTML-Tag mit folgendem Code:
<script>
(function(){
var s = document.createElement('script');
s.src = 'https://www.cookieopt.com/embed/banner.js?v=' + Date.now();
s.setAttribute('data-api-key', 'JOUW_API_KEY');
document.head.appendChild(s);
})();
</script>
Stellen Sie den Trigger auf „Consent Initialization - All Pages“, damit das Banner vor allen anderen Tags lädt.
Entfernen Sie das CookieOpt-Script aus dem HTML Ihrer Website, um doppelte Banner zu vermeiden.
9. IP-Whitelisting
Nutzen Sie eine Firewall, ein CDN oder eine andere Sicherheitsebene, die ausgehende oder eingehende Anfragen filtert? Fügen Sie dann die folgenden IP-Adressen zu Ihrer Whitelist hinzu, damit CookieOpt Ihre Website korrekt scannen kann und das Banner-Script problemlos geladen wird.
172.67.217.232
104.21.62.19
Diese Liste kann künftig erweitert werden. Prüfen Sie diese Seite regelmäßig auf Änderungen.