Wir stellen vor: unser neuer, schnellerer und optimierter Pandectes GDPR Compliance Banner
Ihr neuer, schnellerer und intelligenterer Einwilligungsbanner
Seit 2018 ist es unsere Mission bei Pandectes, Shopify-Händlern zuverlässige und leistungsfähige Werkzeuge für den Datenschutz bereitzustellen. Nach mehr als einem Jahr Entwicklung freuen wir uns, den neuen Pandectes Cookie Banner vorzustellen, eine vollständige Neugestaltung mit Fokus auf Klarheit, Flexibilität, Performance und Rechtskonformität.
Dieses Update bringt einen hochperformanten Banner als Web Component und eine aufgeräumte Administrationsoberfläche. Es ist mehr als eine optische Auffrischung: Es definiert neu, wie Einwilligungsmanagement in modernen Shopify-Shops funktioniert, auf Basis von Händler-Feedback, sich weiterentwickelnden Datenschutzgesetzen und den Customer Privacy APIs von Shopify.
Diese Neuerungen betreffen alle Tarife. Jeder Shop profitiert von der verbesserten Performance und einer leistungsfähigeren Grundlage, und jeder Tarif enthält jetzt mehr Funktionen und Flexibilität als zuvor.
Die Neuerungen auf einen Blick
Ein vollständig neu gestalteter Banner
Der neue Banner ist als moderne Web Component umgesetzt, um Performance und Zuverlässigkeit zu verbessern.
Die wichtigsten Vorteile:
- Schnelleres Laden und Ausführen des Banners.
- Keine Beeinflussung des CSS Ihres Themes.
- Ein aufgeräumter Shop ohne Layout-Nebeneffekte.
- Eine moderne Oberfläche, die sich an unterschiedliche Layouts und Geräte anpasst.
Intelligentere Live-Vorschau
Die Banner-Einstellungen bieten jetzt eine genauere und einheitliche Live-Vorschau direkt in der Administrationsoberfläche.
Die wichtigsten Verbesserungen:
- Standardmäßig Desktop-Vorschau mit sofortigem Umschalten auf Mobil.
- Umschalter für hellen und dunklen Hintergrund, um Kontraste zu prüfen.
- Echtzeitdarstellung von Animationen und Übergängen.
Klarere Banner-Typen
Wir haben starre, vordefinierte Banner-Typen durch drei flexible Strukturen ersetzt. So bleibt Ihre Einwilligungslogik (Opt-in oder Opt-out) unabhängig vom gewählten visuellen Stil konsistent.
Verfügbare Optionen:
- Cookie Notice: Ein einfacher, schlanker einstufiger Banner.
- Cookie notice & Preferences: Erweitertes Einwilligungsmanagement, sichtbar direkt auf der ersten Ebene.
- Preferences Only: Der klassische zweistufige Ansatz für maximale Transparenz.
Flexiblere Layouts und Animationen
Sie haben jetzt die volle Kontrolle darüber, wie und wo Ihr Banner erscheint. Alles ist modular aufgebaut und deutlich flexibler als zuvor.
Die wichtigsten Möglichkeiten:
- Vielfältige Layouts: Wählen Sie zwischen Box, Bar, Wide, Drawer und Sidepanel.
- Feine Positionierung: 9 verschiedene Ankerpunkte, darunter zentriert und mittig links.
- Button-Logik: Wählen Sie zwischen gruppierter, ausgerichteter, vertikaler oder horizontaler Anordnung.
- Sanfte Bewegungen: Professionelle Animationsoptionen wie Fade, Slide, Zoom und Grow.
Ein intelligenteres Einwilligungs-Widget
Das Einwilligungs-Widget (die Schaltfläche zum erneuten Öffnen) ist jetzt fester Bestandteil des Banner-Ökosystems, sodass Kunden ihre Entscheidung jederzeit ändern können.
Die wichtigsten Verbesserungen:
- Einheitliches Design- und Animationssystem gemeinsam mit dem Hauptbanner.
- Möglichkeit, das zuletzt angezeigte Fenster oder den konkreten Einwilligungsstatus erneut zu öffnen.
- Unterstützung eigener Trigger, um das Widget über einen beliebigen Link in Ihrem Theme zu öffnen.
Modernes Styling mit KI-gestützten Werkzeugen
Das Styling wurde neu gestaltet, um mit minimalem Aufwand professionelle Ergebnisse zu erzielen.
Verfügbare Optionen:
- KI-Theme-Erkennung: Erkennt die Hauptfarben Ihres Shops automatisch und wendet sie an.
- Überarbeitete Assets: Eine aktualisierte Logo-Galerie mit hochauflösenden Symbolen.
- Button-Anpassung: Wählen Sie zwischen gefüllten, umrandeten oder schlichten Stilen mit voller Kontrolle über Rundungen und Rahmen.
- Eigener Stil: Unterstützung für eigenes CSS für fortgeschrittene Anpassungen.
Erweiterte Einstellungen, besser strukturiert
Komplexe Konfigurationsoptionen sind jetzt in einem eigenen Bereich "Advanced" zusammengefasst.
Enthaltene Funktionen:
- Regeln für die Sichtbarkeit des Banners
- Speicheroptionen über HTML-Speicher oder Cookies
- Konfiguration der konkludenten Einwilligung
- Alternative Schließaktionen wie Scrolltiefe, Zeitablauf, Escape-Taste oder Klick außerhalb
- Synchronisierung der Einwilligung über mehrere Tabs hinweg
- Optionales Neuladen der Seite oder Weiterleitung bei Einwilligungsereignissen
So bleibt die Grundeinrichtung übersichtlich, während für anspruchsvolle Anwendungsfälle weiterhin die volle Kontrolle zur Verfügung steht.
Einwilligungsmodelle und globale Regionen
Die Geolokalisierungseinstellungen sind jetzt vollständig mit der Customer Privacy API von Shopify synchronisiert. Dadurch stimmen die von unserer App erfassten Einwilligungssignale exakt mit den internen Datenschutzeinstellungen Ihres Shopify-Shops überein.
Verfügbare Einwilligungsmodelle:
- Opt-in: Erforderlich für Regionen mit DSGVO-Anforderungen.
- Opt-out: Optimiert für Anforderungen nach CCPA bzw. US-Vorbild.
- Auto-pilot / Geotargeting: Erkennt den Standort des Besuchers automatisch und wendet das richtige Modell an. Opt-in für Besucher aus der EU, Opt-out für Besucher aus den USA.
- Flexibel: Weisen Sie verschiedenen Regionen innerhalb einer Konfiguration unterschiedliche Einwilligungsregeln (Opt-in/Opt-out) zu.
Die Sichtbarkeit lässt sich weltweit oder je Region konfigurieren, darunter EU/EWR und Vereinigtes Königreich, Vereinigte Staaten, Kanada, Brasilien, Japan, Australien und viele weitere. Alle Einstellungen bleiben mit der Konfiguration Ihres Shopify-Shops synchronisiert.
Unterstützung des IAB-TCF-Frameworks
Für Shops mit anspruchsvollem Anzeigengeschäft bietet die neue Version vollständige Unterstützung für das IAB Transparency and Consent Framework (TCF 2.3).
Dieses Branchenstandard-Framework ist für Händler unverzichtbar, die personalisierte Werbung im EWR und im Vereinigten Königreich ausspielen. Es ermöglicht Ihrem Shop, granulare Einwilligungssignale direkt an Werbenetzwerke und Google zu übermitteln, damit Ihr Marketing rechtskonform und wirksam bleibt.
Hinweis: Die TCF-Unterstützung ist ausschließlich im Enterprise-Tarif verfügbar.
Pandectes Legacy im Vergleich zur neuen Version: strukturelle Gegenüberstellung
Funktionsbereich | Legacy-Version | Neue Version | Einordnung der Änderung |
|---|---|---|---|
Architektur | Monolithisch: Der Banner-Typ (z. B. "Informative") steuerte sowohl Logik als auch Schaltflächen. | Modular: Die Einwilligungslogik (Opt-in/Opt-out) ist vom Dialog-Layout (Box/Bar/Wide) entkoppelt. | Hoch: Wechsel von fest kodierten Vorlagen zu einer flexiblen Kombination aus Regel-Engine und UI-Engine. |
Logikkern | Manuelle Regionsauswahl, unabhängig von den Shopify-Einstellungen. | Native Synchronisierung: Zu 100 % integriert mit der Shopify Customer Privacy API und den Shop-Regionen. | Hoch: Die neue Version ist kontextbewusst und respektiert die globalen Datenschutzsignale von Shopify automatisch. |
Positionierung | 11 feste Vorlagen (z. B. "Floating top center"). | Kontextabhängig: Positionen richten sich nach dem Layout (Box, Bar, Wide, Sidepanel, Drawer). | Mittel: Bessere Nutzererfahrung, verhindert unlogische Positionen (etwa eine Bar in der Mitte). |
Größenanpassung | Manuelle Pixelangaben für Breite und Innenabstand. | Konfektionsgrößen: Standardisierte Vorgaben | Mittel: Wechsel zu design-system-typischer Responsivität statt manueller Einheiten. |
Theming | 4 HEX-Überschreibungen und feste Themes (Block, Classic). | KI-gestützt: "Auto-adjust" erkennt die Shop-Farben, dazu 10 granulare Element-Überschreibungen. | Hoch: Einführung intelligenter Gestaltung (KI-Erkennung) und tiefgehender Anpassung. |
Einwilligungs-Widget | Schwebendes Symbol bzw. schwebender Text, einfache Reset-Logik. | Interaktiver Mini-Dialog: Zeigt die aktuellen Entscheidungen, aufklappbare Details und Animationen. | Mittel: Das Widget ist jetzt ein eigenständiger dritter Dialog mit eigener Zustandsverwaltung. |
Nutzerinteraktion | Ausdrücklich oder konkludent (Scrollen/Zeitablauf). | Erweiterte Steuerung: Escape-Taste, Klick außerhalb, Scroll-Sperre, Tab-Synchronisierung. | Gering: Ergänzung moderner Barrierefreiheits- und Power-User-Optionen. |
Präferenzen | Ein einheitliches Präferenzfenster für alle Fälle. | Mehrere Formen: Unterstützt Sidepanels, Drawers und eine eigene Logik zum Speichern der Präferenzen. | Mittel: Optimierung für Mobilgeräte und hochwertige Markenästhetik (Drawers). |
Layout-Vergleich
Funktion | Flexibilität der Legacy-Version | Flexibilität der neuen Version |
|---|---|---|
Notice-Layouts | 1 (Standard-Modal/Bar) | 3 (Box, Bar, Wide) |
Preferences-Layouts | 1 (Standard-Modal) | 3 (Box, Drawer, Sidepanel) |
Größen | Manuelle Pixel (fest) | 5 Vorgaben (responsiv) |
Button-Kombinationen | An den Banner-Typ gebunden | Vollständig anpassbar |
Animationen | Einfacher Schalter | 4 Typen (Fade, Slide, Zoom, Grow) |
Der entscheidende Vorteil für Ihr Geschäft: Geschwindigkeit und Stabilität
Der neue Banner setzt auf moderne Webtechniken, die technische Verbesserungen in messbare geschäftliche Vorteile übersetzen.
Technische Verbesserung | Geschäftlicher Nutzen |
|---|---|
Bessere Performance (0 ms TBT) | Schnellere Interaktivität, Kunden können sofort mit Ihrem Shop interagieren |
Verbesserte mobile Responsivität | Geringere Absprungraten durch ein stabiles Erlebnis auf Mobilgeräten |
Gekapseltes CSS (Shadow DOM) | Verhindert, dass das Banner-Styling Ihr Shopify-Theme beeinflusst |
Web-Component-Architektur | Auf künftige Webstandards und sich wandelnde Datenschutzanforderungen ausgelegt |
Diese Verbesserungen unterstützen bessere Core Web Vitals und ein verlässlicheres Einkaufserlebnis.
Performance-Wirkung in Zahlen
Der Wechsel zur Web-Component-Architektur beseitigt die technischen Grenzen herkömmlicher Banner.
Kennzahl | Alte Version | Neue Version | Verbesserung |
|---|---|---|---|
Total Blocking Time (TBT) | 20 ms | 0 ms | 100 % weniger |
Largest Contentful Paint (LCP) | 1197,8 ms | 109,0 ms | 90,9 % schneller |
Neuberechnung der Stile | Global | Isoliert | Minimale Browserlast |
Da blockierende Verzögerungen entfallen, wird Ihr Shop schneller interaktiv. Das verbessert Core Web Vitals, Nutzererlebnis und Conversion-Potenzial.
Mehr Flexibilität und neue Funktionen
Die neue Version ersetzt starre Einstellungen durch ein modulares System, das die Anpassungsmöglichkeiten deutlich erweitert.
Erweiterte Layout-Engine
- Flexible Architektur für Notice und Preferences
- 9 Positionierungsoptionen, einschließlich zentriert und mittig links
- 3 Notice-Layouts: Box, Bar und Wide
- 3 Layouts für das Präferenzzentrum: Box, Sidepanel und Drawer
Intelligente Design-Werkzeuge
- KI-gestützte Farberkennung auf Basis Ihres Shopify-Themes
- Aktualisierte Symbol- und Logo-Galerie mit verbesserten Assets
- Erweiterte Button-Optionen mit Kontrolle über Rahmen und Rundungen
Erweiterte Steuerung und Rechtskonformität
- Regionseinstellungen synchronisiert mit der Customer Privacy API von Shopify
- Synchronisierung der Einwilligung über mehrere Tabs hinweg
- Wahl zwischen HTML-Speicher und Cookies für die Speicherung der Einwilligung
- Alternative Banner-Trigger, einschließlich Scrolltiefe und Tastaturaktionen
Funktionsvergleich
Funktion | Alte Version | Neue Version |
|---|---|---|
Banner-Rendering | Direkte DOM-Injektion | Web Component |
Vorschau | Modal-basiert | Einheitliche Live-Vorschau |
Zusammenspiel mit dem Theme | Globales CSS | Isoliertes Styling |
Mobiles Erlebnis | Statische Layouts | Responsive Ebenen |
Regionale Logik | Manuell | Mit der Shopify-API synchronisiert |
Speicheroptionen | Nur Cookies | Cookies oder HTML-Speicher |
Button-Logik | Feste Typen | Flexible Konfiguration |
Verbesserungen in den Tarifen
Alle Tarife profitieren von der neuen Performance-Architektur. Der Funktionsumfang richtet sich nach dem gewählten Tarif:
- Free und Basic: Zugriff auf die neue Web-Component-Engine und die neu gestaltete Administration.
- Premium: Enthält erweitertes Styling, KI-Farberkennung und alternative Schließaktionen (Scrollen, Zeitablauf usw.).
- Enterprise: Vollständige Unterstützung für IAB TCF 2.2, domainübergreifende Einwilligung, erweiterte JS-API-Integrationen und granulare regionale Steuerung.
Weitere Möglichkeiten:
- Synchronisierung der Einwilligung über Browser-Tabs hinweg
- Alternative Schließaktionen wie Escape-Taste, Klick außerhalb oder Zeitablauf
- Optionales Neuladen der Seite bei Einwilligung für die Kompatibilität mit bestimmten Skripten
- Unterstützung eigener Trigger über die JS-API
Eingestellte Funktionen:
- Feste Banner-Typen
- Globale CSS-Überschreibungen
- Die alte Geolokalisierungsseite
Warum das für Ihren Shop wichtig ist
Dieses Update bündelt alles, was wir seit 2018 gelernt haben. Mit dem Wechsel zur neuen Version stellen Sie sicher, dass Ihr Shop Folgendes bietet:
- Schnellere Performance und bessere Core Web Vitals.
- Kein Risiko von Theme- oder CSS-Konflikten.
- Nahtlose Synchronisierung mit den nativen Datenschutzeinstellungen von Shopify.
- Eine zukunftsfähige Grundlage für globale Datenschutzkonformität.
Erste Schritte mit der neuen Version
Um die neuen Konfigurationsmöglichkeiten kennenzulernen, öffnen Sie in Ihrer App Pandectes GDPR Compliance den Reiter Banner Settings. Nutzen Sie die einheitliche Live-Vorschau, um Ihr neues Layout vor der Veröffentlichung zu testen.
Wenn Sie beim Umstieg Unterstützung benötigen, hilft Ihnen unser Supportteam gerne dabei, Ihre Konfiguration zu optimieren und die neuen Banner-Funktionen bestmöglich zu nutzen.
Aktualisiert am: 22/09/2026
Danke!