Dokumentation - we_cookie_consent 4.0.1 - Deutsch
1. Einleitung
1.1. Was macht die Extension?
Durch den Rechtsspruch des Europäischen Gerichtshofs (EuGH) müssen Websitebetreiber die aktive Zustimmung der Nutzer zur Verwendung und Ablage von Cookies oder Scripts auf dem Nutzerrechner einholen. Somit ist es nicht ausreichend nur auf diese hinzuweisen oder vor aktiver Zustimmung diese zu verwenden. Mit der we_cookie_consent Extension können Sie Cookies oder Skripte Datenschutzkonform auf Ihrer Website einbinden.
In der aktuellen Version enthält die Extension zusätzlich die Möglichkeit zum Ausspielen des Google Consent Modes für die Services „Google Analytics“ und „Google Tag Manager Services“.
1.2. Eigenschaften
- Aktiviert Cookies erst nach Zustimmung
- Datenschutzkonforme Consent-Lösung
- Bereitstellung der Benutzereinstellungen
- Einfacher Google Tag Manager Export
- Bereitstellung der Cookie Informationen in der Datenschutzerklärung
- Vorkonfigurierte Module für Google Analytics, Google Tag Manager, Facebook, Youtube und Vimeo
- Beliebige Erweiterbarkeit um Tracking-Scripte
- Aktivierung des Google Consent Mode Basic und Advanced
- Aktivierung der Google Consent Mode Consent-Typen: ad_storage, analytics_storage, ad_user_data, ad_personalization, personalization_storage, functionality_storage
- Bereitstellung und Anbindung einer Google Tag Manager Vorlage
1.3. Kompatibilität
- TYPO3 10.4
- TYPO3 11.5
- TYPO3 12.4
1.4. Demo
2. Setup
2.1. Voraussetzungen
Die Erweiterung nutzt jQuery im Frontend. Bei bestehender Nutzung der jQuery libary, ist keine Anpassung notwendig. Andernfalls müssen Sie jQuery einbinden. Zukünftige Versionen der Erweiterung sollen ohne jQuery auskommen.
2.2. Installation
Die Extension wird wie jede TYPO3 Erweiterung installiert. Es existieren 4 Bezugsquellen:
TYPO3 TER: https://extensions.typo3.org/extension/we_cookie_consent
Packagist: https://packagist.org/packages/websedit/we-cookie-consent
Github: https://github.com/websedit/we_cookie_consent
Composer: composer req typo3-ter/we-cookie-consent
2.3. Extension erhalten
2.3.1. Über den Extension Manager im TYPO3 Backend
- Navigieren Sie als Benutzer mit Admin-Rechten in das Modul Erweiterungen
- Navigieren Sie in der Selectbox in das Untermodul Erweiterungen hinzufügen.
- Klicken Sie auf „Jetzt aktualisieren“
- Geben Sie im Suchfeld den Key we_cookie_consent ein
- Klicken Sie in der Trefferliste auf das Wolkensymbol, um die Erweiterung zu importieren und installieren.
2.3.2. Aus dem TYPO3 Extension Repository oder Packagist
(https://extensions.typo3.org/extension/we_cookie_consent)
- Laden Sie die ZIP Datei herunter
- Entpacken Sie die ZIP Datei und verschieben Sie den Inhalt in das TYPO3 Extension Verzeichnis (typo3conf/ext/)
- Navigieren Sie im TYPO3 Backend als Benutzer mit Admin Rechten in das Modul Erweiterungen
- Suchen Sie die Erweiterung we_cookie_consent
- Klicken Sie auf das Würfel Icon mit dem Plus um die Erweiterung zu installieren
2.3.3. Via Composer
Die Installation via Composer ist über das TYPO3 eigene Repository (https://composer.typo3.org/satis.html) möglich.
Es sind drei Schritte notwendig:
- Das TYPO3 Repository in composer.json bekannt machen:
composer config repositories.0 composer https://composer.typo3.org/ - Die Extension mit dem Packagename typo3-ter/we-cookie-consent installieren:
composer req typo3-ter/we-cookie-consent - Die Extension über den Erweiterungsmanager im Backend aktivieren
2.4. Integration
2.4.1. Installation des mitgelieferten statischen Templates
- Navigieren Sie als Benutzer mit Admin-Rechten in das Modul Template
- Navigieren Sie im Seitenbaum auf die Seite, in der Sie Ihre Templates hinterlegt haben.
- Wählen Sie in der Selectbox das Untermodul Info/Bearbeiten aus (meistens vorausgewählt)
- Wechseln Sie durch einen Klick auf den Button Vollständigen Template-Datensatz bearbeiten in den Bearbeiten Modus
- Klicken Sie auf den Tab Enthält
- Wählen Sie im Bereich Verfügbare Objekte auf der rechten Seite Cookie Consent (we_cookie_consent) aus
- Daraufhin verschiebt sich diese nach links in den Bereich Statische Templates einschließen (aus Erweiterungen)
- Klicken Sie auf Speichern
- Die Integration ist abgeschlossen
2.4.2. Verknüpfung der Datensatz-Speicherplätze
- Navigieren Sie als Benutzer mit Admin Rechten in das Modul Template
- Navigieren Sie im Seitenbaum auf die Rootseite (Weltkugel)
- Wählen Sie in der Selectbox das Untermodul Konstanten-Editor aus
- Wählen Sie in der Selectbox WEBSEDIT COOKIE CONSENT aus
- Tragen Sie als Privacy Page die UID Ihrer Datenschutzseite ein
- Tragen Sie unter Default storage PID die UID des Cookie Consent Datensatzordners ein, siehe Kapitel 3
3. Konfiguration
Erstellung eines Datensatzordners
- Navigieren Sie in TYPO3 zum Modul Liste
- Erstellen Sie einen neuen Datensatzordner im Seitenbaum
- Geben Sie dem Ordner den Namen Cookie Consent
- Aktivieren Sie den Ordner
4. Verwaltung
Finden Sie heraus, welche Cookies auf Ihrer Website zum Einsatz kommen
- Sie können beispielsweise die URL https://www.cookiemetrix.com/ aufrufen und Ihre Website analysieren. In Kürze bieten wir ebenfalls ein Cookie-Analyse-Tool an.
- Überprüfen Sie Ihre Cookies und identifizieren Sie die Cookies die auszeichnungspflichtig sind
INFO: Beim Anlegen von Services mit der Version 2.0.0 und TYPO3 7.6 kann es zu folgender Fehlermeldung kommen:
Method Websedit\WeCookieConsent\ViewHelpers\Format\EscapeViewHelper::render() does not exist
Sollte dieses Problem bei Ihnen vorkommen, ändern Sie den EscapeViewHelper von renderStatic() zu render():
public function render() {
$value = $this->renderChildren();
if (!is_string($value) && !(is_object($value) && method_exists($value, '__toString')))
{return $value;
}
$value = preg_replace("/\r|\n/", " ", $value);
$value = addslashes($value);
return $value;
}
4.1. Pflegen des Services ohne Google Tag Manager
4.1.1. Pflege eines integrierten Service
4.1.1.1. Google Analytics, Facebook und Matomo
Die we_cookie_consent Extension bietet für bestimmte Services eine vereinfachte Integration. Hierbei handelt es sich um Google Analytics, Google Analytics Universal, Facebook Pixel und Matomo. Für diese Skripte benötigen Sie nur die ID des Service und nicht den kompletten Tracking-Code.
- Navigieren Sie zum Modul Liste
- Klicken Sie im Seitenbaum auf den Ordner Cookie Consent
- Für das erstmalige Erstellen eines Datensatzes klicken Sie im Inhaltsbereich auf das „+“. Wählen Sie unter dem Punkt GDPR: Cookie Consent --> Service aus.
- Für das Anlegen aller weiteren Datensätze, klicken Sie auf das „+“ neben Anbieter
- Wählen Sie unter „Anbieter“ den Service aus, den Sie integrieren möchten (Google Analytics, Google Analytics Universal, Facebook oder Matomo)
- Geben Sie unter Titel des Service oder Skripts einen Namen ein
- Fügen Sie im Feld Beschreibung eine Beschreibung hinzu (Erklärung zur Verwendung des Service oder Skripts)
- Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
- Fügen Sie den Cookie-Namen, den Cookie-Zweck und die Cookie Lebenszeit gemäß der DS-GVO Vorgaben hinzu (Im Eingabefeld Cookie Lebenszeit, können Sie Minuten, Tage oder Stunden eintragen. Wichtig hierbei ist, das Sie die Zeiteinheit dahinter schreiben)
- Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
- Im Tab Authentifizierung fügen Sie den Key des gewünschten Service ein
- Klicken Sie auf Speichern
Ihr Service wird nun in der Cookie Consent Übersicht angezeigt.
4.1.1.2. Youtube und Vimeo
Die we_cookie_consent Extension bietet für bestimmte Services eine vereinfachte Integration. Hierbei handelt es sich um Youtube und Vimeo. Für diese Skripte benötigen Sie keine ID des Services und keinen Tracking-Code. Für diese Services gibt es ein Contextual Consent.
- Navigieren Sie zum Modul Liste
- Klicken Sie im Seitenbaum auf den Ordner Cookie Consent
- Für das erstmalige Erstellen eines Datensatzes klicken Sie im Inhaltsbereich auf das „+“. Wählen Sie unter dem Punkt GDPR: Cookie Consent --> Service aus.
- Für das Anlegen aller weiteren Datensätze, klicken Sie auf das „+“ neben Anbieter
- Wählen Sie unter „Anbieter“ den Service aus, den Sie integrieren möchten (Youtube oder Vimeo)
- Geben Sie unter Titel des Service oder Skripts einen Namen ein
- Fügen Sie im Feld Beschreibung eine Beschreibung hinzu (Erklärung zur Verwendung des Service oder Skripts)
- Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
- Fügen Sie den Cookie-Namen, den Cookie-Zweck und die Cookie Lebenszeit gemäß der DS-GVO Vorgaben hinzu (Im Eingabefeld Cookie Lebenszeit, können Sie Minuten, Tage oder Stunden eintragen. Wichtig hierbei ist, das Sie die Zeiteinheit dahinter schreiben)
- Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
- Klicken Sie auf Speichern
Ihr Service wird nun in der Cookie Consent Übersicht angezeigt.
4.1.2. Pflege eines individuellen Service
- Navigieren Sie zum Modul Liste
- Klicken Sie im Seitenbaum auf den Ordner Cookie Consent
- Für das erstmalige Erstellen eines Datensatzes klicken Sie im Inhaltsbereich auf das „+“. Wählen Sie unter dem Punkt GDPR: Cookie Consent Service aus.
- Für das Anlegen aller weiteren Datensätze, klicken Sie auf das „+“ neben Anbieter
- Wählen Sie unter „Anbieter“ Weiterer Service aus
- Geben Sie unter Titel des Service oder Skripts einen Namen ein
- Fügen Sie im Feld Beschreibung eine Beschreibung hinzu (Erklärung zur Verwendung des Service oder Skripts)
- Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
- Fügen Sie den Cookie-Namen, den Cookie-Zweck und die Cookie Lebenszeit gemäß der DS-GVO Vorgaben hinzu
- Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
- Im Tab Entwicklung fügen Sie das Script für den gewünschten Service ein
- Klicken Sie auf Speichern
Ihr Service wird nun in der Cookie Consent Übersicht angezeigt.
Für diesen Dienst gibt es eine kontextbezogene Zustimmung. Diese kann über "other-ID", "data-name" und "data-src" abgerufen werden.
Die ID entspricht der ID des Anbieters.
Die Attribute "data-name" und "data-src" werden verwendet, um die kontextbezogene Einwilligung automatisch im Code auszugeben, wenn noch keine Einwilligung für den Anbieter vorliegt.
Beispiel mit Anbieter "other-43":
<iframe
width="560"
height="315"
data-name="other-43"
data-src=https://maps.google.de/maps?hl=de&q=%20Seestraße+35%20Ravensburg&t=&z=10&ie=utf8&iwloc=b&output=embed
frameborder="0"
scrolling="no"
marginheight="0"
marginwidth="0"
style='height:315px;width:560px;'>
</iframe>
4.2. Pflegen der Services mit Google Tag Manager
4.2.1. Anlegen des Google Tag Manager in der Cookie Consent Extension
- Navigieren Sie zum Modul Liste
- Wählen Sie im Seitenbaum Cookie Consent aus
- Klicken Sie auf das „+“ um einen neuen Datensatz anzulegen
- Wählen Sie unter „Anbieter“ Google Tag Manager aus
- Geben Sie unter Titel des Service oder Skripts einen Namen ein
- Fügen Sie im Feld Beschreibung eine Beschreibung hinzu
- Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
- Fügen Sie einen Cookie-Namen, den Cookie-Zweck und die Cookie Lebenszeit hinzu
- Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
- Fügen Sie im Tab Authentifizierung die Google Tag Manager ID im Format GTM-XXXXXXX ein
- Klicken Sie auf Speichern
4.2.2. Anlegen eines Service/Skript in der Extension, welches über den GTM eingebunden wird
- Navigieren Sie zum Modul Liste
- Wählen Sie im Seitenbaum Cookie Consent aus
- Klicken Sie auf das „+“ um einen neuen Datensatz anzulegen
- Wählen Sie unter „Anbieter“ Google Tag Manager - Service aus
- Geben Sie unter Titel des Service oder Skripts einen Namen ein
- Fügen Sie im Feld Beschreibung eine Beschreibung hinzu
- Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
- Fügen Sie einen Cookie-Name, den Cookie-Zweck und die Cookie Lebenszeit des Service hinzu
- Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
- Fügen Sie im Tab Authentifizierung die ID des gewünschten Service ein
- Navigieren Sie zum Tab „Google Tag Manager“. Füllen Sie hier alle Felder aus! Diese Eingaben benötigen Sie in der Google Tag Manager Oberfläche wieder
- Klicken Sie auf Speichern
4.2.3. Hinzufügen von Kategorien
Die Kategorisierung eines Service/Dienstes erfolgt auf Basis des TYPO3 eigenen Systemkategorie Datensatzes. Dazu gehen Sie wie folgt vor:
- Navigieren Sie zum Modul Liste
- Wählen Sie im Seitenbaum Cookie Consent aus
- Klicken Sie auf das „+“ um eine neue Kategorie anzulegen
- Speichern Sie die Kategorie
- Gehen Sie zurück auf die Cookie Consent Übersicht
- Bearbeiten Sie den Service, welchem Sie eine Kategorie zuweisen wollen
- Klicken Sie auf den Tab Kategorien
- Wählen Sie die gewünschte Kategorie aus und klicken auf speichern
4.2.4. Anlegen des Service im Google Tag Manager
(https://www.google.com/intl/de/tagmanager/)
- Loggen Sie sich ein (https://www.google.com/intl/de/tagmanager/)
- Klicken Sie im linken Bereich auf Variablen
- Erstellen Sie im Google Tag Manager eine neue Benutzerdefinierte Variable
- Geben Sie der Variable einen Namen
- Wählen Sie den Variablentyp Datenschichtvariable
- Geben Sie der Datenschichtvariablen den identischen Namen, den Sie in der Cookie Consent Extension für den entsprechenden Service gewählt haben.
- Speichern Sie die Variable
- Erstellen Sie im Google Tag Manager einen neuen Trigger
- Geben Sie dem Trigger einen Namen
- Wählen Sie den Trigger-Typ "Benutzerdefiniertes Ereignis" aus
- Geben Sie dem Trigger den identischen Ereignisnamen, den Sie in der Cookie Consent Extension für den entsprechenden Service gewählt haben.
- Wählen Sie bei „Diesen Trigger auslösen“ einige benutzerdefinierte Ereignisse
- Wählen Sie bei „Diesen Trigger auslösen, wenn ein Ereignis eintritt und alle diese Bedingungen erfüllt sind“, die angelegte Variable für diesen Service aus "ist gleich" "true"
- Legen Sie einen Tag für den entsprechenden Service an und wählen Sie den dazugehörigen Trigger aus, den Sie zuvor angelegt haben
- Klicken Sie in der Google Tag Manager Oberfläche links oben auf den Button „Senden“
- Geben Sie einen Versionsnamen und eine Versionsbeschreibung ein
- Klicken Sie in der Google Tag Manager Oberfläche links oben auf „Veröffentlichen“
4.2.5. Nutzung der Google Tag Manager Exportfunktion innerhalb der Cookie Consent Extension
- Needs to be done -
5. Hinzufügen der Cookie-Übersicht in der Datenschutzerklärung
- Navigieren Sie zu dem Modul Seite
- Navigieren Sie im Seitenbaum zu der Seite mit Ihrer Datenschutzerklärung
- Legen Sie mit einem Klick auf + Inhalt ein neues Inhaltselement an
- Navigieren Sie in dem Fenster „Neues Inhaltselement erstellen“ in den Tab Plug-Ins
- Klicken Sie auf Cookie Liste
- Klicken Sie auf den Tab Plug-In
- Klicken Sie in dem Bereich Services & Skripts links auf das Ordner Icon
- Das Fenster Datensatzauswahl öffnet sich
- Wählen Sie den Ordner aus, in dem Sie Ihre Cookies angelegt haben
- Wählen Sie den gewünschten Datensatz aus
- Fügen Sie unter Anbieter alle Cookies hinzu, die später in der Datenschutzerklärung angezeigt werden sollen
Klicken Sie auf Speichern, nachdem Sie alle Cookies hinzugefügt haben
6. Testmodus
Die Cookie Consent Extension kann während der Einrichtungen und vor der Produktivschaltung im Testmodus betrieben werden. Hängen Sie hierzu #klaro-testing an Ihre Domain an.
7. Zusätzliches
7.1. Anpassen der TYPOScript Parameter
- Storage folder: Hier wird die ID des Datensatzordners hinterlegt. Siehe Punkt 2.4.2.
- Privacy Page: Im Eingabefeld Privacy Page müssen Sie die UID Ihrer Datenschutzseite hinterlegen. Siehe Punkt 2.4.2.
- Style Prefix: Im Eingabefeld Style Prefix können Sie die Positionierung des Cookie Banners anpassen.
Eingabemöglichkeiten:- Darstellung am unteren Bildschirmrand: klaro we_cookie_consent (voreingestellt)
- Darstellung am oberen Bildschirmrand: klaro we_cookie_consent notice--top
- Darstellung in der Mitte mit den Buttons untereinander: klaro we_cookie_consent notice--center
- Darstellung in der Mitte mit den Buttons untereinander und nebeneinander: klaro we_cookie_consent notice--center-floated
- Ungestylte Ausgabe ohne CSS: nostyle
- Additonal Class: Hier können Sie eine zusätzliche CSS Klasse für das Styling hinzufügen
- Storage Method: Hier können Sie einstellen, ob die User-Einstellungen in einem Cookie oder im Local Storage des Browsers gespeichert werden sollen. (Standard: Cookie)
- Cookie Name: Im Eingabefeld Cookie Name können Sie den Namen Ihres Consent-Cookies verändern. Dies wurde für die Verwendung von unterschiedlichen Sprachversionen, mit unterschiedlichen Services, die über Verzeichnisse und nicht über unterschiedliche Top Level Domains bereitgestellt werden, konzipiert.
- Lifetime: Im Eingabefeld Lifetime können Sie die Gültigkeitsdauer des Cookies bestimmen. Nach Ablauf dieser Zeit, wird der User erneut um das Akzeptieren der Cookies gebeten. Die Standardeinstellung beträgt 365 Tage.
- State: Im Eingabefeld State können Sie einstellen, ob Ihre Cookies auf aktiviert oder deaktiviert im Cookie Banner voreingestellt sind. Eingabemöglichkeiten: false (voreingestellt), true (Nicht DS-GVO konform!)
- Must Consent: Im Eingabefeld Must Consent können Sie einstellen, ob Nutzer Ihre Website ohne Interaktion mit dem Cookie Banner verwenden können. Eingabemöglichkeiten: false (voreingestellt), true (Nicht DS-GVO konform!)
- Group Service: Hier können Sie das Gruppieren von Diensten in Kategorien aktivieren bzw. deaktivieren. Die Gruppierung erfolgt anhand von TYPO3 Systemkategorien.
- Accept all: Hier können Sie einstellen, ob alle Services aktiviert werden, wenn der Banner ohne User Aktion weggeklickt wird.
- Hide Decline all: Hier können Sie einstellen, ob der „Ablehnen“ Button angezeigt werden soll. (Standardmäßig wird der Button ausgegeben)
- Hide Learn more: Hier können Sie einstellen, ob der Button „Einstellungen bearbeiten“ angezeigt werden soll. (Standardmäßig wird der Button ausgegeben)
- Cookie Domain: Hier kann konfiguriert werden ob die getätigten Einstellungen nur für die aktuelle Domain oder auch für Subdomains gültig ist.
- Consent Mode Basic: Hier können die Default-Einstellungen des Google Consent Mode Basic aktiviert werden: Beim Google Consent Mode Basic werden initial KEINE Consent Mode Default-Einstellungen für die Consent-Typen geladen!
- Consent Mode Advanced: Hier können die Default-Einstellungen des Google Consent Mode Advanced aktiviert werden: Beim Google Consent Mode Advanced werden initial ALLE Consent Mode Default-Einstellungen für die Consent-Typen mit "Denied" geladen! Dadurch ist ohne Zustimmung eine Modellierung der Daten bspw. mit Google Analytics möglich.
WICHTIG: Bitte prüfen Sie vor Nutzung des Google Consent Mode, wie Sie mit den Daten umgehen dürfen, bzw. welche Rechtssprechung oder welche Unternehmensvorgaben für Sie gelten!
7.2. Lokalisierung
In den Einstellungen des Konstanten-Editors bei Language keinen Wert eintragen bzw. auf Default (en) stehen lassen.
Alle Labels liegen in den locallang.xlf-Dateien. Diese können bspw. mittels TypoScript überschrieben werden. Das könnte dann so aussehen:
#Override locallang.xlf Labels
config.tx_extbase._LOCAL_LANG {
default {
klaro\.consentNotice\.description = My custom Cookie message
}
de {
klaro\.consentNotice\.description = Mein eigener Cookie Text
}
}
7.3. Anpassungen am Design
Wenn Sie CSS Anpassungen vornehmen möchten, legen Sie bitte zuerst eine Kopie der mitgelieferten CSS-Datei an, damit Ihre Änderungen beim nächsten Update nicht verloren gehen.
Hierzu gehen Sie wie folgt vor:
- Kopieren Sie die Datei aus dem Pfad /typo3conf/ext/we_cookie_consent/Resources/Public/Stylesheet/style.css
- In den fileadmin, Ihr Sitepackage, oder einen anderen beliebigen Ort
- Überschreiben Sie den Pfad zur CSS Datei mittels page.includeCSS.we_cookie_consent_style=/fileadmin/mypackagename/css/we_cookie_consent_style.css
- Machen Sie die Anpassungen in Ihrer kopierten Datei
Sie möchten Anpassungen durchführen, wissen aber nicht wie. Unser Support steht Ihnen gerne zur Verfügung.
Unsere Kontaktdaten finden Sie unter:
https://consent.websedit.de/
8. Nutzung des Google Consent Mode
Die aktuelle Version der Extension we_cookie_consent bietet die Aktivierung des Google Consent Modes in den Modi "Basic" oder "Advanced".
Unterschiede | Advanced | Basic |
Tag-Verhalten |
| Google-Tags sind blockiert, bis eingewilligt wurde |
Verhaltensmodellierung in GA4 | Ja | Nein |
Conversion.Modellierung in GA4 | Ja | Ja* |
Conversion-Modellierung in Google Ads | Ja | Ja* |
* Sind Tags aufgrund der Einstellungen für die Nutzereinwilligung blockiert, werden keine Daten erhoben. Für die Conversion-Modellierung in Google Ads wird dann ein allgemeines Modell verwendet. Für die Modelle werden Merkmale wie Brwosertyp, Typ der Convsersion-Aktion, Tageszeit und andere allgemeine, nicht identifizierbare Variablen genutzt.
Quelle: support.google.com/analytics/answer/9976101
Die Aktivierung der Consent-Default Consent-Typen erfolgt über die TYPOScript Paramter, wie in Kapitel 7.1 beschrieben. Initial werden die folgenden Consent-Typen unterstützt und je nach dem, ob sie MIT oder OHNE Google Tag Manager arbeiten gesetzt:
Consent-TYP | Initialer Zustand | Beschreibung |
ad_storage | denied | Ermöglicht die Speicherung im Browser (z. B. Cookies) im Zusammenhang mit der Werbung. |
analytics_storage | denied | Ermöglicht die Speicherung durch den Browser (z. B. Cookies) im Zusammenhang mit der Analyse, z. B. der Besuchsdauer. |
ad_user_data | denied | Erlaubt die Erhebung personenbezogener Daten zu Werbezwecken. |
ad_personalization | denied | Ermöglicht die Nutzung personenbezogener Daten für Werbezwecke wie Remarketing oder interessenbasiertes Targeting. |
personalization_storage | denied | Ermöglicht die Browser-Speicherung im Zusammenhang mit der Personalisierung, z. B. Videoempfehlungen. |
functionality_storage | denied | Ermöglicht die Speicherung im Browser, die die Funktionalität der Website oder App unterstützt, z. B. Spracheinstellungen. |
security_storage | granted | Ermöglicht die Speicherung von sicherheitsrelevanten Daten im Browser, wie z. B. Authentifizierungsfunktionen, Betrugsprävention und sonstiger Nutzerschutz. Für diese Art der Speicherung ist keine Zustimmung des Endnutzers erforderlich. |
8.1. Consent Mode Update
Bei Auswahl eines Google Services wie bspw. Google Analytics oder Google Tag Manager Service können über die Datensätze im Tab Google Consent Mode die jeweiligen Consent Typen nach Update ausgewählt werden. Diese werden im Cookie gesetzt, sobald ein Benutzer dem Service zustimmt.
Zur Auswahl stehen drei Modi:
Not set | Default-Zustand: Auswahl, falls dieser Consent-Typ keinen Bezug auf den Service hat |
denied | Auswahl, falls nach Zustimmung des Services der Consent-Typ "denied" sein soll |
granted | Auswahl, falls nach Zustimmung des Services der Consent-Typ "granted" sein soll |
WICHTIG: Belassen Sie Consent-Typen auf "Not set", falls diese keine Rolle für einen Service spielen und setzen Sie nur Consent-Typen auf "denied" oder "granted" falls diese relevant sind.
8.2. Consent Mode OHNE Google Tag Manager
Bei Nutzung eines integrierten oder individuellen Services OHNE Google Tag Manager (bspw. Google Analytics) gehen Sie folgendermaßen vor:
- Aktivieren Sie in den TYPO3Script-Parametern den Consend Mode "Basic" oder "Advanced"
- Navigieren Sie zum Modul Liste und wählen Sie im Seitenbaum Cookie Consent aus
- Klicken Sie auf das Bearbeiten-Icon des entsprechenden Google-Services
- Nehmen Sie im Tab Google Consent Mode die Einstellungen für die Consent-Typen im Falle einer Zustimmung vor
- Klicken Sie auf Speichern
- Fertig
8.3. Consent Mode MIT Google Tag Manager
Bei Nutzung eines integrierten oder individuellen Services MIT Google Tag Manager (Google Tag Manager - Service) gehen Sie folgendermaßen vor:
- Aktivieren Sie in den TYPOScript-Parametern den Consend Mode "Basic" oder "Advanced"
- Navigieren Sie zum Modul Liste und wählen Sie im Seitenbaum Cookie Consent aus
- Klicken Sie auf das Bearbeiten-Icon des entsprechenden Google-Services
- Nehmen Sie im Tab Google Consent Mode die Einstellungen für die Consent-Typen im Falle einer Zustimmung vor
- Klicken Sie auf Speichern
- Laden Sie sich unter Github die GTM Vorlage (template.tpl) für we_cookie_consent herunter (https://github.com/websedit/gtm-template-typo3-we_cookie_consent-cmp)
- Wechseln Sie in die Google Tag Manager Oberfläche (https://www.google.com/intl/de/tagmanager/)
- Klicken Sie im linken Bereich auf Vorlagen
- Klicken Sie rechts im Bereich "Tag-Vorlagen" auf "Neu" um eine neue Vorlage anzulegen
- Klicken Sie im anschließenden Fenster rechts oben auf die drei Punkte und wählen Sie "Importieren" aus
- Wählen Sie die heruntergeladene Datei template.tpl aus und klicken auf "Öffnen"
- Klicken Sie im Vorlageneditor abschließend rechts oben auf "Speichern". Die Vorlage ist nun importiert.
- Wechseln Sie im linken Bereich auf Tags
- Legen Sie ein neues Tag an, geben diesem den Namen "TYPO3 we_cookie_consent CMP" und wählen bei der Tag-Konfiguration die Vorlage "TYPO3 we_cookie_consent CMP" aus
- Konfigurieren Sie die Einstellungsmöglichkeiten (Default consent settings, Wait for Update, Redact Ads Data, Enable URL passthrough, Cookie ID to check) nach Ihren Vorgaben.
Wichtig: Sie müssen keine Konfiguration durchführen. Die Vorlage ist so aufgebaut, dass Sie mit den Standardeinstellungen der TYPO3 Extension we_cookie_consent kompatibel ist. Eingaben für die "Default consent settings" und "Cookie ID to check" sind daher nicht zwingend notwendig. - Setzen Sie den Wert bei "Wait for Update" auf "500" ms. Das ist in der Regel ausreichend.
- Weisen Sie dem neuen Tag den Trigger "Consent Initialization - All Pages" zu
- Weisen Sie dem neuen Tag zusätzlich mit der Verknüpfung "oder" jeden Trigger zu, der einen Google Service enthält
- Prüfen Sie anschließend über die Vorschaufunktion des Google Tag Managers umfangreich, ob alle Services mit den richtigen Consent-Typen ausgeleifert werden und Ihre Tags an der richtigen Stelle gefeuert werden.
- Wenn alle tests abgeschlossen sind können Sie die das neue Tag über "Senden" veröffentlichen
9. Nicht vergessen!
Vergewissern Sie sich nach der Pflege der Cookie Consent Extension, dass jeder Tracking-Code nur einmal auf Ihrer Website vorkommt. Tritt der Fall ein, dass sie den gleichen Tracking-Code mehrfach auf Ihrer Seite gepflegt haben, kann es bei der Datenerhebung zu Verfälschungen kommen.
10. Danksagung
Wir verwenden Open Source Software.
Wir bedanken uns bei den Beteiligten des Projekts Klaro!
https://github.com/KIProtect/klaro