---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten"
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)

- [Tracking und Consent in den Komponenten](https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten)

# Tracking und Consent in den Komponenten

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.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Tracking-Basis in der Plattform enthalten; Server Side Tracking ist ein Add-on</dd>

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

Zuletzt geprüft am 15. Oktober 2026

Ein Storefront spricht mit vielen Analyse- und Marketingwerkzeugen. Laioutr bündelt das in einer **Analytics-Schicht** in Frontend Core: Komponenten und Apps senden Ereignisse an einen zentralen Bus, der jedes Ereignis an alle angebundenen Ziele verteilt.

### Was automatisch erfasst wird

- Seitenaufrufe nach jeder Navigation
- Klicks, Sichtbarkeit von Elementen, Scrolltiefe und Videofortschritt
- E-Commerce-Ereignisse wie Produktansicht, Listenansicht, Warenkorb, Checkout, Kauf und Suche
- Kampagnenherkunft aus Klick-IDs wie gclid und utm-Parametern, 90 Tage gespeichert

Jedes Ereignis trägt Kontext mit: Seite, Markt mit Sprache und Währung, Sitzung, Einwilligung, Kampagne und laufende Experimente.

### Einwilligung entscheidet

Jedes Ziel nennt die Zwecke, die es braucht, etwa Statistik oder Werbung. Der Bus liefert nur, was der Besucher erlaubt hat. Ereignisse vor der Entscheidung werden zurückgehalten und erst nach Zustimmung zugestellt, bei Ablehnung verworfen. Die Einwilligung kommt aus der Consent-App, etwa Cookiebot oder CCM19.

Diese Tracking-Basis ist in der Plattform enthalten. Das Add-on **Server Side Tracking** leitet Ereignisse zusätzlich serverseitig an Ziele wie GA4, Meta oder ein Data Warehouse weiter.

## Häufige Fragen

Welche Ereignisse sendet die Storefront ohne Zusatzaufwand?

Seitenaufrufe nach jeder Navigation sowie die Ereignisse, die die Komponenten von Laioutr UI auslösen, etwa Klicks, Sichtbarkeit, Produktansicht und In-den-Warenkorb. Eigene Ereignisse ergänzt die Entwicklung mit einem eigenen Ereignistyp.

Was passiert mit Ereignissen, bevor der Besucher im Banner entscheidet?

Der Bus hält diese Ereignisse zurück. Stimmt der Besucher zu, werden sie in der richtigen Reihenfolge zugestellt, auch der erste Seitenaufruf. Lehnt er ab, werden sie verworfen.

Was ist der Unterschied zu Server Side Tracking?

Die Tracking-Basis erfasst Ereignisse im Browser und verteilt sie an angebundene Ziele wie Google Tag Manager. Server Side Tracking ist ein Add-on, das Ereignisse serverseitig an viele Ziele weiterleitet, stabil gegenüber Adblockern und weiterhin einwilligungsgesteuert.

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

## [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/tracking-und-consent-in-den-komponenten#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten#/schema/question/3"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten#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": "Tracking und Consent in den Komponenten",
          "item": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Welche Ereignisse sendet die Storefront ohne Zusatzaufwand?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Seitenaufrufe nach jeder Navigation sowie die Ereignisse, die die Komponenten von Laioutr UI auslösen, etwa Klicks, Sichtbarkeit, Produktansicht und In-den-Warenkorb. Eigene Ereignisse ergänzt die Entwicklung mit einem eigenen Ereignistyp.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Was passiert mit Ereignissen, bevor der Besucher im Banner entscheidet?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Der Bus hält diese Ereignisse zurück. Stimmt der Besucher zu, werden sie in der richtigen Reihenfolge zugestellt, auch der erste Seitenaufruf. Lehnt er ab, werden sie verworfen.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Was ist der Unterschied zu Server Side Tracking?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Die Tracking-Basis erfasst Ereignisse im Browser und verteilt sie an angebundene Ziele wie Google Tag Manager. Server Side Tracking ist ein Add-on, das Ereignisse serverseitig an viele Ziele weiterleitet, stabil gegenüber Adblockern und weiterhin einwilligungsgesteuert.</p>"
      }
    }
  ]
}
```