Artikel über: Erste Schritte
Dieser Artikel ist auch verfügbar in:

Wir stellen vor: unser neuer, schnellerer und optimierter Pandectes GDPR Compliance Banner

Wir stellen Ihren schnelleren, intelligenteren Einwilligungsbanner vor

Seit 2018 hat es sich Pandectes zur Aufgabe gemacht, Shopify-Händlern robuste und verlässliche Werkzeuge für den Datenschutz bereitzustellen. Nach mehr als einem Jahr Entwicklung stellen wir Ihnen nun Pandectes Cookie Banner vor, eine vollständige Neugestaltung mit Fokus auf Klarheit, Flexibilität, Leistung und Compliance.


Dieses Update bringt einen leistungsstarken Banner als Web Component und eine schlankere Verwaltungsoberfläche. Es geht über eine rein optische Auffrischung hinaus und verändert, wie Einwilligungsverwaltung in modernen Shopify-Stores funktioniert. Grundlage sind das Feedback von Händlern, sich entwickelnde Datenschutzgesetze und die Customer Privacy APIs von Shopify.


Diese Updates betreffen alle Tarife. Jeder Store profitiert von besserer Leistung und einer leistungsfähigeren Grundlage, und jeder Tarif enthält nun mehr Funktionen und Flexibilität als zuvor.


Was es Neues gibt auf einen Blick


Ein vollständig neu gestalteter Banner



Der neue Banner ist als moderne Web Component aufgebaut, um Leistung und Zuverlässigkeit zu verbessern.


Wichtige Vorteile:

  • Schnelleres Laden und Ausführen des Banners.
  • Keine Beeinflussung durch das CSS Ihres Themes.
  • Ein saubererer Storefront ohne Layout-Nebenwirkungen.
  • Eine moderne Oberfläche, die sich an unterschiedliche Layouts und Geräte anpasst.


Intelligentere Live-Vorschau


Die Banner-Einstellungen enthalten nun eine genauere und einheitlichere Live-Vorschau direkt in der Admin-Oberfläche.


Wichtige Verbesserungen:

  • Desktop-Vorschau standardmäßig, mit einem sofortigen Umschalter für die mobile Ansicht.
  • Umschalter für helle und dunkle Hintergründe, um den Kontrast zu testen.
  • Echtzeit-Darstellung von Animationen und Übergängen.


Klarere Banner-Typen



Wir haben starre, voreingestellte Banner-Typen durch drei flexible Strukturen ersetzt. So bleibt Ihre Einwilligungslogik (Opt-in vs. Opt-out) unabhängig vom gewählten visuellen Stil konsistent.


Verfügbare Optionen:

  • Cookie Notice: Ein einfacher, schlanker Banner mit einer einzigen Ebene.
  • Cookie notice & Preferences: Erweiterte Einwilligungsverwaltung, die als primäre Ebene sichtbar ist.
  • Preferences Only: Ein klassischer Ansatz mit zwei Ebenen für maximale Transparenz.


Flexiblere Layouts und Animationen


Sie haben nun die volle Kontrolle darüber, wie und wo Ihr Banner erscheint. Alles ist modular und deutlich flexibler als zuvor.


Wichtige Funktionen:

  • Diverse Layouts: Wählen Sie zwischen den Stilen Box, Bar, Wide, Drawer und Sidepanel.
  • Granular Positioning: 9 verschiedene Ankerpunkte, einschließlich Mitte und Mitte links.
  • Button Logic: Wählen Sie zwischen gruppierter, blocksatzartiger, vertikaler oder horizontaler Ausrichtung.
  • Smooth Motion: Professionelle Animationsoptionen, darunter Fade, Slide, Zoom und Grow.


Ein intelligenteres Einwilligungs-Widget



Das Einwilligungs-Widget (die Schaltfläche zum erneuten Öffnen) ist nun fester Bestandteil des Banner-Ökosystems, sodass Kunden ihre Entscheidung jederzeit ändern können.


Wichtigste Verbesserungen:

  • Einheitliches Design- und Animationssystem, das mit dem Haupt-Banner geteilt wird.
  • Möglichkeit, das zuletzt angesehene Fenster oder einen bestimmten Einwilligungsstatus erneut zu öffnen.
  • Unterstützung für benutzerdefinierte Auslöser, um das Widget über jeden 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 liefern.


Verfügbare Optionen:

  • AI Theme Detection: Erkennt die Hauptfarben Ihres Stores automatisch und übernimmt sie.
  • Refined Assets: Eine aktualisierte Logo-Galerie mit hochwertigen Icons.
  • Button Customization: Wählen Sie zwischen gefüllten, umrandeten oder schlichten Stilen mit voller Kontrolle über Rundungen und Rahmen.
  • Custom Style: Unterstützung für benutzerdefiniertes CSS für erweiterte Anpassungen


Erweiterte Steuerung, übersichtlicher organisiert

Komplexe Konfigurationsoptionen sind nun in einem eigenen Bereich Advanced zusammengefasst.


Enthaltene Funktionen:

  • Regeln für die Sichtbarkeit des Banners
  • Speicheroptionen über HTML-Storage oder Cookies
  • Konfiguration der impliziten Einwilligung
  • Alternative Schließaktionen wie Scrolltiefe, Timeout, Escape-Taste oder Klick außerhalb des Banners
  • Synchronisierung der Einwilligung über mehrere Tabs hinweg
  • Optionales Neuladen der Seite oder Weiterleitung bei Einwilligungsereignissen


So bleibt die Hauptkonfiguration übersichtlich und dennoch steht volle Kontrolle für fortgeschrittene Anwendungsfälle zur Verfügung.


Einwilligungsmodelle und globale Regionen



Die Geolokalisierungseinstellungen sind nun vollständig mit der Customer Privacy API von Shopify synchronisiert. So ist sichergestellt, dass die von unserer App erfassten Einwilligungssignale genau mit den internen Datenschutzeinstellungen Ihres Shopify-Stores übereinstimmen.


Verfügbare Einwilligungsmodelle:

  • Opt-in: Erforderlich für Regionen, in denen die DSGVO gilt.
  • Opt-out: Optimiert für Anforderungen im Stil der USA (CCPA).
  • Auto-pilot / Geotargeting: Erkennt den Standort des Besuchers automatisch und wendet das passende Modell an. Opt-in für Besucher aus der EU, Opt-out für Besucher aus den USA.
  • Flexible: Weist verschiedenen Regionen innerhalb einer einzigen Konfiguration unterschiedliche Einwilligungsregeln (Opt-in/Opt-out) zu.


Die Sichtbarkeit der Regionen lässt sich weltweit oder pro Region konfigurieren, einschließlich EU/EWR und Vereinigtes Königreich, USA, Kanada, Brasilien, Japan, Australien und vieler weiterer. Alle Einstellungen bleiben mit Ihrer Shopify-Store-Konfiguration synchronisiert.


Unterstützung des IAB-TCF-Frameworks

Für Stores, die fortgeschrittene Werbung einsetzen, umfasst die neue Version die vollständige Unterstützung des IAB Transparency and Consent Framework (TCF 2.3).


Dieser branchenübliche Standard ist für Händler unverzichtbar, die personalisierte Werbung im EWR und im Vereinigten Königreich schalten. Er ermöglicht es Ihrem Store, granulare Einwilligungssignale direkt an Werbenetzwerke und Google zu übermitteln, sodass Ihr Marketing sowohl konform als auch wirksam bleibt.


Hinweis: TCF-Unterstützung ist ausschließlich im Tarif Enterprise verfügbar.


Pandectes Legacy vs. neu: Strukturvergleich


Feature Category

Legacy Version

New Version

AI Interpretation of Change

Architecture

Monolithic: Der Banner-Typ (z. B. "Informative") steuerte sowohl die Logik als auch die Schaltflächen der Oberfläche.

Modular: Die Einwilligungslogik (Opt-in/Opt-out) ist von der Dialoganordnung (Box/Bar/Wide) entkoppelt.

High: Wechsel von festen Voreinstellungen zu einer flexiblen "Rules Engine" und "UI Engine".

Logic Core

Manuelle Auswahl der Regionen, unabhängig von den Shopify-Einstellungen.

Native Sync: Vollständig integriert mit Shopify Customer Privacy API und den Regionen des Stores.

High: V2 ist "kontextbezogen" und berücksichtigt die globalen Datenschutzsignale von Shopify automatisch.

UI Positioning

11 feste Voreinstellungen (z. B. "Floating top center").

Contextual: Die Positionen richten sich nach dem Layout (Box, Bar, Wide, Sidepanel, Drawer).

Medium: Bessere Nutzererfahrung; verhindert unlogische Positionierungen (z. B. eine Bar in der Mitte).

Visual Sizing

Manuelle Pixelangaben für Breite und Innenabstand.

T-Shirt Sizing: Standardisierte XS-, SM-, MD-, LG- und XL-Voreinstellungen.

Medium: Hin zu einer design-system-konformen Responsivität statt manueller Einheiten.

Theming

4 HEX-Überschreibungen und feste Themes (Block, Classic).

AI-Driven: "Auto-adjust" erkennt die Store-Farben und bietet 10 granulare Überschreibungen einzelner Elemente.

High: Einführung intelligenten Stylings (KI-Erkennung) und umfassender Anpassungsmöglichkeiten.

Consent Widget

Schwebendes Icon/Text; einfache Zurücksetzlogik.

Interactive Mini-Dialog: Zeigt "Aktuelle Auswahl", einklappbare Details und Animationen.

Medium: Das Widget ist nun ein "dritter Dialog" mit eigener Zustandsverwaltung.

User Interaction

Explizit vs. implizit (Scroll/Timeout).

Advanced Controls: Escape-Taste, Klick außerhalb, Scroll-Sperre, Tab-Synchronisierung.

Low: Ergänzung moderner Barrierefreiheits- und "Power-User"-Interaktionsoptionen.

Preferences

Ein Einheitsmodal für die Einstellungen.

Multi-Form: Unterstützt Sidepanels, Drawer und eine spezielle Logik für "Einstellungen speichern".

Medium: Optimiert für mobile Geräte und hochwertige Markenästhetik (Drawer).


Layout-Vergleich


Feature | Legacy Version Flexibility | New Version Flexibility |Notice Layouts | 1 (Standard-Modal/Bar) | 3 (Box, Bar, Wide)Preferences Layouts | 1 (Standard-Modal) | 3 (Box, Drawer, Sidepanel)Sizing | Manuelle Pixel (fest) | 5 Voreinstellungen (responsiv)Button Pairing | An den Banner-Typ gebunden | Vollständig anpassbarAnimations | Einfacher Schalter | 4 Typen (Fade, Slide, Zoom, Grow)


Der größte geschäftliche Vorteil: Geschwindigkeit und Stabilität

Der neue Banner basiert auf modernen Webstandards, die technische Verbesserungen in messbare geschäftliche Vorteile übersetzen.


Technische Verbesserung

Geschäftlicher Nutzen

Bessere Leistung (0 ms TBT)

Schnellere Interaktivität, damit Kunden sofort mit Ihrem Store interagieren können

Verbesserte Responsivität auf mobilen Geräten

Geringere Absprungraten durch ein stabiles Erlebnis auf mobilen Geräten

Gekapseltes CSS (Shadow DOM)

Verhindert, dass das Styling des Banners das Shopify-Theme beeinflusst

Web-Component-Architektur

Ausgelegt darauf, sich künftigen Webstandards und sich wandelnden Datenschutzanforderungen anzupassen


Diese Verbesserungen unterstützen stärkere Core Web Vitals und ein zuverlässigeres Einkaufserlebnis.


Leistungsauswirkungen in Zahlen


Der Umstieg auf eine Web-Component-Architektur beseitigt die technischen Einschränkungen herkömmlicher Banner.


Kennzahl

Alte Version

Neue Version

Verbesserung

Total Blocking Time (TBT)

20 ms

0 ms

100 % Reduktion

Largest Contentful Paint (LCP)

1197,8 ms

109,0 ms

90,9 % schneller

Neuberechnung des Stylings

Global

Isoliert

Minimale Belastung des Browsers


Indem Verzögerungen durch blockierte Threads entfallen, wird Ihr Store schneller interaktiv, was Core Web Vitals, Nutzererfahrung und Konversionspotenzial verbessert.


Erweiterte 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 Hinweis und Einstellungen
  • 9 Positionierungsoptionen, einschließlich Mitte und Mitte links
  • 3 Layouts für den Hinweis: Box, Bar und Wide
  • 3 Layouts für das Einstellungscenter: Box, Sidepanel und Drawer


Intelligente Gestaltungswerkzeuge
  • KI-gestützte Farberkennung auf Basis Ihres Shopify-Themes
  • Aktualisierte Icon- und Logo-Galerie mit verbesserten Assets
  • Erweiterte Gestaltungsoptionen für Schaltflächen mit Kontrolle über Rahmen und Rundungen


Erweiterte Kontrolle und Compliance
  • Regionseinstellungen, synchronisiert mit der Customer Privacy API von Shopify
  • Synchronisierung der Einwilligung über mehrere Tabs hinweg
  • Wahl zwischen HTML-Storage und Cookies zur Speicherung der Einwilligung
  • Alternative Banner-Auslöser, darunter Scrolltiefe und Tastaturaktionen


Vergleich der Funktionen


Funktion

Alte Version

Neue Version

Banner-Rendering

Direkte DOM-Injektion

Web Component

Vorschau

Modal-basiert

Einheitliche Live-Vorschau

Interaktion mit dem Theme

Globales CSS

Isoliertes Styling

Mobile Nutzung

Statische Layouts

Responsive Ebenen

Regionale Logik

Manuell

Mit der Shopify API synchronisiert

Speicheroptionen

Nur Cookies

Cookies oder HTML-Storage

Logik der Schaltflächen

Feste Typen

Flexible Konfiguration


Verbesserungen der Tarife

Alle Tarife profitieren von der neuen Leistungsarchitektur. Der Funktionsumfang richtet sich nach Ihrem gewählten Tarif:


  • Free and Basic: Zugang zur neuen Web-Component-Engine und zur überarbeiteten Verwaltung.
  • Premium: Enthält erweitertes Styling, KI-Farberkennung und alternative Schließaktionen (Scroll, Timeout usw.).
  • Enterprise: Vollständige Unterstützung von IAB TCF 2.3, domainübergreifende Einwilligung, erweiterte JS-API-Integrationen und granulare regionale Steuerung.


Zusätzlich sind folgende Funktionen enthalten:

  • Synchronisierung der Einwilligung über Browser-Tabs hinweg
  • Alternative Schließaktionen wie Escape-Taste, Klick außerhalb oder Timeout
  • Optionales Neuladen der Seite nach der Einwilligung für die Kompatibilität mit bestimmten Skripten
  • Unterstützung benutzerdefinierter Auslöser über die JS API


Veraltete Funktionen:

  • Feste Banner-Typen
  • Globale CSS-Überschreibungen
  • Seite für die alte Geolokalisierung


Warum das für Ihren Store wichtig ist

Dieses Update fasst alles zusammen, was wir seit 2018 gelernt haben. Mit dem Wechsel zur neuen Version stellen Sie sicher, dass Ihr Store:


  • eine bessere Leistung und bessere Core Web Vitals hat.
  • praktisch kein Risiko für Konflikte mit Theme oder CSS hat.
  • nahtlos mit den nativen Datenschutzeinstellungen von Shopify synchronisiert ist.
  • ein zukunftssicheres Fundament für die globale Einhaltung von Datenschutzvorgaben besitzt.


Erste Schritte mit der neuen Version

Um die neuen Konfigurationsoptionen kennenzulernen, öffnen Sie Cookie banner in Ihrer Pandectes-GDPR-Compliance-App. Nutzen Sie die einheitliche Live-Vorschau, um Ihr neues Layout vor der Veröffentlichung zu testen.


Wenn Sie während der Umstellung Unterstützung benötigen, hilft Ihnen unser Support-Team gern dabei, Ihre Einrichtung zu optimieren und das Beste aus den neuen Banner-Funktionen herauszuholen.

Aktualisiert am: 27/10/2026

War dieser Beitrag hilfreich?

Teilen Sie Ihr Feedback mit

Stornieren

Danke!