---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components"
locale: en
meta:
  "og:title": "Academy Article"
---

[Go to home](https://academy.laioutr.com/en)

- [Storefront features](https://academy.laioutr.com/en/bereiche/storefront-features)

- [Tracking, language and agents](https://academy.laioutr.com/en/leitfaeden/tracking-language-and-agents)

- [Tracking and consent built into the components](https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components)

# Tracking and consent built into the components

Laioutr components send events such as page view, product view, add to cart and purchase through one analytics layer. Each event only reaches the destinations the visitor has consented to.

## Before you start

<dl>

<dt>Plan</dt>
<dd>Tracking base included in the platform; Server Side Tracking is an add-on</dd>

<dt>Duration</dt>
<dd>6 min</dd></dl>

Last reviewed on October 15, 2026

A storefront talks to many analytics and marketing tools. Laioutr brings this together in an **analytics layer** in Frontend Core: components and apps send events to a central bus, which distributes each event to all connected destinations.

### What is captured automatically

- page views after every navigation
- clicks, element visibility, scroll depth and video progress
- e-commerce events such as product view, list view, cart, checkout, purchase and search
- campaign origin from click IDs such as gclid and utm parameters, kept for 90 days

Every event carries context: page, market with language and currency, session, consent, campaign and running experiments.

### Consent decides

Each destination states the purposes it needs, such as statistics or advertising. The bus only delivers what the visitor allowed. Events raised before the decision are held and delivered after consent, or discarded on refusal. Consent comes from the consent app, for example Cookiebot or CCM19.

This tracking base is included in the platform. The **Server Side Tracking** add-on additionally forwards events server-side to destinations such as GA4, Meta or a data warehouse.

## Frequently asked questions

Which events does the storefront send without extra work?

Page views after every navigation plus the events triggered by Laioutr UI components, such as clicks, visibility, product view and add to cart. Developers add custom events with their own event type.

What happens to events before the visitor decides in the banner?

They are held. If the visitor consents, they are delivered in order, including the first page view. If the visitor refuses, they are discarded.

How does this differ from Server Side Tracking?

The tracking base captures events in the browser and distributes them to connected destinations such as Google Tag Manager. Server Side Tracking is an add-on that forwards events server-side to many destinations, robust against ad blockers and still controlled by consent.

## Related

- [Set up tracking: connect Google Tag Manager](https://academy.laioutr.com/en/artikel/set-up-tracking-connect-google-tag-manager)10 min

  To set up tracking, install a consent app and the Google Tag Manager app, enter the container ID per environment and deploy. Storefront events then arrive in the data layer with GA4 names as soon as the visitor consents to statistics.
- [Set up a consent banner with Cookiebot or CCM19](https://academy.laioutr.com/en/artikel/set-up-a-consent-banner-with-cookiebot-or-ccm19)10 min

  Laioutr connects Cookiebot or CCM19 as a consent app. Once installed and configured with its IDs, the storefront shows the banner, and all tracking destinations and Google Consent Mode v2 follow the visitor's decision automatically.
- [Add Google Tag Manager with Consent Mode v2](https://academy.laioutr.com/en/apps/google-tag-manager-with-consent-mode-v2)8 min

  The Google Tag Manager app loads the GTM container into the storefront, sets all consent signals to "denied" up front and releases them only after visitors decide. After analytics consent, storefront events reach the data layer with GA4 names.
- [Set up Cookiebot as consent banner](https://academy.laioutr.com/en/apps/set-up-cookiebot-consent-banner)7 min

  The Cookiebot app shows the Cookiebot banner in the storefront and reports the visitors' decision to the Laioutr consent store, which tracking, GTM and other apps follow. Only the Cookiebot domain group ID (CBID) is required.

## [Tracking, language and agents](https://academy.laioutr.com/en/leitfaeden/tracking-language-and-agents)

Search this guide

1. [Tracking and consent built into the components](https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components)6 min
2. [Set up tracking: connect Google Tag Manager](https://academy.laioutr.com/en/artikel/set-up-tracking-connect-google-tag-manager)10 min
3. [Set up a consent banner with Cookiebot or CCM19](https://academy.laioutr.com/en/artikel/set-up-a-consent-banner-with-cookiebot-or-ccm19)10 min

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#/schema/question/3"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Storefront features",
          "item": "https://academy.laioutr.com/en/bereiche/storefront-features",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Tracking, language and agents",
          "item": "https://academy.laioutr.com/en/leitfaeden/tracking-language-and-agents",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Tracking and consent built into the components",
          "item": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#/schema/question/1",
      "@type": "Question",
      "inLanguage": "en",
      "name": "Which events does the storefront send without extra work?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Page views after every navigation plus the events triggered by Laioutr UI components, such as clicks, visibility, product view and add to cart. Developers add custom events with their own event type.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#/schema/question/2",
      "@type": "Question",
      "inLanguage": "en",
      "name": "What happens to events before the visitor decides in the banner?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>They are held. If the visitor consents, they are delivered in order, including the first page view. If the visitor refuses, they are discarded.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/tracking-and-consent-built-into-the-components#/schema/question/3",
      "@type": "Question",
      "inLanguage": "en",
      "name": "How does this differ from Server Side Tracking?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>The tracking base captures events in the browser and distributes them to connected destinations such as Google Tag Manager. Server Side Tracking is an add-on that forwards events server-side to many destinations, robust against ad blockers and still controlled by consent.</p>"
      }
    }
  ]
}
```