---
title: "Academy App"
canonical_url: "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten"
locale: de
meta:
  "og:title": "Academy App"
---

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

- [Apps](https://academy.laioutr.com/bereiche/apps)

- [Tracking und Consent](https://academy.laioutr.com/leitfaeden/tracking-und-consent-apps)

- [Cookiebot als Consent-Banner einrichten](https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten)

# Cookiebot als Consent-Banner einrichten

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).

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Jede Laioutr-Lizenz; Cookiebot-Konto</dd>

<dt>Rolle</dt>
<dd>Developer-Rolle in der Umgebung, um Einstellungen in Configuration zu speichern</dd>

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

### Voraussetzungen

- Cookiebot-Konto mit eingetragener Domain
- CBID der Domaingruppe
- Liste der Cookies der installierten Apps

Zuletzt geprüft am 15. Oktober 2026

Bindet das Cookiebot-Banner ein, bildet die Cookiebot-Kategorien auf die Consent-Zwecke von Laioutr ab und meldet jede Entscheidung an den Consent-Speicher, dem Tracking und GTM folgen.

[Entwicklerdokumentation](https://docs.laioutr.com/apps/app-docs/cookiebot)

## So funktioniert es

1. Domain eintragen und CBID kopierenWo: Cookiebot-Dashboard · Rolle: Datenschutz oder Developer · Dauer: 10 min
2. App installierenWo: Cockpit, Apps · Rolle: Developer · Dauer: 2 min
3. cbid eintragen, Consent-Mode-Optionen prüfen, speichernWo: Cockpit, Configuration · Rolle: Developer · Dauer: 3 min
4. Deployment startenWo: Cockpit, Deployments · Rolle: Developer · Dauer: 5 min
5. Cookie-Scan ausführen und Cookies einordnenWo: Cookiebot-Dashboard · Rolle: Datenschutz · Dauer: 20 min

## Konfiguration

| Feld | Zweck | Woher | Pflicht | Pro Environment |
| --- | --- | --- | --- | --- |
| `cbid` | Domaingruppen-ID von Cookiebot, lädt das Cookiebot-Skript für die Domain. | Cookiebot-Dashboard, Domaingruppe | Ja | Ja |
| `consentMode` | Schaltet Google Consent Mode v2 in Cookiebot ein (true, Standard) oder aus (false). | Entscheidung im Projekt, abgestimmt mit der GTM-App | Nein | Ja |
| `consentModeDefaults` | Schaltet den Consent-Mode-Standardzustand von Cookiebot ein (true, Standard) oder aus (false). | Entscheidung im Projekt, abgestimmt mit der GTM-App | Nein | Ja |

## Häufige Fehler

<dl>

<dt>Das Banner erscheint nicht.</dt>
<dd>**Ursache:** Die CBID ist falsch oder die Domain der Storefront ist in Cookiebot nicht eingetragen.</dd>
<dd>**Lösung:** CBID in Configuration prüfen, Domain in Cookiebot ergänzen und neu deployen.</dd>

<dt>Nach Zustimmung kommen keine Analytics-Events an.</dt>
<dd>**Ursache:** Die Kategorie Statistik wurde nicht erlaubt oder das Tracking-Ziel verlangt einen anderen Zweck.</dd>
<dd>**Lösung:** Mit Zustimmung zu Statistik testen und die Zwecke des Tracking-Ziels prüfen.</dd>

<dt>Google erhält doppelte Consent-Updates.</dt>
<dd>**Ursache:** Cookiebot und die GTM-App senden beide Consent Mode.</dd>
<dd>**Lösung:** In der GTM-App consentUpdates auf external stellen oder consentMode in Cookiebot auf false setzen.</dd></dl>

Die App **Cookiebot** (Paket `@laioutr-app/cookiebot`) ist ein Consent-Adapter. Die App lädt das Cookiebot-Skript, das Banner und Einstellungsdialog zeigt, liest das Cookie `CookieConsent` und meldet jede Änderung an den Consent-Speicher von Laioutr. Weil die Entscheidung schon beim Rendern auf dem Server bekannt ist, flackert beim Seitenaufruf nichts.

Die vier Cookiebot-Kategorien werden auf die Zwecke von Laioutr abgebildet: *necessary* auf necessary, *preferences* auf functional, *statistics* auf analytics und *marketing* auf advertising und personalization zugleich. Cookiebot kennt nur eine Marketing-Kategorie, eine getrennte Zustimmung für Werbung und Personalisierung ist damit nicht möglich.

Alles, was den Consent-Speicher nutzt, folgt der Entscheidung: das Tracking von Laioutr, die Consent-Updates der Google-Tag-Manager-App und eigene Prüfungen in Komponenten. Banner-Texte, Cookie-Scan und Kategorien werden im Cookiebot-Dashboard gepflegt. Als Alternative stehen die App CCM19 und das Gruppenprodukt Consentr zur Verfügung.

## Schritt für Schritt

1. 1 ### Schritt 1: Domain in Cookiebot einrichten

   Im Cookiebot-Dashboard die Domain der Storefront eintragen und die CBID der Domaingruppe kopieren.
2. 2 ### Schritt 2: App installieren

   Im Projekt **Apps** öffnen, Cookiebot im Tab **Tracking** suchen und **Install** wählen.
3. 3 ### Schritt 3: CBID eintragen

   In **Configuration** die `cbid` eintragen. `consentMode` und `consentModeDefaults` bleiben auf true, außer Consent Mode soll ausschließlich über die GTM-App laufen. **Save settings** wählen.
4. 4 ### Schritt 4: Deployment starten

   Unter **Deployments** mit **Deploy** ein neues Deployment starten.
5. 5 ### Schritt 5: Cookies scannen und einordnen

   Den Cookie-Scan in Cookiebot laufen lassen und Cookies der Apps, etwa `nimstrata-visitor-id`, der passenden Kategorie zuordnen.

## Ergebnis prüfen

Die Storefront in einem privaten Fenster öffnen: Das Banner erscheint. Nach Ablehnen setzen Tracking-Ziele keine Cookies. Nach Zustimmen zu Statistik ist das Cookie `CookieConsent` gesetzt und Events erreichen die Analytics-Ziele. Ein Link zu den Cookie-Einstellungen öffnet den Dialog erneut.

## Häufige Fragen

Wie arbeiten Cookiebot und die GTM-App zusammen?

Cookiebot meldet die Entscheidung, die GTM-App sendet daraus das Consent-Update an Google. Sendet Cookiebot Consent Mode selbst, wird in der GTM-App `consentUpdates` auf `external` gestellt, damit nur eine Quelle Updates sendet.

Warum lassen sich Werbung und Personalisierung nicht getrennt erlauben?

Cookiebot hat nur die Kategorie Marketing. Diese Kategorie steht in Laioutr für beide Zwecke. Eine getrennte Zustimmung bietet eine Consent-Lösung, die beide Zwecke einzeln meldet.

Wo werden Banner-Texte und Sprachen gepflegt?

Im Cookiebot-Dashboard. Laioutr übernimmt Einbindung und Auswertung der Entscheidung, Gestaltung und Texte bleiben bei Cookiebot.

## Passend dazu

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

  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.
- [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.
- [Zugangsdaten eintragen und Verbindung testen](https://academy.laioutr.com/artikel/zugangsdaten-eintragen-und-verbindung-testen)5 Min.

  Zugangsdaten einer App werden je Umgebung unter Configuration eingetragen, mit Test connection geprüft und mit Save settings gespeichert. Wirksam werden sie mit dem nächsten Deployment.
- [Google Tag Manager mit Consent Mode v2 einbinden](https://academy.laioutr.com/apps/google-tag-manager-mit-consent-mode-v2)8 Min.

  Die App Google Tag Manager lädt den GTM-Container in die Storefront, setzt alle Consent-Signale vorab auf „denied“ und gibt sie erst nach der Entscheidung der Besucher frei. Storefront-Events landen nach Zustimmung zu Analytics mit GA4-Namen im Data Layer.
- [CCM19 als Consent-Banner einrichten](https://academy.laioutr.com/apps/ccm19-consent-banner-einrichten)8 Min.

  Die App CCM19 zeigt das CCM19-Banner in der Storefront und meldet jeden Zweck, dem Besucher zustimmen, an den Consent-Speicher von Laioutr. Nötig sind Server-URL, API-Key und Domain-ID aus dem CCM19-Dashboard.

## [Tracking und Consent](https://academy.laioutr.com/leitfaeden/tracking-und-consent-apps)

In diesem Leitfaden suchen

1. [Google Tag Manager mit Consent Mode v2 einbinden](https://academy.laioutr.com/apps/google-tag-manager-mit-consent-mode-v2)8 Min.
2. [Cookiebot als Consent-Banner einrichten](https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten)7 Min.
3. [CCM19 als Consent-Banner einrichten](https://academy.laioutr.com/apps/ccm19-consent-banner-einrichten)8 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/apps/cookiebot-consent-banner-einrichten#webpage",
      "name": "Academy App",
      "url": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten#/schema/question/3"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Apps",
          "item": "https://academy.laioutr.com/bereiche/apps",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Tracking und Consent",
          "item": "https://academy.laioutr.com/leitfaeden/tracking-und-consent-apps",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Cookiebot als Consent-Banner einrichten",
          "item": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wie arbeiten Cookiebot und die GTM-App zusammen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Cookiebot meldet die Entscheidung, die GTM-App sendet daraus das Consent-Update an Google. Sendet Cookiebot Consent Mode selbst, wird in der GTM-App <code>consentUpdates</code> auf <code>external</code> gestellt, damit nur eine Quelle Updates sendet.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Warum lassen sich Werbung und Personalisierung nicht getrennt erlauben?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Cookiebot hat nur die Kategorie Marketing. Diese Kategorie steht in Laioutr für beide Zwecke. Eine getrennte Zustimmung bietet eine Consent-Lösung, die beide Zwecke einzeln meldet.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/apps/cookiebot-consent-banner-einrichten#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wo werden Banner-Texte und Sprachen gepflegt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Im Cookiebot-Dashboard. Laioutr übernimmt Einbindung und Auswertung der Entscheidung, Gestaltung und Texte bleiben bei Cookiebot.</p>"
      }
    }
  ]
}
```