---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten"
locale: de
meta:
  "og:title": "Academy Article"
---

[Zur Startseite](https://academy.laioutr.com/)

- [Storefront-Funktionen](https://academy.laioutr.com/bereiche/storefront-funktionen)

- [Tracking, Sprache und Agenten](https://academy.laioutr.com/leitfaeden/tracking-sprache-und-agenten)

- [Consent-Banner mit Cookiebot oder CCM19 einrichten](https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten)

# Consent-Banner mit Cookiebot oder CCM19 einrichten

Laioutr bindet Cookiebot oder CCM19 als Consent-App an. Nach Installation und Eintrag der Kennungen zeigt die Storefront den Banner, und alle Tracking-Ziele sowie Google Consent Mode v2 folgen automatisch der Entscheidung des Besuchers.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Consent-Anbindung in der Plattform enthalten; Lizenz beim CMP-Anbieter erforderlich</dd>

<dt>Rolle</dt>
<dd>Developer-Rolle auf der Umgebung (für Configuration)</dd>

<dt>Dauer</dt>
<dd>10 Min.</dd></dl>

### Voraussetzungen

- Konto bei Cookiebot (CBID) oder CCM19 (Server-URL, API-Key, Domain-ID)
- Domain der Storefront im CMP hinterlegt
- Datenschutzerklärung auf der Website

Zuletzt geprüft am 15. Oktober 2026

Bevor eine Storefront Statistik- oder Werbedienste lädt, braucht es die Einwilligung des Besuchers. Laioutr trennt dafür zwei Dinge: den **Consent-Store** in Frontend Core, den alle Funktionen abfragen, und die **Consent-App**, die den Banner zeigt und die Entscheidung liefert.

Der Consent-Store kennt fünf Zwecke: notwendig, funktional, Statistik, Werbung und Personalisierung. Die Consent-App übersetzt die Kategorien des jeweiligen Anbieters in diese Zwecke:

- **Cookiebot** hat vier Kategorien. Marketing gewährt Werbung und Personalisierung gemeinsam, beide lassen sich dort nicht getrennt wählen.
- **CCM19** arbeitet mit Zwecken. Die eingebauten Zwecke sind bereits zugeordnet, selbst angelegte Zwecke ordnet die Entwicklung zu.

Sobald die App aktiv ist, folgen das Tracking, die App Google Tag Manager und Google Consent Mode v2 der Entscheidung, ohne weitere Verdrahtung. Ein späterer Wechsel des Anbieters ist eine Konfigurationsänderung, kein Umbau. Ohne Consent-App gilt nur der notwendige Zweck als erteilt.

## Schritt für Schritt

1. 1 ### Schritt 1: CMP-Konto vorbereiten

   Im Cookiebot-Konto die Domain anlegen und die Domain-Gruppen-ID (CBID) notieren. Bei CCM19 die Domain anlegen und Server-URL, API-Key und Domain-ID aus dem Einbindungscode übernehmen.
2. 2 ### Schritt 2: Consent-App installieren

   Im Cockpit im Projektmenü **Apps** öffnen und bei Cookiebot oder CCM19 auf **Install** klicken.
3. 3 ### Schritt 3: Kennungen eintragen

   In der Umgebung unter **Configuration** die App öffnen. Für Cookiebot die CBID eintragen, für CCM19 Server-URL, API-Key, Domain-ID und optional die Sprache.
4. 4 ### Schritt 4: Eigene Zwecke zuordnen (CCM19)

   In CCM19 angelegte eigene Zwecke von der Entwicklung einem Laioutr-Zweck zuordnen lassen. Ohne Zuordnung gewährt der Zweck "Sonstiges" nichts.
5. 5 ### Schritt 5: Link für Cookie-Einstellungen einbauen

   Im Footer einen Link "Cookie-Einstellungen" vorsehen, der den Banner erneut öffnet. Die Entwicklung verbindet ihn mit dem Consent-Store.
6. 6 ### Schritt 6: Speichern und deployen

   Auf **Save settings** klicken und die Umgebung deployen. Erst das Deployment bringt den Banner in die Storefront.

## Ergebnis prüfen

Die Storefront in einem privaten Browserfenster öffnen: Der Banner muss erscheinen. Statistik ablehnen und prüfen, dass keine Tracking-Ereignisse gesendet werden. Über den Link im Footer den Banner erneut öffnen, Statistik erlauben und prüfen, dass Ereignisse ankommen. Nach dem Neuladen bleibt die Wahl erhalten.

## Häufige Fragen

Lässt sich der Anbieter später wechseln?

Ja. Alle Funktionen fragen den Consent-Store ab, nicht den Anbieter. Ein Wechsel von Cookiebot zu CCM19 ist eine Konfigurationsänderung ohne Umbau der Storefront.

Können Besucher bei Cookiebot Werbung und Personalisierung getrennt wählen?

Nein. Cookiebot hat nur eine Marketing-Kategorie, die beide Zwecke gemeinsam gewährt. CCM19 kann sie getrennt abfragen.

Wie wird Google Consent Mode v2 gesteuert?

Die App Google Tag Manager setzt alle Signale vorab auf verweigert und sendet nach der Entscheidung ein Update. Bei Cookiebot ist Consent Mode standardmäßig aktiv, bei CCM19 wird er im CCM19-Dashboard eingestellt.

Was passiert ohne Consent-App?

Dann gilt nur der notwendige Zweck als erteilt. Tracking-Ziele erhalten keine Ereignisse und Google Consent Mode bleibt auf verweigert.

## Passend dazu

- [Tracking einrichten: Google Tag Manager anbinden](https://academy.laioutr.com/artikel/tracking-einrichten-google-tag-manager-anbinden)10 Min.

  Für das Tracking installiert das Team eine Consent-App und die App Google Tag Manager, trägt die Container-ID je Umgebung ein und deployt. Danach landen die Ereignisse der Storefront mit GA4-Namen im Data Layer, sobald der Besucher der Statistik zugestimmt hat.
- [Tracking und Consent in den Komponenten](https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten)6 Min.

  Die Komponenten von Laioutr senden Ereignisse wie Seitenaufruf, Produktansicht, In-den-Warenkorb und Kauf über eine einheitliche Analytics-Schicht. Jedes Ereignis erreicht nur die Ziele, für die der Besucher seine Einwilligung gegeben hat.
- [Cookiebot als Consent-Banner einrichten](https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten)7 Min.

  Die App Cookiebot zeigt das Cookiebot-Banner in der Storefront und meldet die Entscheidung der Besucher an den Consent-Speicher von Laioutr, nach dem sich Tracking, GTM und andere Apps richten. Nötig ist nur die Cookiebot-Domaingruppen-ID (CBID).
- [Widerrufsbutton mit der Essentials-App Legal einrichten](https://academy.laioutr.com/apps/widerrufsbutton-mit-der-essentials-app-legal-einrichten)8 Min.

  Die Essentials-App Legal liefert Bausteine für rechtlich geforderte Inhalte, allen voran den Widerrufsbutton nach EU-Richtlinie 2023/2673 mit zweistufigem Ablauf und automatischer Eingangsbestätigung. Platzierung, Texte und Datenquellen werden in Studio eingerichtet.

## In einer Lektion lernen

- [Formulare, E-Mails und Einwilligungen](https://academy.laioutr.com/lektionen/frontend-manager-mailer-und-consentr)9 Min.
- [Checkliste Live-Gang](https://academy.laioutr.com/lektionen/live-gang-checkliste)6 Min.

## [Tracking, Sprache und Agenten](https://academy.laioutr.com/leitfaeden/tracking-sprache-und-agenten)

In diesem Leitfaden suchen

1. [Tracking und Consent in den Komponenten](https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten)6 Min.
2. [Tracking einrichten: Google Tag Manager anbinden](https://academy.laioutr.com/artikel/tracking-einrichten-google-tag-manager-anbinden)10 Min.
3. [Consent-Banner mit Cookiebot oder CCM19 einrichten](https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten)10 Min.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "de",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "workTranslation": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#/schema/question/3"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#/schema/question/4"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Storefront-Funktionen",
          "item": "https://academy.laioutr.com/bereiche/storefront-funktionen",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Tracking, Sprache und Agenten",
          "item": "https://academy.laioutr.com/leitfaeden/tracking-sprache-und-agenten",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Consent-Banner mit Cookiebot oder CCM19 einrichten",
          "item": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Lässt sich der Anbieter später wechseln?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Alle Funktionen fragen den Consent-Store ab, nicht den Anbieter. Ein Wechsel von Cookiebot zu CCM19 ist eine Konfigurationsänderung ohne Umbau der Storefront.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Können Besucher bei Cookiebot Werbung und Personalisierung getrennt wählen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Nein. Cookiebot hat nur eine Marketing-Kategorie, die beide Zwecke gemeinsam gewährt. CCM19 kann sie getrennt abfragen.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wie wird Google Consent Mode v2 gesteuert?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Die App Google Tag Manager setzt alle Signale vorab auf verweigert und sendet nach der Entscheidung ein Update. Bei Cookiebot ist Consent Mode standardmäßig aktiv, bei CCM19 wird er im CCM19-Dashboard eingestellt.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten#/schema/question/4",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Was passiert ohne Consent-App?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Dann gilt nur der notwendige Zweck als erteilt. Tracking-Ziele erhalten keine Ereignisse und Google Consent Mode bleibt auf verweigert.</p>"
      }
    }
  ]
}
```