In diesem Abschnitt finden Sie alle Möglichkeiten, um auf die Daten von Cookies im Shop zuzugreifen. Es werden die verfügbaren Variablen und Tags beschrieben, mit denen Sie die Cookiedaten dynamisch im Frontend anzeigen können.

Inhaltsübersicht

1 Templates
2 Datenübersicht
3 Beispiele für die Anzeige vom Consent Layer
- - 3.1.1 Prüfen, ob Cookies bereits gesetzt wurden
  - 3.1.2 Prüfen, ob alle Cookies bereits akzeptiert wurden
  - 3.1.3 Anzeige der Cookie Gruppen
  - 3.1.4 Anzeige der Cookies einer Gruppe
  - 3.1.5 Inhalt abhängig vom Cookie darstellen
- 3.2 Referenz

Templates

Der Consent Layer kann global aufgerufen werden und wird aus dem Template consent.htm geladen

Datenübersicht

Um die verfügbaren Daten der Cookies einzusehen, können Sie sich diese in einem JSON-ähnlichen Format ausgeben lassen. Dies ist hilfreich, um die Struktur und Inhalte der Cookies zu verstehen oder auch Fehler zu debuggen.

Dies erfolgt folgendermaßen (auskommentiert, damit die Ausgabe nicht direkt im Frontend angezeigt wird):

<!-- 
	{{= $wsConsent | json }}
-->

Die Ausgabe in der Developer-Konsole des Browsers könnte dann wie folgt aussehen:

{
  "allAllowed": false,
  "alreadySet": true,
  "checkAllowed": "(Function)",
  "groups": [
    {
      "allowed": true,
      "description": "Sind Sie überhaupt ein Mensch?",
      "label": "Captcha",
      "name": "captcha",
      "services": [
        {
          "allowed": true,
          "description": "Google prüft gerne im Austausch Ihrer Daten, ob Sie ein Mensch oder Roboter sind.",
          "label": "Google reCAPTCHA v3",
          "name": "recaptchav3"
        }
      ]
    },
    {
      ...
    }
  ],
  "services": [
    {
      "allowed": true,
      "description": "Google prüft gerne im Austausch Ihrer Daten, ob Sie ein Mensch oder Roboter sind.",
      "label": "Google reCAPTCHA v3",
      "name": "recaptchav3"
    },
    {
      ...
    }
  ]
}

Beispiele für die Anzeige vom Consent Layer

Prüfen, ob Cookies bereits gesetzt wurden

In diesem Beispiel wird überprüft, ob durch den Kunden Cookies bereits gesetzt wurden.

{{ if $wsConsent.alreadySet }}
  Cookiepräferenzen wurden bereits gesetzt
{{ /if }}

Prüfen, ob alle Cookies bereits akzeptiert wurden

In diesem Beispiel wird überprüft, ob durch den Kunden alle Cookies akzeptiert wurden. Diese Prüfung kann beispielsweise verwendet werden um die Anzeige des Consent-Layers zu steuern.

{{ if $wsConsent.allAllowed }}
  Alle Cookies wurden bereits akzeptiert
{{ /if }}

Anzeige der Cookie Gruppen

Durch eine foreach Schleife können auf die Infos der jeweiligen Cookie-Gruppe zugegriffen werden.

In diesem Beispiel werden die Namen sowie die Beschreibungen der jeweiligen Cookie-Gruppen ausgelesen.

{{ foreach $group in $wsConsent.groups }}
	Name: {{=$group.name}}
	Beschreibung: {{= $group.description }}
{{ /foreach }}

Anzeige der Cookies einer Gruppe

Durch eine foreach Schleife können auf die Infos der jeweiligen Cookies einer Gruppe zugegriffen werden. Typischerweise findet sich diese Schleife innerhalb der Cookie-Gruppen Schleife.

In diesem Beispiel werden die Namen und Beschreibungen der jeweiligen Cookies einer Gruppe ausgelesen.

{{ foreach $group in $wsConsent.groups }}
	Cookie-Gruppe:	{{=$group.name}}
	Beschreibung:	{{= $group.description }}
	{{ foreach $service in $group.services }}
		Cookie-Name: {{=$group.name}}
		Cookie-Beschreibung: {{= $service.description }}
	{{ /foreach }}
{{ /foreach }}

Inhalt abhängig vom Cookie darstellen

Falls Inhalte erst angezeigt werden sollen, nachdem ein entsprechendes Cookie gesetzt wurde, kann der Status dieses Cookies überprüft werden.

In diesem Beispiel wird geprüft, ob das Cookie „myCookieService“ akzeptiert wurde, um die Anzeige des Inhalts zu steuern.

{{ if $wsConsent.checkAllowed("myCookieService") }}
   <!-- Inhalte anzeigen -->
   {{ else }}
     Um diese Inhalte zu sehen, muss das Cookie myCookieService akzeptiert werden
{{ /if }}

Referenz

In der Modul-Referenz für $wsConsent finden Sie eine Übersicht aller verfügbaren Eigenschaften und Parameter.

$wsConsent - Consent Layer