> ## Documentation Index
> Fetch the complete documentation index at: https://docs.osiro.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Cookie-Banner

> Den osiro Cookie-Banner mit Google Tag Manager verbinden und externe Scripts erst nach Zustimmung laden.

## Überblick

Der osiro Cookie-Banner ist ein datenschutzkonformer Consent-Banner mit drei Kategorien: **Notwendig**, **Analyse** und **Werbung**. Die Zustimmung wird im Cookie `osiro_cc` gespeichert.

Platzhalter – kurze Einordnung, wann/warum Kunden den Banner statt Usercentrics nutzen würden.

***

## Banner aktivieren

Aktivieren Sie den Banner unter **Landing Page → Einstellungen → Integrationen → Cookie-Banner**:

<img src="https://mintcdn.com/osiro/0twm5PN7smzbwm0U/images/convert/landing-page-editor/cookie-banner/integrations.png?fit=max&auto=format&n=0twm5PN7smzbwm0U&q=85&s=ebccb1420d5fb499860bdbc21440f4dd" width="2940" height="1846" data-path="images/convert/landing-page-editor/cookie-banner/integrations.png" />

Wählen Sie anschließend eine Darstellung:

* **Box (mittig)**

  <img src="https://mintcdn.com/osiro/yPXQWPpVOqYZ20gC/images/convert/landing-page-editor/cookie-banner/layout_box.png?fit=max&auto=format&n=yPXQWPpVOqYZ20gC&q=85&s=eaf155a78506ac298a2bba6cc44f36ab" style={{maxWidth: '500px'}} width="2940" height="1846" data-path="images/convert/landing-page-editor/cookie-banner/layout_box.png" />

* **Wolke (kompakt)**

  <img src="https://mintcdn.com/osiro/yPXQWPpVOqYZ20gC/images/convert/landing-page-editor/cookie-banner/layout_wolke.png?fit=max&auto=format&n=yPXQWPpVOqYZ20gC&q=85&s=347be9d6834ce7c5f98b4c161ac10d86" style={{maxWidth: '500px'}} width="2940" height="1846" data-path="images/convert/landing-page-editor/cookie-banner/layout_wolke.png" />

* **Leiste (volle Breite)**

  <img src="https://mintcdn.com/osiro/yPXQWPpVOqYZ20gC/images/convert/landing-page-editor/cookie-banner/layout_leiste.png?fit=max&auto=format&n=yPXQWPpVOqYZ20gC&q=85&s=1f6780b65d8924608b19b40a8a4cd641" style={{maxWidth: '500px'}} width="2940" height="1846" data-path="images/convert/landing-page-editor/cookie-banner/layout_leiste.png" />

<Note>
  Cookie-Banner und Usercentrics schließen sich gegenseitig aus – die Aktivierung einer Integration deaktiviert automatisch die andere.
</Note>

***

## Tracking mit Google Tag Manager

Der Banner sendet automatisch die nötigen Consent-Signale (Google Consent Mode v2) an `window.dataLayer` – an der Landing Page selbst müssen Sie dafür nichts einstellen. Diese Signale nutzt z. B. das Tracking Ihres Funnels (Google Tag Manager Container, Meta-Pixel), um erst nach Zustimmung des Besuchers zu laden.

Wie Sie das in Ihrem Google Tag Manager Container einrichten, erklärt der Artikel [Tracking mit Consent Mode absichern](/convert/funnel-editor/consent-mode).

***

## Externe Scripts blockieren

Scripts mit `type="text/plain"` und einem `data-category`-Attribut werden von osiro so lange blockiert, bis die jeweilige Kategorie akzeptiert wurde – erst dann wird das Script ausgeführt.

```html theme={null}
<!-- Wird erst nach Zustimmung zur Kategorie "analytics" ausgeführt -->
<script type="text/plain" data-category="analytics" data-src="https://example.com/analytics.js"></script>

<script type="text/plain" data-category="analytics">
  // Inline-Code, gleiche Regel
</script>
```

Zusätzliche Attribute:

| Attribut                          | Wirkung                                                                                           |
| --------------------------------- | ------------------------------------------------------------------------------------------------- |
| `data-service="Google Analytics"` | Bindet das Script an einen einzelnen Schalter im Präferenzen-Modal statt an die gesamte Kategorie |
| `data-src` statt `src`            | Verhindert, dass der Browser die Datei bereits vor der Zustimmung lädt                            |
| `data-category="!analytics"`      | Führt das Script aus, wenn die Kategorie **abgelehnt** wird (Escape-Hatch, selten benötigt)       |

Weiterführende Dokumentation: [cookieconsent.orestbida.com/advanced/manage-scripts.html](https://cookieconsent.orestbida.com/advanced/manage-scripts.html)

***

## Häufige Fragen

<AccordionGroup>
  <Accordion title="Kann ich Cookie-Banner und Usercentrics gleichzeitig nutzen?">
    Nein, die beiden Integrationen schließen sich gegenseitig aus. Aktivieren Sie eine der beiden, wird die andere automatisch deaktiviert.
  </Accordion>

  <Accordion title="Muss ich den Banner für jede Landing Page einzeln aktivieren?">
    Ja, die Einstellung liegt unter Einstellungen → Integrationen der jeweiligen Landing Page und gilt nur für diese eine Seite.
  </Accordion>

  <Accordion title="Was passiert mit Scripts, die weder data-category noch data-service besitzen?">
    Sie laufen ganz normal wie jedes andere Script auf der Seite – nur Scripts mit `type="text/plain"` und `data-category` werden vom Cookie-Banner blockiert und erst nach Zustimmung ausgeführt.
  </Accordion>
</AccordionGroup>