Dieser Artikel ist auch verfügbar in:

🍪 So richten Sie ein Cookie Consent Banner ein

ℹ️ Note: Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team.


Das Cookie Consent Banner hilft, Besucher über die Verwendung von Cookies zu informieren, Einwilligungseinstellungen zu sammeln und die Einhaltung von Datenschutzbestimmungen wie DSGVO, CCPA, LGPD, PIPEDA, APPI und mehr zu unterstützen.


Nach der Konfiguration erscheint das Banner auf Ihrer Storefront und ermöglicht es den Besuchern, Cookie-Präferenzen basierend auf den von Ihnen gewählten Verhaltenseinstellungen zu akzeptieren, abzulehnen oder zu verwalten.


Dieser Leitfaden führt durch den gesamten Einrichtungsprozess, von der Aktivierung der App-Einbettung bis hin zur Anpassung des Aussehens und des Inhalts des Banners.



⚠️ Bevor Sie beginnen


Bevor Sie Ihr Cookie Consent Banner einrichten, stellen Sie sicher:


  • DSGVO EU Cookie Banner ist installiert
  • Sie haben Zugriff auf Ihre Shopify Admin
  • Sie haben die Erlaubnis, Ihre Shopify Thema


⚠️ Das Cookie-Banner wird erst angezeigt, wenn das App-Embed aktiviert ist.



✅ Schritt 1: Aktivieren Sie die App Embed


Damit das Cookie Consent Banner auf Ihrer Storefront erscheint, muss das App Embed in Ihrem Shop aktiviert sein. Shopify Thema.


Gehen Sie zu:


Shopify Admin → Sales Channels → Online Store → Themes → Edit Theme → App Embeds


Dann:


  • Standort Cookie PopUp/Banner
  • Umschalten IN
  • Klicken Sparen


💡 Sie können auch die Einschalten Option innerhalb der App, die die Shopify Theme Editor direkt.



✅ Schritt 2: Offene Bannereinstellungen


Offen DSGVO EU Cookie Banner App von Deiner Shopify Admin.


Dann entweder


→ Klicken Richten Sie Ihr Cookie Banner ein aus dem Dashboard


oder


→ offen Bannereinstellungen aus dem linksseitigen Navigationsmenü


Dies öffnet die Bannerkonfigurationsseite.


Das Setup ist in die folgenden Abschnitte unterteilt:


  • Region
  • Verhalten
  • Design
  • Inhalt
  • Kasse


Eine Live-Vorschau ist während des gesamten Einrichtungsprozesses verfügbar, um Änderungen vor dem Speichern zu visualisieren.



✅ Schritt 3: Regionseinstellungen konfigurieren


Offen Region Tab.


In diesem Abschnitt wird festgelegt, wo das Cookie-Banner erscheinen wird.


Wählen Sie die Datenschutzbestimmungen oder Regionen aus, die für Ihren Shop gelten.


Beispiele hierfür sind:


  • GDPR
  • CCPA
  • LGD
  • PIPEDA
  • APPI


💡 Wenn Ihr Shop mehrere Regionen bedient, können Sie mehr als eine Region gleichzeitig aktivieren.



Region Coverage bearbeiten


Jede Region kann individuell angepasst werden.


Klick:


Edit


die Länder oder Standorte dieser Region zu überprüfen und zu ändern.


Dadurch haben Sie mehr Kontrolle darüber, wo das Banner angezeigt wird.



✅ Schritt 4: Bannerverhalten konfigurieren


Offen Verhalten Tab.


Dieser Abschnitt steuert, wie Besucher mit dem Banner interagieren.



🎛️ Bannertyp


Wählen Sie aus, wie Besucher ihre Zustimmung erteilen.


Präferenzen


Zeigt ein Voreinstellungen-Popup an, in dem Besucher Cookie-Kategorien individuell auswählen können.


Dies bietet die detaillierteste Einwilligungserfahrung.



Akzeptieren / Verfall


Zeigt sowohl Accept- als auch Decline-Buttons an.


Besucher können die Zustimmung schnell erteilen oder ablehnen.



Nur akzeptieren


Zeigt nur einen Accept Button an.


Besucher können das Banner anerkennen, ohne eine Decline-Option zu sehen.



Nur Rückgang


Zeigt nur einen Decline-Button an.


Dies kann in bestimmten Compliance-Szenarien nützlich sein.



Informativ


Zeigt Informationsinhalte an, ohne dass eine Besucherinteraktion erforderlich ist.



🚫 Rückgangsverhalten


Diese Einstellung erscheint nur, wenn:


  • Akzeptieren / Verfall
  • Nur Rückgang


wird als Bannertyp ausgewählt.


Alle Cookies ablehnen


Blockiert alle nicht wesentlichen Cookies, wenn Besucher ablehnen.



Nichts tun


Schließt das Banner, ohne das Cookie-Verhalten zu ändern.




Zeigen Sie einen Link zur Datenschutzerklärung direkt im Cookie-Banner an.


Verfügbare Optionen sind:



Zeigt Ihren Link zur Datenschutzerklärung im Banner an.




Zeigt einen Google-spezifischen Datenschutz-Link an.



Datenschutzrichtlinie Quelle


Wenn die Datenschutzrichtlinie aktiviert ist, können Sie wählen:


  • Auto Generate: Wenn dies ausgewählt ist, wird die Datenschutzerklärung basierend auf dem Land angezeigt:
    • EU-Länder → DSGVO Datenschutz
    • Kanada (CA) → PIPEDA Datenschutzerklärung
    • Vereinigte Staaten (USA) → CCPA Privacy Policy
    • Brasilien (BR) → LGPD Datenschutzerklärung
    • Japan (JP) → APPI Privacy Policy
    • Alle anderen Länder → Defaults to GDPR Privacy Policy
  • Spezifische Datenschutzrichtlinie


Beispiele hierfür sind:


  • Shopify Politik
  • DSGVO-Politik
  • CCPA-Politik
  • LGPD-Politik
  • PIPEDA-Politik
  • APPI-Politik



🌎 Data Sales Opt-Out


Für unterstützte Regionen können Sie Optionen anzeigen wie:


  • Verkaufen Sie meine persönlichen Daten nicht
  • Teilen Sie meine persönlichen Daten nicht


Diese Optionen können erscheinen auf:


  • Das Cookie Banner
  • Die Vorlieben Popup


wenn dies nach den geltenden Vorschriften erforderlich ist.



🔄 Wieder öffnen Banner


Ermöglichen Sie den Besuchern, das Banner wieder zu öffnen und ihre Präferenzen später zu aktualisieren.


Dies fügt einen dedizierten Re-Open-Button zur Storefront hinzu.



⏱️ Bannerverzögerung


Steuert, wie lange die App wartet, bevor das Banner nach dem Laden der Seite angezeigt wird.


Die Verzögerung wird in Sekunden konfiguriert.


Beispiel:


5


Das Banner erscheint 5 Sekunden nach dem Laden der Seite.



✅ Schritt 5: Passen Sie das Design an


Offen Design Tab.


Dieser Abschnitt steuert das visuelle Erscheinungsbild des Cookie-Banners.



🎨 Meldebögen


Wählen Sie ein Startdesign mit einer der verfügbaren Vorlagen.


Beispiele hierfür sind:


  • Zoll
  • Wald
  • Wasser
  • Alarm
  • Purpur
  • Blau
  • Ozean
  • Gelb
  • Schwarz
  • Marine


Vorlagen bieten eine schnelle Möglichkeit, einen kompletten Designstil anzuwenden.



👀 Sichtbarkeit


Wählen Sie aus, welche Geräte das Banner anzeigen sollen.


verfügbare Optionen:


  • Desktop und Mobile
  • Desktop nur
  • Nur mobil



📍 Position


Wählen Sie, wo das Banner erscheint.


Desktop


Display-Stile umfassen:


  • Vollständige Bar
  • Float Card


Die verfügbaren Positionen variieren je nach gewähltem Anzeigestil.



Mobil


Verfügbare Positionen umfassen:


  • oben
  • Mittler
  • Boden



🎨 Stylingoptionen


Sie können anpassen:


  • Hintergrundfarben
  • Typografie
  • Knopffarben
  • Grenzstile
  • Eckenradius
  • Icon Sichtbarkeit


Diese Einstellungen helfen, das Banner mit Ihrem Storefront-Branding auszurichten.




Sie können wählen:


  • Zeigen Sie das Cookie-Icon
  • Verstecken Sie das Cookie-Icon


Wenn aktiviert, werden integrierte Icon-Optionen verfügbar.



✅ Schritt 6: Anpassen von Bannerinhalten


Offen Inhalt Tab.


Dieser Abschnitt steuert den Text, der den Besuchern angezeigt wird.



📝 Hauptbannerinhalt


Customize:


  • Cookie Banner Header
  • Beschreibung
  • Button akzeptieren Text
  • Decline Button Text
  • Vorlieben Button Text
  • Knopf wieder öffnen Text


Diese Nachrichten erscheinen direkt auf der Storefront.



⚙️ Vorlieben Popup Inhalt


Wenn Sie den Bannertyp Preferences verwenden, können zusätzliche Inhalte angepasst werden.


Beispiele hierfür sind:


  • Popup-Header
  • Popup-Beschreibung
  • Streng erforderliche Cookies Beschreibung
  • Analytics Cookies Beschreibung
  • Beschreibung der Marketing-Cookies
  • Beschreibung der funktionalen Cookies


Klare Erklärungen helfen den Besuchern zu verstehen, wie Cookies verwendet werden.



✅ Schritt 8: Speichern Sie Ihre Konfiguration


Nach Überprüfung aller Einstellungen:


→ Klicken Sparen


Die Konfiguration wird automatisch gespeichert und veröffentlicht.


⚠️ Das Speichern der Bannerkonfiguration allein reicht nicht aus.


Das App-Embed muss auch aktiviert bleiben, damit das Banner auf der Storefront erscheint.



🧪 Schritt 9: Überprüfen Sie das Banner


Nach dem Speichern:


→ Öffnen Sie Ihre Storefront


→ Verwenden Sie ein Incognito oder ein privates Browserfenster


→ Bestätigen Sie, dass das Banner korrekt erscheint


Testen Sie die verfügbaren Aktionen:


  • Akzeptieren
  • Rückgang
  • Präferenzen


Stellen Sie sicher, dass Design, Inhalt und Verhalten Ihrer Konfiguration entsprechen.



⚠️ Wichtige Hinweise


App Embed ist erforderlich


Das Cookie-Banner kann nicht angezeigt werden, es sei denn, das App-Embed ist innerhalb des Shopify Theme Editor.



Regionseinstellungen beeinflussen Sichtbarkeit


Wenn das Banner nicht angezeigt wird, vergewissern Sie sich, dass Ihr Standort in den ausgewählten Regionseinstellungen enthalten ist.



Präferenzen bieten die meiste Kontrolle


Der Bannertyp Preferences ermöglicht es Besuchern, einzelne Cookie-Kategorien zu verwalten und bietet im Allgemeinen die flexibelste Einwilligungserfahrung.



Test im Inkognito-Modus


Zuvor akzeptierte Zustimmungspräferenzen können verhindern, dass das Banner während des Tests erscheint.


Die Verwendung eines Incognito- oder Private-Browserfensters hilft, ein Erstbesuchererlebnis zu simulieren.



🎉 Endergebnis


Einmal erfolgreich konfiguriert:


✅ Ein Cookie Consent Banner erscheint auf Ihrer Storefront


✅ Besucher können ihre Cookie-Einstellungen verwalten


✅ Links zu Datenschutzrichtlinien sind bei Bedarf verfügbar


✅ Bannerdesign passt zu Ihrem Storefront-Branding


✅ Regionsspezifische Datenschutzanforderungen werden unterstützt


✅ Ihr Shop bietet eine transparentere Einwilligungserfahrung


Ein richtig konfiguriertes Cookie Consent Banner hilft den Besuchern zu verstehen, wie Cookies verwendet werden, während sie ihnen eine bessere Kontrolle über ihre Datenschutzpräferenzen geben.


Aktualisiert am: 10/09/2026

War dieser Beitrag hilfreich?

Teilen Sie Ihr Feedback mit

Stornieren

Danke!