Einbindung & Skripte

Cookie Consent einbinden: PrivacyBox Consent Management Platform

Hier erfahren Sie, wie Sie Cookie Consent mit der PrivacyBox Consent Management Platform technisch korrekt einbinden, den JavaScript-Loader im <head> platzieren und consent-abhängige Dienste erst nach der vorgesehenen Einwilligung starten.

Die Reihenfolge

Die richtige Reihenfolge für Cookie Consent und CMP-Skripte

Die Consent-Steuerung muss möglichst früh aktiv sein. Deshalb gehört der PrivacyBox-Loader in den technischen <head>-Bereich und vor Skripte oder Ressourcen, deren Ausführung von einer Einwilligung abhängt.

1Grundlegende Meta-Daten
2PrivacyBox-Loader
3Consent-abhängige Dienste
4Restliche Website
PrivacyBox Einbindung

PrivacyBox CMP im <head> einbinden

Mit <head> ist der technische Kopfbereich des HTML-Dokuments gemeint. Fügen Sie die PrivacyBox direkt nach den grundlegenden Seiten-Metadaten ein – vor externen Schriften, CSS-Dateien, Drittanbieter-Ressourcen und allen anderen JavaScripts. Der Loader gehört nicht in den sichtbaren <header> der Webseite.

Einbindung der PrivacyBox CMP direkt nach den grundlegenden Meta-Daten im Head-Bereich

Beispiel

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Meine Webseite</title> <meta name="description" content="Beschreibung meiner Webseite"> <meta name="keywords" content="Ihre, Keywords, hier"> <!-- PrivacyBox CMP: Direkt nach den grundlegenden Seiten-Metadaten einbinden – vor externen Schriften, CSS-Dateien, Drittanbieter-Ressourcen und allen anderen JavaScripts --> <script id="privacybox-cmp" data-cmp="PrivacyBox" data-cmp-name="PrivacyBox CMP" data-cmp-type="Consent Management Platform" data-cmp-provider="EDV Sachverständigen- und Datenschutzbüro Michael J. Schüssler" data-cmp-version="3.0" data-cmp-integration="JavaScript Loader" src="https://privacybox-cmp.de/privacybox/loader.php?id=PB-IHRE-ID"> </script> <!-- Erst danach weitere Head-Inhalte, externe Ressourcen und Skripte --> </head>
Wichtig: PB-IHRE-ID ist ein Platzhalter. Ersetzen Sie ihn durch die persönliche PrivacyBox-ID aus Ihrer Aktivierung. Der Loader wird ohne async und ohne defer eingebunden.
Wann laden?

Warum die Consent Management Platform vor anderen Skripten laden?

Externe Analyse-, Marketing- oder Mediendienste können schon beim Seitenaufruf Netzwerkverbindungen aufbauen. Wird die Consent-Steuerung erst danach geladen, kann dieser erste Request bereits erfolgt sein.

1

Früh laden

PrivacyBox wird möglichst früh im Dokument verfügbar.

2

Dienste kontrollieren

Optionale Dienste sollen nicht unkontrolliert vorher starten.

3

Danach testen

Im Netzwerk-Tab lässt sich kontrollieren, welche Requests tatsächlich ausgelöst werden.

Reihenfolge

Falsche und richtige Reihenfolge

Problematisch

<head> <!-- Externer Dienst startet zuerst --> <script src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script> <!-- PrivacyBox kommt erst danach --> <script id="privacybox-cmp" src="https://privacybox-cmp.de/privacybox/loader.php?id=PB-IHRE-ID"> </script> </head>
Hier kann der externe Dienst bereits geladen werden, bevor PrivacyBox aktiv ist.

Besser

<head> <!-- PrivacyBox zuerst --> <script id="privacybox-cmp" src="https://privacybox-cmp.de/privacybox/loader.php?id=PB-IHRE-ID"> </script> <!-- Danach weitere consent-abhängige Dienste --> </head>
Die Consent-Steuerung ist zuerst vorhanden. Anschließend können die vorgesehenen Dienste abhängig von der gewählten Konfiguration behandelt werden.

Noch Fragen zur Einrichtung?

Bei technischen Fragen zur Integration oder Konfiguration können Sie uns direkt kontaktieren.

Kontakt aufnehmen