Cookie Portal Demo Center

Banner, Blocking, eCommerce und Einbau real testen.

Diese Demos nutzen das produktive CMP-Script für site_pk_653e54f10f78349f78198604479e1f87. Sie zeigen Kunden sofort, wie Consent, Widerruf, Auto-Blocking und Shop-Events zusammenarbeiten.

Übersicht Blocking eCommerce Privacy CSS-Stresstest
CMPlädtScript-Auslieferung und API
Consentoffenlokaler Status im Browser
Regionwird geladenText- und Nachweisprofil
Letztes EventStartLive aus CMP-Ereignissen

Demo starten

Was soll geprüft werden?

Jeder Einstieg zeigt einen realen Einbau-Fall. Die technische Erklärung bleibt darunter verfügbar.

BlockingTracker blockierenSkripte und Embeds vor Zustimmung schützen. ShopCheckout testenWarenkorb, Conversion und Consent Mode. DSGVOAnfrageprozess ansehenAuskunft, Löschung, Export und Logs.

Praxisablauf

In vier Minuten verstehen, was das Portal leistet.

Die Demo führt durch die Situationen, die Kunden wirklich prüfen: erster Besuch, blockierte Dienste, Shop-Kontext und späterer Widerruf.

02Vor Consent blockierenTracker, Medien und Pixel bleiben technisch kontrolliert. 03Shop und CheckoutNotwendige Bestellfunktionen bleiben aktiv, Marketing bleibt optional. 04Widerruf und AuskunftDatenschutzseite, Logs, Export und Betroffenenrechte nachvollziehen.

Geführte Demo

Für Besucher, Kunden und Agenturen sofort verständlich.

Die Demo zeigt zuerst den echten Besucherblick und danach den Betreiberblick. So sieht man in wenigen Minuten, wohin das Script gehört, was blockiert wird und welcher Portalprozess dahintersteht.

BesucherBanner öffnenFaire Auswahl, kein optionales Preselecting, Widerruf über Cookie-Icon.
EinbauSnippet verstehenLoader global in den Head, optionale Dienste mit Kategorie markieren.Zum Snippet
ShopCheckout prüfenWarenkorb und Zahlung notwendig, Ads und Pixel optional.Shop-Demo
StresstestCSS-IsolationZeigt, dass das Banner gegen fremde Website-Styles gehärtet ist.Stresstest

Einbau-Orte

Wohin kommt welcher Teil?

Das Portal soll Einbaufehler vermeiden. Deshalb erklärt die Demo die typischen Stellen für CMS, Shops und individuelle Websites.

Globales CMP-ScriptIn den <head> oder möglichst früh in das globale Layout. Es muss vor optionalen Trackern laden.
Tracker-ScriptsAnalytics, Ads, Pixel, Chat und Maps mit type="text/plain" plus Kategorie markieren.
Shop-EventsView Item, Add to Cart, Purchase und Conversion über die Consent-API auslösen.
DatenschutzseiteIm Footer verlinken. Cookie-Erklärung, Consent-ID, Widerruf und Anfragen bleiben erreichbar.
WordPress/WooTheme-Header oder Consent-fähiger Tag Manager; Checkout-/Thank-you-Scripts getrennt markieren.
Shopify/ShopwareTheme-Dateien und Storefront-Templates; externe Medien und App-Skripte kategorisieren.
Gleichwertige ButtonsAkzeptieren und Ablehnen sind auf erster Ebene erreichbar.
Widerruf jederzeitPrivacy Center und Cookie-Icon öffnen die Auswahl erneut.
Region & ZweckCompliance-Zone und Banner-Profil fließen in Texte und Nachweise ein.
AuditfähigConsent-ID, Version, Aktion und HMAC werden im Portal nachvollziehbar.
TestmatrixTechnische Prüfdetails anzeigenöffnen
Testmatrix

Was in der Demo geprüft wird

Jede Demo deckt einen echten Einbau-Fall ab: Bannerbedienung, Blockieren vor Zustimmung, Aktivierung nach Auswahl, Widerruf und Nachweisbarkeit.

SzenarioVor ZustimmungNach ZustimmungNachweis
BannerOptionale Kategorien ausAuswahl gespeichertConsent-ID und Aktion
Statistik-Scripttext/plain blockiertScript wird aktiviertEvent im Live-Monitor
Marketing-Pixelnicht ausgeführtnur mit Marketing-ConsentKategorie und UI-Kontext
Externes EmbedPortal-Platzhalteriframe wird geladenAktivierungsereignis
Privacy WorkflowDatenschutzseite und AnfrageoptionenDSAR, Consent-Log, Exportbearbeitbarer Nachweisprozess
Basis

CMP Live-Demo

Öffnet Banner, Privacy Center, Widerruf und aktuellen Consent-State.

Blocking

Script- und Embed-Kontrolle

Zeigt, wie optionale Skripte und externe Medien erst nach Zustimmung aktiviert werden.

Blocking testen
Shop

eCommerce Events

Simuliert Produktansicht, Warenkorb, Checkout und Marketing-Conversions abhängig von Consent.

Shop-Demo öffnen
Privacy

DSGVO-Workflow

Zeigt Datenschutzseite, Betroffenenrechte, Consent-ID-Kontext und Exportpfad.

Privacy-Demo öffnen
EinbauSnippet und Einbau-Orte anzeigenöffnen
Einbau

Snippet für externe Webseiten

Der Loader kommt in den <head> jeder Seite. So können Auto-Blocking, Style-Isolation und Consent Mode starten, bevor optionale Tracker, Pixel oder externe Medien laden.

1. Loader ladenGlobal im <head> jeder Seite vor Trackern, Tag Managern, Pixeln und externen Medien einfügen.
2. Optionale Skripte markierenAnalytics, Ads, Maps, Videos und Social Embeds mit Kategorie versehen.
3. Datenschutzseite verlinkenCookie-Erklärung, Widerruf-Link und Nachweise im Footer/Konto anbieten.
<script src="https://cookieportal.de/loader.php?site=site_pk_653e54f10f78349f78198604479e1f87&auto=1" crossorigin="anonymous" referrerpolicy="strict-origin-when-cross-origin" data-cookieportal-auto-block="1"></script>
<script type="text/plain" data-cookieportal-category="marketing" data-cookieportal-src="https://example.com/pixel.js"></script>
Integration im PortalBanner Designer
Wohin kommt was?

Einbau-Orte für die wichtigsten Systeme

Das CMP-Script gehört global ins Theme oder den Tag Manager. Optionale Tracker bleiben blockiert, bis die passende Kategorie aktiv ist.

WordPress / WooCommerceFooter-Hook oder Child-Theme vor </body>; Shop-Pixel zusätzlich in Checkout-/Thank-you-Template markieren.
Shopifytheme.liquid vor </body>; Checkout-Erweiterungen und Marketing-Skripte kategorisiert einbinden.
ShopwareStorefront-Theme base/footer oder Tag Manager; Erlebniswelten-Embeds als externe Medien schützen.
Custom / AgenturGlobales Layout, Consent Mode zuerst, danach blockierte Drittanbieter-Skripte mit data-cookieportal-category.