-
Installation und KonfigurationHier finden Sie die Dokumentation zum Einfügen des Banners in Ihre Website, zur Verwaltung von 3rd-Party-Skripten und zu den Einstellungen.
-
Allgemeine InformationenAllgemeine Informationen, Vorverkäufe, Wiederverkäufer usw.
-
IntegrationenWie Sie CookieFirst in verschiedene andere Dienste wie Google Tag Manager und andere integrieren.
-
Erweiterte FunktionenIn diesem Bereich finden Sie Artikel über unsere Javascript-API und wie Sie sie verwenden können.
Empfohlene Beiträge
-
Sie haben also ein Konto bei CookieFirst angelegt und sind nun bereit, das Banner auf Ihrer Website zu integrieren, super!
Wählen Sie in Ihrem Account unter "Sites" -> "**Settings**" die Website aus, für die Sie das Banner implementieren möchten. Achten Sie auf die Schaltfläche Your embed script.
Auf dieser Seite gibt es 3 Felder.- Der API-Key kann verwendet werden, wenn Sie Wordpress verwenden, lesen Sie mehr darüber hier.
- Das zweite Feld ist der Javascript-Ausschnitt, der das Banner zu Ihrer Website hinzufügt, wenn Sie Wordpress nicht verwenden. Platzieren Sie dieses Snippet als first Skript nach dem Öffnen des <head>-Tags auf Ihrer Website.
- Das dritte Feld kann kopiert und auf Ihrer Datenschutzseite eingefügt werden. Es wird die aktuelle Version Ihrer Cookie-Richtlinie angezeigt.
- Das letzte Feld ist für diejenigen, die nur die Cookie-Tabelle einbetten möchten. Dies kann nützlich sein, wenn Sie die Cookie-Richtlinie aus unserem Backend nicht verwenden möchten.
Fugen sie das Cookie-Banner zu ihrer Website hinzu.
-
Wie Sie vielleicht wissen, können Sie bestimmte Skripte von Dritten nicht ausführen, bevor ein Website-Besucher der Kategorie Werbung/Marketing aktiv zugestimmt hat. Um dieser Regelung zu entsprechen, müssten Sie die Tracking-Skripts Dritter auf Ihrer Website ändern.
In diesem Artikel lesen Sie, was Sie mit diesen Skripts tun müssen, damit unser Banner vollständig konform ist. Sie haben die volle Kontrolle über Ihre Skripte und darüber, wo sie ausgeführt werden.Dies ist eine fortgeschrittene Funktion, sie ist nur für unsere kostenpflichtigen Pakete verfügbar. Sind Sie im kostenlosen Plan? Bitte lesen Sie diesen Artikel.- Schlagen Sie die Skripte nach, die auf Ihrer Website verwendet werden. Dabei kann es sich um Werbepixel, Chat-Skripte oder andere Integrationen handeln, die Sie für Marketing, Statistiken oder andere Zwecke verwenden können. Für dieses Beispiel verwende ich das Einrichten eines Facebook-Pixels.
Sie erhalten diesen Code von Facebook, um das Pixel auf Ihrer Website einzubetten.
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXXXXXXXXXX');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXX&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code --> - Um diesen DSGVO-konformen Code zu Ihrer Website hinzuzufügen, müssten wir ihn einer Kategorie von Cookies zuordnen. In diesem Fall handelt es sich bei dem Facebook-Pixel um ein Werbe-Cookie eines Dritten.
Wir müssten den <script>-Tag hier oben auf dem Code wie folgt ändern: - Achten Sie bitte auf den Teil, in dem Sie "type=text/plain" bearbeiten. Sie müssen dies ändern oder in Ihr Skript aufnehmen, um sicherzustellen, dass es nur ausgeführt wird, wenn eine bestimmte Kategorie akzeptiert wird.
Für Werbung/Marketing verwenden wir
<script type="text/plain" data-cookiefirst-category="advertising">Your script here</script>
Für funktionale Skripte verwenden wir
<script type="text/plain" data-cookiefirst-category="functional">Your script here</script>
Für notwendige Skripte verwenden wir
<script type="text/plain" data-cookiefirst-category="necessary">Your script here</script>
Für Performance-Skripte verwenden wir
<script type="text/plain" data-cookiefirst-category="performance">Your script here</script>
Am Ende wird unser Facebook-Pixelskript wie folgt aussehen:
<!-- Facebook Pixel Code -->
<script type="text/plain" data-cookiefirst-category="advertising">
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXXXXXXXXXX');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXX&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->Um vollständig konform zu sein, müssten Sie die entsprechenden Skripte auf Ihrer Website ändern.
- Schlagen Sie die Skripte nach, die auf Ihrer Website verwendet werden. Dabei kann es sich um Werbepixel, Chat-Skripte oder andere Integrationen handeln, die Sie für Marketing, Statistiken oder andere Zwecke verwenden können. Für dieses Beispiel verwende ich das Einrichten eines Facebook-Pixels.
-
Um Google Tag Manager und Cookie First effektiv zu nutzen, können Sie folgende Anleitung verwenden, um das Banner zu implementieren und Google Consent Mode v2 für Ihre Website zu konfigurieren.
Dieser Artikel implementiert standardmäßig den erweiterten Zustimmungsmodus
Der erweiterte Zustimmungsmodus ermöglicht es Google-Tags, auch ohne Zustimmung ausgeführt zu werden, sendet jedoch cookielose Pings an Google. Lesen Sie mehr darüber in folgendem Artikel: Consent Mode Basic vs Advanced"
Wenn Sie bei der Einhaltung der DSGVO strenger sein möchten, verwenden Sie den Basis-Zustimmungsmodus. Das bedeutet, Google-Tags vor Zustimmung zu blockieren. In diesem Fall stellen Sie sicher, dass Sie Abschnitt 4.1 in diesem Artikel befolgen.
Wir nehmen an, dass Sie bereits Kenntnisse über GTM haben und einen Website-Container erstellt haben, um Tags für Ihre Website zu konfigurieren.
Aktivieren Sie Google Consent Mode v2 für Ihr Cookie-Banner
Öffnen Sie Ihre Domain-Einstellungen und gehen Sie zum Tab "Google Consent Mode-Einstellungen". Aktivieren Sie die Option Google Consent Mode und speichern Sie Ihre Konfiguration. (Aktivieren Sie nur den ersten Schalter, wenn Sie die GTM-Vorlage verwenden)
1. Installation über GTM-Galerie
1. Klicke auf Neues Tag und dann auf " Entdecke weitere Tag-Typen in der Community-Vorlagengalerie
1. Klicke auf Neues Tag und dann auf " Entdecke weitere Tag-Typen in der Community-Vorlagengalerie
3 füge den Tag zu deinem GTM hinzu und wähle ihn aus.
Hier ein weiterer Link mit Optionen zur Installation.
https://tagmanager.google.com/gallery/#/owners/cookiefirst/templates/gtm-template
2. Fügen Sie das Cookie First-Banner auf Ihrer Website hinzu
Hier gibt es zwei Möglichkeiten. Entweder laden Sie das Cookie-Banner über GTM oder Sie laden es direkt auf Ihrer Website. Wenn Sie das Banner bereits im Code Ihrer Website laden, können Sie diesen Schritt überspringen.
2.1 Laden Sie das Cookie-Banner über GTM
Melden Sie sich bei Cookie First an und erhalten Sie den API-Schlüssel im Abschnitt "Skripte einbetten" für die Domain, die Sie bearbeiten.
- Fügen Sie Ihrem GTM einen neuen Tag hinzu - geben Sie ihm einen Namen, z.B. CookieFirst-Konfiguration
- Klicken Sie auf "Tag-Konfiguration" und wählen Sie im Panel unter "Benutzerdefiniert" die Cookie-First-Vorlage aus.
- Fügen Sie den API-Schlüssel ein, den Sie aus Ihrem Cookie-First-Backend kopiert haben, und fügen Sie ihn in den API-Schlüssel-Bereich ein.
Sie können auch zusätzliche Einstellungen aktivieren:
Ad-Klickinformationen über URLs übergeben: Wenn ein Besucher nach dem Klicken auf eine Anzeige auf einer Website des Werbetreibenden landet, können Informationen über die Anzeige als Abfrageparameter an die Zielseiten-URLs angehängt werden.
Werbedaten ausblenden: Wenn ad_storage verweigert wird, werden keine neuen Cookies für Werbezwecke gesetzt. Darüber hinaus werden zuvor auf google.com und doubleclick.net gesetzte Cookies von Drittanbietern nicht verwendet. Die an Google gesendeten Daten enthalten weiterhin die vollständige Seiten-URL einschließlich eventueller Ad-Klickinformationen in den URL-Parametern.
3. Legen Sie den Standardzustimmungsstatus fest (Google Consent Mode v2)
Im nächsten Abschnitt der Vorlage können Sie die Standard-Google-Zustimmungseinstellungen für Ihre Tags konfigurieren, wenn Sie diese verwenden möchten. Sie können immer noch unsere Legacy-GTM-Konfiguration für Ihre Tags verwenden.
In diesem Abschnitt können Sie festlegen, welche Kategorien von Cookies und Skripten vor der Zustimmung eines Benutzers gewährt oder verweigert werden bevor ein Benutzer seine Zustimmung abgibt. Sie können Standardwerte für bestimmte Regionen festlegen. Eine Liste der unterstützten Ländercodes finden Sie auf dieser Wiki-Seite.
Wichtig: Die Standardvoreinstellung für diese Kategorien ist Verweigert. Dies ist die strengste Einstellung, die die meisten Datenschutzgesetze erfordern und auf einer Opt-In-Basis namens "vorherige Zustimmung" beruht. Das bedeutet, dass nur notwendige Cookies/Skripte gesetzt werden können, bevor ein Benutzer zustimmt.
Klicken Sie auf Neue Regionseinstellung und wählen Sie die Standardwerte für diese Region aus. Wenn Sie die Region leer lassen, gilt diese Einstellung für jeden Benutzer, unabhängig von der Region.
Um die Standard-Zustimmung für die EU + Großbritannien festzulegen, können Sie diese kommagetrennte Liste unten kopieren und in das Eingabefeld für die Region einfügen:
AT, BE, BG, CY, CZ, DK, EE, FI, FR, DE, GR, HU, HR, IS, IE, IT, LV, LI, LT, LU, MT, NL, NO, PL, PT, RO, SK, SI, ES, SE, CH, GB
Klicken Sie auf Speichern, um Ihren Tag zu speichern.
GTM und Consent Mode unterstützen derzeit 7 verschiedene Zustimmungstypen, die den Cookie First-Kategorien zugeordnet sind.
Zustimmungstyp CookieFirst-Kategorie Beschreibung ad_storage Werbung Ermöglicht die Speicherung von Werbedaten wie Cookies (Web) oder Gerätekennungen (Apps). ad_user_data Werbung Legt die Zustimmung für das Senden von Benutzerdaten an Google für Online-Werbungszwecke fest. ad_personalization Werbung Legt die Zustimmung für personalisierte Werbung fest. analytics_storage Leistung (Analytik) Ermöglicht die Speicherung von Daten wie Cookies (Web) oder Gerätekennungen (Apps) im Zusammenhang mit Analysen, z.B. Besuchsdauer. functionality_storage Funktionalität Ermöglicht die Speicherung, die die Funktionalität der Website oder App unterstützt, z.B. Spracheinstellungen. personalization_storage Funktionalität Ermöglicht die Speicherung im Zusammenhang mit Personalisierung, z.B. Videoempfehlungen. security_storage Notwendig Ermöglicht die Speicherung im Zusammenhang mit Sicherheit wie Authentifizierungsfunktionen, Betrugsprävention und anderem Benutzerschutz. *Keine Zustimmung erforderlich obwohl Benutzer in der Cookie-Richtlinie über diese Skripte und Cookies informiert werden. 3.1 Legen Sie den richtigen Trigger fest
1. Wählen Sie unter "Auslöser" aus Zustimmungsinitialisierung - Alle Seiten Weitere Informationen zu diesem Auslöser.
2. Speichern Sie Ihren Tag. Wenn Sie die Vorschau anzeigen oder Ihren Container veröffentlichen, wird das Banner Ihrer Website hinzugefügt.
4. Konfigurieren Ihrer Tags
Einige Google-Tags wie Google Ads (Anzeigenkonversion und Remarketing), Floodlight und Google Analytics verfügen über eingebaute Zustimmungsprüfungen. Sie können diese Tags normal ausführen, wie Sie es normalerweise tun würden. Es sei denn, Sie möchten Google-Tags vor der Zustimmung blockieren, in diesem Fall befolgen Sie die Schritte ab 4.1 (Wenn Sie derzeit unser Legacy-GTM aktiviert haben, können Sie diese Trigger deaktivieren)
Wie überprüfen Sie, ob ein Tag eingebaute Zustimmungsprüfungen hat?
- Öffnen Sie das Tag und klicken Sie auf Tag-Konfiguration
- Klicken Sie auf Erweiterte Einstellungen
- Klicken Sie unten auf "Zustimmungseinstellungen"
Für Tags, die nicht über eingebaute Zustimmungsprüfungen verfügen, müssen Sie die Zustimmungstypen selbst hinzufügen. Diese werden "Zusätzliche Zustimmungsprüfungen" genannt
4.1 Zusätzliche Zustimmungsprüfungen & Basis-Zustimmungsmodus
Ihre Tags, die keine eingebauten Zustimmungsprüfungen unterstützen, müssen jetzt so konfiguriert werden, dass sie mit den Zustimmungstypen funktionieren. Dies ist auch dann der Fall, wenn Sie Google-Tags blockieren möchten, bevor die Zustimmung erteilt wird.
Öffnen Sie ein Tag, klicken Sie auf Erweiterte Einstellungen -> Zustimmungseinstellungen und geben Sie den für dieses Tag erforderlichen Zustimmungstyp ein. Im folgenden Tag habe ich den Werbetyp hinzugefügt. Sie können die folgenden Typen verwenden: ad_storage, analytics_storage, functionality_storage, personalization_storage oder security_storage
- Erstellen Sie einen neuen Trigger in Ihrem Container. Wählen Sie "Benutzerdefiniertes Ereignis" und geben Sie ihm einen Namen, z.B. "cf_after_consent_update"
Parameter:
Ereignisname: cf_after_consent_update
Ausgelöst bei: Allen benutzerdefinierten Ereignissen
Dies stellt sicher, dass der Tag sofort ausgeführt wird, sobald jemand die Cookies akzeptiert. Wenn Sie den Trigger "Alle Seiten" zu diesen Tags hinzufügen, wird der Tag beim Neuladen der Seite ausgeführt. - Ihre Tags, die keine eingebauten Zustimmungsprüfungen unterstützen, müssen jetzt so konfiguriert werden, dass sie mit den Zustimmungstypen funktionieren. Öffnen Sie ein Tag, klicken Sie auf Erweiterte Einstellungen -> Zustimmungseinstellungen und geben Sie den für dieses Tag erforderlichen Zustimmungstyp ein. Im folgenden Tag habe ich den Werbetyp hinzugefügt. Sie können die folgenden Typen verwenden: ad_storage, analytics_storage, functionality_storage, personalization_storage oder security_storage
- Um sicherzustellen, dass dieser Tag ausgeführt wird, müssen Sie das Auslösen einrichten, wählen Sie hier den Trigger, den Sie in Schritt 1 erstellt haben.
Um eine bessere Übersicht über die Einstellungen Ihrer Tags und ob der Zustimmungsmodus aktiviert ist, zu erhalten, können Sie die Zustimmungsübersicht aktivieren. Lesen Sie mehr darüber, wie Sie dies aktivieren, hier.