Cookie-Banner / Preference Center

bratee.de: Banner-Vorlage aus Scan-Evidenz

bratee.de: Banner-Vorlage mit 6 Kategorien, 34 Dienstsignal(en), 33 Prior-Blocking-Regel(n) und Default-Denied Consent Mode.

Diese Banner-Vorlage ist kein vollständiger CMP-Dienst. Betreiber müssen prior blocking, Backend/Consent-Ledger, Rechtsgrundlagen, Barrierefreiheit, Lokalisierung und Re-Scan vor Produktivstart fachlich freigeben.

38 Consent
6Kategorien 34Dienste 33Prior Blocking 33Blocking-Regeln deniedDefault

Template

Einbettbarer Banner-Code

Code exportieren
HTML/CSS/JS Banner-Vorlage Vor dem ersten nicht notwendigen Tag einbauen; Backend/Consent-Ledger ergänzen.

<link rel="stylesheet" href="https://saferpage.de/assets/consent-banner.css?v=20260610a"> <div id="saferpage-consent" class="sp-consent" data-sp-host="bratee.de" data-sp-categories="[{&quot;id&quot;:&quot;notwendig&quot;,&quot;label&quot;:&quot;Notwendig&quot;,&quot;description&quot;:&quot;Erforderliche Dienste für Sicherheit und Grundfunktionen.&quot;,&quot;default_state&quot;:&quot;active&quot;},{&quot;id&quot;:&quot;statistik&quot;,&quot;label&quot;:&quot;Statistik&quot;,&quot;description&quot;:&quot;Reichweitenmessung und Analyse erst nach Einwilligung.&quot;,&quot;default_state&quot;:&quot;denied&quot;},{&quot;id&quot;:&quot;marketing&quot;,&quot;label&quot;:&quot;Marketing / Tracking&quot;,&quot;description&quot;:&quot;Werbung, Profiling, Retargeting und Tracking erst nach Einwilligung.&quot;,&quot;default_state&quot;:&quot;denied&quot;},{&quot;id&quot;:&quot;externe_medien&quot;,&quot;label&quot;:&quot;Externe Medien&quot;,&quot;description&quot;:&quot;Videos, Karten, Captchas, Fonts und eingebettete Inhalte verzögert laden.&quot;,&quot;default_state&quot;:&quot;denied&quot;},{&quot;id&quot;:&quot;komfort&quot;,&quot;label&quot;:&quot;Komfort&quot;,&quot;description&quot;:&quot;Optionale Funktionen getrennt von Statistik und Marketing steuerbar machen.&quot;,&quot;default_state&quot;:&quot;denied&quot;},{&quot;id&quot;:&quot;unklar&quot;,&quot;label&quot;:&quot;Unklar / klassifizieren&quot;,&quot;description&quot;:&quot;Unklare Dienste bleiben aus, bis Zweck und Rechtsgrundlage geklärt sind.&quot;,&quot;default_state&quot;:&quot;denied&quot;}]" hidden> <div class="sp-consent__panel" role="dialog" aria-modal="true" aria-labelledby="sp-consent-title"> <h2 id="sp-consent-title">Datenschutz-Einstellungen</h2> <p>Wir verwenden notwendige Dienste. Statistik, Marketing und externe Inhalte werden erst nach Ihrer Einwilligung geladen.</p> <div id="sp-consent-options"></div> <div class="sp-consent__actions"> <button type="button" data-sp-consent="reject">Ablehnen</button> <button type="button" data-sp-consent="settings">Einstellungen</button> <button type="button" data-sp-consent="accept">Akzeptieren</button> </div> </div> </div> <button id="saferpage-consent-trigger" type="button">Datenschutz-Einstellungen</button> <script src="https://saferpage.de/assets/consent-banner.js?v=20260610a" defer></script>

Privacy Trigger Link Footer, Datenschutzseite und Cookie-Erklärung

<button type="button" id="saferpage-consent-trigger">Datenschutz-Einstellungen</button>

GTM Event Tag Manager Trigger nach Consent-Update

window.addEventListener('saferpage-consent-update', function(e){ dataLayer.push({event:'saferpage_consent_update', consent:e.detail}); });

Auto-Blocking

Skripte, Iframes und Tag Manager bis Consent stoppen

Blocking JSON
Loader nach Consent-Update Nicht notwendige Skripte bleiben `text/plain`; Iframes starten mit `about:blank`.

window.addEventListener('saferpage-consent-update', function(event) { var consent = event.detail || {}; document.querySelectorAll('script[type="text/plain"][data-saferpage-category][data-src]').forEach(function(node) { var category = node.getAttribute('data-saferpage-category'); if (!consent[category] || node.getAttribute('data-saferpage-loaded') === 'true') return; var script = document.createElement('script'); Array.prototype.slice.call(node.attributes).forEach(function(attr) { if (attr.name === 'type' || attr.name === 'data-src' || attr.name === 'data-saferpage-category') return; script.setAttribute(attr.name, attr.value); }); script.src = node.getAttribute('data-src'); script.async = true; node.setAttribute('data-saferpage-loaded', 'true'); node.parentNode.insertBefore(script, node.nextSibling); }); document.querySelectorAll('iframe[data-saferpage-category][data-src]').forEach(function(node) { var category = node.getAttribute('data-saferpage-category'); if (!consent[category] || node.src === node.getAttribute('data-src')) return; node.src = node.getAttribute('data-src'); }); });

Google Fonts *.fonts.googleapis.com · Kategorie externe_medien

Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.externe_medien equals true.
Script
<script type="text/plain" data-saferpage-category="externe_medien" data-src="https://fonts.googleapis.com/..."></script>
Iframe
<iframe data-saferpage-category="externe_medien" data-src="https://fonts.googleapis.com/..." src="about:blank" title="Google Fonts"></iframe>
Google Fonts *.fonts.gstatic.com · Kategorie externe_medien

Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.externe_medien equals true.
Script
<script type="text/plain" data-saferpage-category="externe_medien" data-src="https://fonts.gstatic.com/..."></script>
Iframe
<iframe data-saferpage-category="externe_medien" data-src="https://fonts.gstatic.com/..." src="about:blank" title="Google Fonts"></iframe>
fonts.cdnfonts.com *.fonts.cdnfonts.com · Kategorie externe_medien

Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.externe_medien equals true.
Script
<script type="text/plain" data-saferpage-category="externe_medien" data-src="https://fonts.cdnfonts.com/..."></script>
Iframe
<iframe data-saferpage-category="externe_medien" data-src="https://fonts.cdnfonts.com/..." src="about:blank" title="fonts.cdnfonts.com"></iframe>
_iub_previous_preference_id *.bratee.de · Kategorie komfort

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.komfort equals true.
Script
<script type="text/plain" data-saferpage-category="komfort" data-src="https://bratee.de/..."></script>
Iframe
<iframe data-saferpage-category="komfort" data-src="https://bratee.de/..." src="about:blank" title="_iub_previous_preference_id"></iframe>
Google Tag Manager *.googletagmanager.com · Kategorie marketing

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.marketing equals true.
Script
<script type="text/plain" data-saferpage-category="marketing" data-src="https://googletagmanager.com/..."></script>
Iframe
<iframe data-saferpage-category="marketing" data-src="https://googletagmanager.com/..." src="about:blank" title="Google Tag Manager"></iframe>
Meta/Facebook *.connect.facebook.net · Kategorie marketing

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.marketing equals true.
Script
<script type="text/plain" data-saferpage-category="marketing" data-src="https://connect.facebook.net/..."></script>
Iframe
<iframe data-saferpage-category="marketing" data-src="https://connect.facebook.net/..." src="about:blank" title="Meta/Facebook"></iframe>
Meta/Facebook *.facebook.com · Kategorie marketing

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.marketing equals true.
Script
<script type="text/plain" data-saferpage-category="marketing" data-src="https://facebook.com/..."></script>
Iframe
<iframe data-saferpage-category="marketing" data-src="https://facebook.com/..." src="about:blank" title="Meta/Facebook"></iframe>
_shopify_marketing *.bratee.de · Kategorie marketing

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.marketing equals true.
Script
<script type="text/plain" data-saferpage-category="marketing" data-src="https://bratee.de/..."></script>
Iframe
<iframe data-saferpage-category="marketing" data-src="https://bratee.de/..." src="about:blank" title="_shopify_marketing"></iframe>
Google Analytics *.region1.google-analytics.com · Kategorie statistik

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.statistik equals true.
Script
<script type="text/plain" data-saferpage-category="statistik" data-src="https://region1.google-analytics.com/..."></script>
Iframe
<iframe data-saferpage-category="statistik" data-src="https://region1.google-analytics.com/..." src="about:blank" title="Google Analytics"></iframe>
_ga *.bratee.de · Kategorie statistik

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.statistik equals true.
Script
<script type="text/plain" data-saferpage-category="statistik" data-src="https://bratee.de/..."></script>
Iframe
<iframe data-saferpage-category="statistik" data-src="https://bratee.de/..." src="about:blank" title="_ga"></iframe>
_ga_TR3NHL50KF *.bratee.de · Kategorie statistik

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.statistik equals true.
Script
<script type="text/plain" data-saferpage-category="statistik" data-src="https://bratee.de/..."></script>
Iframe
<iframe data-saferpage-category="statistik" data-src="https://bratee.de/..." src="about:blank" title="_ga_TR3NHL50KF"></iframe>
_shopify_analytics *.bratee.de · Kategorie statistik

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.

Fire only when event equals saferpage_consent_update and consent.statistik equals true.
Script
<script type="text/plain" data-saferpage-category="statistik" data-src="https://bratee.de/..."></script>
Iframe
<iframe data-saferpage-category="statistik" data-src="https://bratee.de/..." src="about:blank" title="_shopify_analytics"></iframe>
Consent Initialization Default Consent Mode vor allen Marketing-/Analytics-Tags auf denied setzen.
Tag Trigger prüfen Jeder nicht notwendige Tag braucht Kategoriebedingung aus saferpage_consent_update.
Unklassifizierte Tags blockieren Neue oder unbekannte Dienste bleiben aus, bis Kategorie, Zweck und Rechtsgrundlage freigegeben sind.
Reject/GPC testen Nach Ablehnen und GPC dürfen keine Marketing-/Analytics-/Embed-Tags nachladen.
visual embeds Videos, Karten, Captchas und Social Widgets mit Platzhalter anzeigen und erst nach Kategorie-Freigabe laden.
copy Dieser externe Inhalt ist blockiert, bis Sie die passende Datenschutz-Kategorie aktivieren.
preview limit Keine externen Preview-Bilder laden, wenn diese bereits Drittanbieter-Kontakte auslösen.

Kategorien

Erste und zweite Banner-Ebene

Notwendig Default active · 1 Dienst(e)

Erforderliche Dienste für Sicherheit und Grundfunktionen.

Erste Ebene · Immer aktiv
Statistik Default denied · 4 Dienst(e)

Reichweitenmessung und Analyse erst nach Einwilligung.

Erste Ebene · Statistik erlauben
Marketing / Tracking Default denied · 4 Dienst(e)

Werbung, Profiling, Retargeting und Tracking erst nach Einwilligung.

Erste Ebene · Marketing erlauben
Externe Medien Default denied · 3 Dienst(e)

Videos, Karten, Captchas, Fonts und eingebettete Inhalte verzögert laden.

Erste Ebene · Externe Inhalte erlauben
Komfort Default denied · 1 Dienst(e)

Optionale Funktionen getrennt von Statistik und Marketing steuerbar machen.

Zweite Ebene · Komfort erlauben
Unklar / klassifizieren Default denied · 21 Dienst(e)

Unklare Dienste bleiben aus, bis Zweck und Rechtsgrundlage geklärt sind.

Zweite Ebene · Nicht aktivieren

Dienste

Welche Signale blockiert oder erklärt werden müssen

Google Fonts Google Fonts · Externe Medien

Schriften

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
Google Fonts Google Fonts · Externe Medien

Schriften

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
fonts.cdnfonts.com fonts.cdnfonts.com · Externe Medien

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
_iub_previous_preference_id bratee.de · Komfort

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
Google Tag Manager Google Tag Manager · Marketing / Tracking

Tag-Manager

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
ad_storage
Meta/Facebook Meta/Facebook · Marketing / Tracking

Social/Tracking

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
ad_storage
Meta/Facebook Meta/Facebook · Marketing / Tracking

Social/Tracking

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
ad_storage
_shopify_marketing bratee.de · Marketing / Tracking

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
ad_storage
Google Analytics Google Analytics · Statistik

Analytics

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
analytics_storage
_ga Google · Statistik

Analytics

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
analytics_storage
_ga_TR3NHL50KF Google · Statistik

Analytics

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
analytics_storage
_shopify_analytics bratee.de · Statistik

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
analytics_storage
_fbp Meta/Facebook · Unklar / vor Consent prüfen

Werbung

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
_goo_Fg3ld bratee.de · Unklar / vor Consent prüfen

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
_iub_cs-71348681 bratee.de · Unklar / vor Consent prüfen

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
_shop_app_essential shop.app · Unklar / vor Consent prüfen

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
_shopify_essential bratee.de · Unklar / vor Consent prüfen

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
_shopify_s bratee.de · Unklar / vor Consent prüfen

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
_shopify_y bratee.de · Unklar / vor Consent prüfen

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
cart_currency bratee.de · Unklar / vor Consent prüfen

Notwendig

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
cdn-accessibility.avada.io cdn-accessibility.avada.io · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
cdn.iubenda.com cdn.iubenda.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
cdn.nfcube.com cdn.nfcube.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
cdn.shopify.com cdn.shopify.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
cs.iubenda.com cs.iubenda.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
fees-next-front.uc-lab.com fees-next-front.uc-lab.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
localization bratee.de · Unklar / vor Consent prüfen

Unklar

Vor Consent sichtbar. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
monorail-edge.shopifysvc.com monorail-edge.shopifysvc.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
otlp-http-production.shopifysvc.com otlp-http-production.shopifysvc.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
settings.luckyorange.com settings.luckyorange.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
shop.app shop.app · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
tools.luckyorange.com tools.luckyorange.com · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
verify.softali.net verify.softali.net · Unklar / klassifizieren

Sonstige

Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
ja
Consent Mode
functionality_storage
Hotjar Hotjar · Notwendig

Session-Replay

Datenschutz-/Tracking-Relevanz. Aus SaferPage-Scan-Evidenz abgeleitet.
Blocking
nein
Consent Mode
security_storage

Abnahme

Tests vor Produktivstart

Default Denied vor Tags

Google-/Marketing-/Analytics-Tags laden erst nach restriktivem Default.

Ablehnen gleichwertig

Ablehnen ist auf erster Ebene ähnlich sichtbar wie Akzeptieren.

Widerruf dauerhaft erreichbar

Privacy Trigger bleibt nach Entscheidung sichtbar.

Prior Blocking

Dienste mit prior_blocking_required=true werden vor Freigabe technisch blockiert.

Consent Ledger

Version, Zeit, Kategorie, Region und Widerruf werden im Betreiber-System protokolliert.