freiwerk
Wiki
← Zurück zur Übersicht

CCM19 Cookie-Banner über e-recht24 einbinden

WordPress · Datenschutz 0 offen
1
Was ist CCM19?
DatenschutzWordPress

CCM19 ist ein deutsches Cookie-Consent-Tool, das DSGVO-konforme Cookie-Banner für Websites bereitstellt. Es wird häufig über e-recht24.de bereitgestellt und per JavaScript-Snippet in WordPress eingebunden.

  • Blockiert standardmäßig alle Skripte und Iframes, bis der Nutzer einwilligt.
  • Verwaltet Cookie-Kategorien (Notwendig, Marketing, Statistik …).
  • Einbindung in WordPress über ein <script>-Tag im <head>-Bereich.
💡
Bezug: Das CCM19-Skript wird von e-recht24.de für Kunden bereitgestellt. Jeder Kunde hat seinen eigenen apiKey und domain-Parameter im Skript.
2
Das Problem mit dem Divi Visual Builder
BugDivi
🔴
Symptom: Nach dem Einbinden von CCM19 lädt der Divi Visual Builder im Frontend nicht mehr oder bleibt beim Laden hängen.

Ursache

CCM19 blockiert standardmäßig alle Iframes und bestimmte Skripte, bis der Nutzer Cookie-Einstellungen vorgenommen hat. Divi nutzt für den Visual Builder eigene Iframes und Skripte – diese werden von CCM19 ebenfalls blockiert, obwohl sie nichts mit Tracking oder Cookies zu tun haben.

Das Ergebnis: Der Divi Builder dreht sich im Ladekreis und startet nicht.

3
Die Lösung – class="et_fb_ignore"
LösungDivi

Die Lösung ist einfach: Das CCM19-Skript-Tag bekommt das Attribut class="et_fb_ignore". Damit signalisiert man Divi, dieses Skript beim Laden des Visual Builders zu ignorieren – CCM19 funktioniert auf der regulären Webseite weiterhin normal.

Vorher / Nachher

❌ VORHER – verursacht Builder-Konflikt
<script src="https://cloud.ccm19.de/app.js?apiKey=…&domain=…" referrerpolicy="origin"></script>
✅ NACHHER – funktioniert mit Divi Builder
<script class="et_fb_ignore" src="https://cloud.ccm19.de/app.js?apiKey=…&domain=…" referrerpolicy="origin"></script>
✅
Warum funktioniert das? et_fb_ignore ist eine Divi-eigene CSS-Klasse. Divi überspringt alle Elemente mit dieser Klasse beim Initialisieren des Visual Builders. CCM19 selbst wird dadurch nicht beeinflusst – der Cookie-Banner läuft weiterhin normal.
4
Schritt-für-Schritt – Einbindung in WordPress
WordPressAnleitung

Pfad in Divi

WP-Admin → Divi → Theme-Optionen → Integrationen → „Code dem <head> hinzufügen"

Das vollständige Skript (Vorlage)

Den apiKey- und domain-Wert aus dem e-recht24-Dashboard des jeweiligen Kunden einfügen:

Einzufügendes Skript
<script class="et_fb_ignore" src="https://cloud.ccm19.de/app.js?apiKey=DEIN_API_KEY&domain=DEINE_DOMAIN_ID" referrerpolicy="origin"></script>
⚠️
Wichtig: apiKey und domain sind kundenspezifisch. Diese Werte niemals zwischen verschiedenen Kundenprojekten austauschen. Den korrekten Wert immer aus dem e-recht24-Dashboard des jeweiligen Kunden kopieren.

Nach dem Speichern prüfen

  • Cookie-Banner erscheint auf der Webseite für eingeloggte Nutzer (einmal Cookies löschen falls nötig).
  • Divi Visual Builder lässt sich ohne Probleme öffnen und bearbeiten.
  • Im Browser-Inspektor (F12 → Network) sollte app.js von cloud.ccm19.de geladen werden.
5
Checkliste
ChecklisteDatenschutz
  • ☐ CCM19-Skript enthält class="et_fb_ignore"
  • ☐ Skript ist in Divi → Theme-Optionen → Integrationen → Head eingetragen
  • ☐ apiKey und domain sind kundenspezifisch und korrekt
  • ☐ Cookie-Banner erscheint korrekt auf der Webseite
  • ☐ Divi Visual Builder lädt ohne Probleme