Zum Hauptinhalt springen

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

  1. Aktiviert Cookies erst nach Zustimmung
  2. Datenschutzkonforme Consent-Lösung
  3. Bereitstellung der Benutzereinstellungen
  4. Einfacher Google Tag Manager Export
  5. Bereitstellung der Cookie Informationen in der Datenschutzerklärung
  6. Vorkonfigurierte Module für Google Analytics, Google Tag Manager, Facebook, Youtube und Vimeo
  7. Beliebige Erweiterbarkeit um Tracking-Scripte
  8. Aktivierung des Google Consent Mode Basic und Advanced
  9. Aktivierung der Google Consent Mode Consent-Typen: ad_storage, analytics_storage, ad_user_data, ad_personalization, personalization_storage, functionality_storage
  10. Bereitstellung und Anbindung einer Google Tag Manager Vorlage

1.3. Kompatibilität

  • TYPO3 10.4
  • TYPO3 11.5
  • TYPO3 12.4

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

  1. Navigieren Sie als Benutzer mit Admin-Rechten in das Modul Erweiterungen
  2. Navigieren Sie in der Selectbox in das Untermodul Erweiterungen hinzufügen
  3. Klicken Sie auf „Jetzt aktualisieren
  4. Geben Sie im Suchfeld den Key we_cookie_consent ein
  5. 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)

  1. Laden Sie die ZIP Datei herunter
  2. Entpacken Sie die ZIP Datei und verschieben Sie den Inhalt in das TYPO3 Extension Verzeichnis (typo3conf/ext/)
  3. Navigieren Sie im TYPO3 Backend als Benutzer mit Admin Rechten in das Modul Erweiterungen
  4. Suchen Sie die Erweiterung we_cookie_consent
  5. 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:

  1. Das TYPO3 Repository in composer.json bekannt machen:
    composer config repositories.0 composer https://composer.typo3.org/
  2. Die Extension mit dem Packagename typo3-ter/we-cookie-consent installieren:
    composer req typo3-ter/we-cookie-consent
  3. Die Extension über den Erweiterungsmanager im Backend aktivieren

2.4. Integration

2.4.1. Installation des mitgelieferten statischen Templates

  1. Navigieren Sie als Benutzer mit Admin-Rechten in das Modul Template
  2. Navigieren Sie im Seitenbaum auf die Seite, in der Sie Ihre Templates hinterlegt haben.
  3. Wählen Sie in der Selectbox das Untermodul Info/Bearbeiten aus (meistens vorausgewählt)
  4. Wechseln Sie durch einen Klick auf den Button Vollständigen Template-Datensatz bearbeiten in den Bearbeiten Modus
  5. Klicken Sie auf den Tab Enthält
  6. Wählen Sie im Bereich Verfügbare Objekte auf der rechten Seite Cookie Consent (we_cookie_consent) aus
  7. Daraufhin verschiebt sich diese nach links in den Bereich Statische Templates einschließen (aus Erweiterungen)
  8. Klicken Sie auf Speichern
  9. Die Integration ist abgeschlossen 

2.4.2. Verknüpfung der Datensatz-Speicherplätze

  1. Navigieren Sie als Benutzer mit Admin Rechten in das Modul Template
  2. Navigieren Sie im Seitenbaum auf die Rootseite (Weltkugel)
  3. Wählen Sie in der Selectbox das Untermodul Konstanten-Editor aus
  4. Wählen Sie in der Selectbox WEBSEDIT COOKIE CONSENT aus
  5. Tragen Sie als Privacy Page die UID Ihrer Datenschutzseite ein
  6. Tragen Sie unter Default storage PID die UID des Cookie Consent Datensatzordners ein, siehe Kapitel 3

3. Konfiguration

Erstellung eines Datensatzordners

  1. Navigieren Sie in TYPO3 zum Modul Liste
  2. Erstellen Sie einen neuen Datensatzordner im Seitenbaum
  3. Geben Sie dem Ordner den Namen Cookie Consent
  4. Aktivieren Sie den Ordner

4. Verwaltung

Finden Sie heraus, welche Cookies auf Ihrer Website zum Einsatz kommen

  1. 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.
  2. Ü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.

  1. Navigieren Sie zum Modul Liste
  2. Klicken Sie im Seitenbaum auf den Ordner Cookie Consent
  3. Für das erstmalige Erstellen eines Datensatzes klicken Sie im Inhaltsbereich auf das „+“. Wählen Sie unter dem Punkt GDPR: Cookie Consent --> Service aus.
  4. Für das Anlegen aller weiteren Datensätze, klicken Sie auf das „+“ neben Anbieter
  5. Wählen Sie unter „Anbieter“ den Service aus, den Sie integrieren möchten (Google Analytics, Google Analytics Universal, Facebook oder Matomo)
  6. Geben Sie unter Titel des Service oder Skripts einen Namen ein
  7. Fügen Sie im Feld Beschreibung eine Beschreibung hinzu (Erklärung zur Verwendung des Service oder Skripts)
  8. Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
  9. 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)
  10. Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
  11. Im Tab Authentifizierung fügen Sie den Key des gewünschten Service ein
  12. 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.

  1. Navigieren Sie zum Modul Liste
  2. Klicken Sie im Seitenbaum auf den Ordner Cookie Consent
  3. Für das erstmalige Erstellen eines Datensatzes klicken Sie im Inhaltsbereich auf das „+“. Wählen Sie unter dem Punkt GDPR: Cookie Consent --> Service aus.
  4. Für das Anlegen aller weiteren Datensätze, klicken Sie auf das „+“ neben Anbieter
  5. Wählen Sie unter „Anbieter“ den Service aus, den Sie integrieren möchten (Youtube oder Vimeo)
  6. Geben Sie unter Titel des Service oder Skripts einen Namen ein
  7. Fügen Sie im Feld Beschreibung eine Beschreibung hinzu (Erklärung zur Verwendung des Service oder Skripts)
  8. Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
  9. 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)
  10. Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
  11. Klicken Sie auf Speichern

Ihr Service wird nun in der Cookie Consent Übersicht angezeigt.

4.1.2. Pflege eines individuellen Service

  1. Navigieren Sie zum Modul Liste
  2. Klicken Sie im Seitenbaum auf den Ordner Cookie Consent
  3. Für das erstmalige Erstellen eines Datensatzes klicken Sie im Inhaltsbereich auf das „+“. Wählen Sie unter dem Punkt GDPR: Cookie Consent Service aus.
  4. Für das Anlegen aller weiteren Datensätze, klicken Sie auf das „+“ neben Anbieter
  5. Wählen Sie unter „Anbieter“ Weiterer Service aus
  6. Geben Sie unter Titel des Service oder Skripts einen Namen ein
  7. Fügen Sie im Feld Beschreibung eine Beschreibung hinzu (Erklärung zur Verwendung des Service oder Skripts)
  8. Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
  9. Fügen Sie den Cookie-Namen, den Cookie-Zweck und die Cookie Lebenszeit gemäß der DS-GVO Vorgaben hinzu
  10. Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
  11. Im Tab Entwicklung fügen Sie das Script für den gewünschten Service ein
  12. 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

  1. Navigieren Sie zum Modul Liste
  2. Wählen Sie im Seitenbaum Cookie Consent aus
  3. Klicken Sie auf das „+“ um einen neuen Datensatz anzulegen
  4. Wählen Sie unter „Anbieter“ Google Tag Manager aus
  5. Geben Sie unter Titel des Service oder Skripts einen Namen ein
  6. Fügen Sie im Feld Beschreibung eine Beschreibung hinzu
  7. Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
  8. Fügen Sie einen Cookie-Namen, den Cookie-Zweck und die Cookie Lebenszeit hinzu
  9. Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
  10. Fügen Sie im Tab Authentifizierung die Google Tag Manager ID im Format GTM-XXXXXXX ein
  11. Klicken Sie auf Speichern

4.2.2. Anlegen eines Service/Skript in der Extension, welches über den GTM eingebunden wird

  1. Navigieren Sie zum Modul Liste
  2. Wählen Sie im Seitenbaum Cookie Consent aus
  3. Klicken Sie auf das „+“ um einen neuen Datensatz anzulegen
  4. Wählen Sie unter „Anbieter“ Google Tag Manager - Service aus
  5. Geben Sie unter Titel des Service oder Skripts einen Namen ein
  6. Fügen Sie im Feld Beschreibung eine Beschreibung hinzu
  7. Navigieren Sie zu dem Tab Cookies und klicken auf + Weiteres Cookie hinzufügen
  8. Fügen Sie einen Cookie-Name, den Cookie-Zweck und die Cookie Lebenszeit des Service hinzu
  9. Nehmen Sie in dem Tab Einstellung die gewünschte Einstellung vor, wie das Script geladen werden soll
  10. Fügen Sie im Tab Authentifizierung die ID des gewünschten Service ein
  11. 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
  12. 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:

  1. Navigieren Sie zum Modul Liste
  2. Wählen Sie im Seitenbaum Cookie Consent aus
  3. Klicken Sie auf das „+“ um eine neue Kategorie anzulegen
  4. Speichern Sie die Kategorie
  5. Gehen Sie zurück auf die Cookie Consent Übersicht
  6. Bearbeiten Sie den Service, welchem Sie eine Kategorie zuweisen wollen
  7. Klicken Sie auf den Tab Kategorien
  8. 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/)

  1. Loggen Sie sich ein (https://www.google.com/intl/de/tagmanager/)
  2. Klicken Sie im linken Bereich auf Variablen
  3. Erstellen Sie im Google Tag Manager eine neue Benutzerdefinierte Variable
  4. Geben Sie der Variable einen Namen
  5. Wählen Sie den Variablentyp Datenschichtvariable
  6. Geben Sie der Datenschichtvariablen den identischen Namen, den Sie in der Cookie Consent Extension für den entsprechenden Service gewählt haben.
  7. Speichern Sie die Variable
  8. Erstellen Sie im Google Tag Manager einen neuen Trigger
  9. Geben Sie dem Trigger einen Namen
  10. Wählen Sie den Trigger-Typ "Benutzerdefiniertes Ereignis" aus
  11. Geben Sie dem Trigger den identischen Ereignisnamen, den Sie in der Cookie Consent Extension für den entsprechenden Service gewählt haben.
  12. Wählen Sie bei „Diesen Trigger auslösen“ einige benutzerdefinierte Ereignisse
  13. 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"
  14. Legen Sie einen Tag für den entsprechenden Service an und wählen Sie den dazugehörigen Trigger aus, den Sie zuvor angelegt haben
  15. Klicken Sie in der Google Tag Manager Oberfläche links oben auf den Button „Senden“
  16. Geben Sie einen Versionsnamen und eine Versionsbeschreibung ein
  17. 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

  1. Navigieren Sie zu dem Modul Seite
  2. Navigieren Sie im Seitenbaum zu der Seite mit Ihrer Datenschutzerklärung
  3. Legen Sie mit einem Klick auf + Inhalt ein neues Inhaltselement an
  4. Navigieren Sie in dem Fenster „Neues Inhaltselement erstellen“ in den Tab Plug-Ins
  5. Klicken Sie auf Cookie Liste
  6. Klicken Sie auf den Tab Plug-In
  7. Klicken Sie in dem Bereich Services & Skripts links auf das Ordner Icon
  8. Das Fenster Datensatzauswahl öffnet sich
  9. Wählen Sie den Ordner aus, in dem Sie Ihre Cookies angelegt haben
  10. Wählen Sie den gewünschten Datensatz aus
  11. 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.

Beispiel:
https://www.ihredomain.de/#klaro-testing

7. Zusätzliches

7.1. Anpassen der TYPOScript Parameter

  1. Storage folder: Hier wird die ID des Datensatzordners hinterlegt. Siehe Punkt 2.4.2.
  2. Privacy Page: Im Eingabefeld Privacy Page müssen Sie die UID Ihrer Datenschutzseite hinterlegen. Siehe Punkt 2.4.2.
  3. 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
  4. Additonal Class: Hier können Sie eine zusätzliche CSS Klasse für das Styling hinzufügen
  5. 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)
  6. 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.
  7. 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.
  8. 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!)
  9. 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!)
  10. Group Service: Hier können Sie das Gruppieren von Diensten in Kategorien aktivieren bzw. deaktivieren. Die Gruppierung erfolgt anhand von TYPO3 Systemkategorien.
  11. Accept all: Hier können Sie einstellen, ob alle Services aktiviert werden, wenn der Banner ohne User Aktion weggeklickt wird.
  12. Hide Decline all: Hier können Sie einstellen, ob der „Ablehnen“ Button angezeigt werden soll. (Standardmäßig wird der Button ausgegeben)
  13. Hide Learn more: Hier können Sie einstellen, ob der Button „Einstellungen bearbeiten“ angezeigt werden soll. (Standardmäßig wird der Button ausgegeben)
  14. 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.
  15. 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!
  16. 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:

  1. Kopieren Sie die Datei aus dem Pfad /typo3conf/ext/we_cookie_consent/Resources/Public/Stylesheet/style.css
  2. In den fileadmin, Ihr Sitepackage, oder einen anderen beliebigen Ort
  3. Überschreiben Sie den Pfad zur CSS Datei mittels page.includeCSS.we_cookie_consent_style=/fileadmin/mypackagename/css/we_cookie_consent_style.css
  4. 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".

UnterschiedeAdvancedBasic
Tag-Verhalten 
  • Google-Tags werden geladen, bevor der Dialog zur Einholung von Einwilligungen eingeblendet wird
  • Tags senden Pings ohne Cookies, wenn keine Cookie-Einwilligung erteilt wurde
 
Google-Tags sind blockiert, bis eingewilligt wurde
Verhaltensmodellierung in GA4JaNein
Conversion.Modellierung in GA4JaJa*
Conversion-Modellierung in Google AdsJaJa*

* 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-TYPInitialer ZustandBeschreibung
ad_storagedeniedErmöglicht die Speicherung im Browser (z. B. Cookies) im Zusammenhang mit der Werbung.
analytics_storagedeniedErmöglicht die Speicherung durch den Browser (z. B. Cookies) im Zusammenhang mit der Analyse, z. B. der Besuchsdauer.
ad_user_datadeniedErlaubt die Erhebung personenbezogener Daten zu Werbezwecken.
ad_personalizationdeniedErmöglicht die Nutzung personenbezogener Daten für Werbezwecke wie Remarketing oder interessenbasiertes Targeting.
personalization_storagedeniedErmöglicht die Browser-Speicherung im Zusammenhang mit der Personalisierung, z. B. Videoempfehlungen.
functionality_storagedeniedErmöglicht die Speicherung im Browser, die die Funktionalität der Website oder App unterstützt, z. B. Spracheinstellungen.
security_storagegrantedErmö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 setDefault-Zustand: Auswahl, falls dieser Consent-Typ keinen Bezug auf den Service hat
deniedAuswahl, falls nach Zustimmung des Services der Consent-Typ "denied" sein soll
grantedAuswahl, 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:

  1. Aktivieren Sie in den TYPO3Script-Parametern den Consend Mode "Basic" oder "Advanced"
  2. Navigieren Sie zum Modul Liste und wählen Sie im Seitenbaum Cookie Consent aus
  3. Klicken Sie auf das Bearbeiten-Icon des entsprechenden Google-Services
  4. Nehmen Sie im Tab Google Consent Mode die Einstellungen für die Consent-Typen im Falle einer Zustimmung vor
  5. Klicken Sie auf Speichern
  6. 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:

  1. Aktivieren Sie in den TYPOScript-Parametern den Consend Mode "Basic" oder "Advanced"
  2. Navigieren Sie zum Modul Liste und wählen Sie im Seitenbaum Cookie Consent aus
  3. Klicken Sie auf das Bearbeiten-Icon des entsprechenden Google-Services
  4. Nehmen Sie im Tab Google Consent Mode die Einstellungen für die Consent-Typen im Falle einer Zustimmung vor
  5. Klicken Sie auf Speichern
  6. 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)
  7. Wechseln Sie in die Google Tag Manager Oberfläche (https://www.google.com/intl/de/tagmanager/)
  8. Klicken Sie im linken Bereich auf Vorlagen
  9. Klicken Sie rechts im Bereich "Tag-Vorlagen" auf "Neu" um eine neue Vorlage anzulegen
  10. Klicken Sie im anschließenden Fenster rechts oben auf die drei Punkte und wählen Sie "Importieren" aus
  11. Wählen Sie die heruntergeladene Datei template.tpl aus und klicken auf "Öffnen"
  12. Klicken Sie im Vorlageneditor abschließend rechts oben auf "Speichern". Die Vorlage ist nun importiert.
  13. Wechseln Sie im linken Bereich auf Tags
  14. 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
  15. 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.
  16. Setzen Sie den Wert bei "Wait for Update" auf "500" ms. Das ist in der Regel ausreichend.
  17. Weisen Sie dem neuen Tag den Trigger "Consent Initialization - All Pages" zu
  18. Weisen Sie dem neuen Tag zusätzlich mit der Verknüpfung "oder" jeden Trigger zu, der einen Google Service enthält
  19. 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.
  20. 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