Skip to content

So aktivieren Sie ein Cookie-Banner auf der Shopify-Checkout-Seite: Aktuelle Einschränkungen und Lösungen

Aufgrund der aktuellen Einschränkungen bei den Shopify-Checkout-UI-Erweiterungen ist es nicht möglich, ein Cookie-Zustimmungsbanner direkt auf der Checkout-Seite hinzuzufügen. Dennoch können Sie die Cookie-Zustimmung effektiv verwalten, um GDPR-konform zu bleiben. In diesem Leitfaden zeigen wir Ihnen, wie Sie das Banner auf anderen Seiten anzeigen können und die Shopify Customer Privacy API verwenden, um die Zustimmungseinstellungen auch auf der Checkout-Seite zu übernehmen. So gewährleisten Sie ein nahtloses und gesetzeskonformes Nutzererlebnis.

Bitte beachten Sie, dass wir Shopify-Updates aktiv überwachen, um zukünftige Änderungen zu berücksichtigen.

Einschränkungen der Shopify-Checkout-UI-Erweiterungen

Shopify hat kürzlich Checkout-UI-Erweiterungen eingeführt, um die Anpassungsmöglichkeiten der Checkout-Seite zu verbessern. Diese Erweiterungen basieren auf vordefinierten Komponenten, was bedeutet, dass nur eine festgelegte Liste von Shopify-Tools für Anpassungen verwendet werden kann. Leider unterstützt diese Liste weder JavaScript noch Script-Tags (weder inline noch remote).

Weitere Details zu dieser Einschränkung finden Sie in der Shopify-Dokumentation:

Da JavaScript nicht erlaubt ist, können wir keine Script-Tags verwenden, um ein interaktives Cookie-Banner anzuzeigen oder benutzerdefinierte Änderungen direkt an der Checkout-Seite vorzunehmen. Auch das Manipulieren des DOM, um Pop-ups oder andere interaktive Inhalte für die Cookie-Zustimmung zu zeigen, ist ausgeschlossen.

Auswirkungen auf die Einholung von Zustimmungen

Auch wenn diese Einschränkung einschränkend erscheint, sollten Sie bedenken, dass Nutzer in der Regel mehrere andere Seiten auf Ihrer Shopify-Website besuchen, bevor sie den Checkout erreichen. Dies gibt Ihnen zahlreiche Möglichkeiten, auf anderen Seiten mit Ihrem Banner die Cookie-Zustimmung einzuholen. Da diese Zustimmungen auf den Seiten erfasst und nachverfolgt werden, müssen die Nutzer das Banner auf der Checkout-Seite nicht erneut sehen.

Nutzung der Shopify Customer Privacy API

Obwohl wir kein benutzerdefiniertes JavaScript auf der Checkout-Seite ausführen können, können wir die Zustimmungseinstellungen der Nutzer dennoch effektiv mit der Shopify Customer Privacy API verwalten. Diese API bietet eine Methode, um den Zustimmungsstatus abzurufen, den Nutzer auf vorherigen Seiten angegeben haben. So können Sie die GDPR-Anforderungen erfüllen.

Wie Sie die Shopify Customer Privacy API nutzen

Derzeit ist der beste Ansatz für eine GDPR-konforme Shopify-Store-Einrichtung wie folgt:
  1. Lesen Sie die Customer Privacy API-Dokumentation
    Die Shopify-API-Dokumentation bietet detaillierte Schritte zum Zugriff auf und zur Nutzung der Customer Privacy API. Sie finden die Dokumentation hier: Shopify Customer Privacy API.
  2. Zustimmungsstatus mit der API abrufen
    Nachdem ein Nutzer mit dem Cookie-Banner auf einer anderen Seite Ihrer Website interagiert hat, können Sie mit dieser API den Zustimmungsstatus abrufen. So weiß Ihr Backend-System, welche Präferenzen der Nutzer hat, auch wenn ihm auf der Checkout-Seite kein Banner angezeigt wird.
  3. Mit Ihrem Cookie-Banner synchronisieren
    Ihr Cookie-Banner sollte die Zustimmungswerte automatisch aktualisieren, sobald eine Auswahl getroffen wird. Durch die Synchronisierung dieser Werte mit der Shopify Customer Privacy API stellen Sie sicher, dass die Zustimmungseinstellungen in allen Teilen der Nutzerreise, einschließlich der Checkout-Seite, berücksichtigt werden.

Auf diese Weise bleiben Sie konform mit der DSGVO, ohne dass Sie ein Banner auf der Kassenseite selbst platzieren müssen.

Auch wenn Shopify die Platzierung von Cookie-Bannern auf der Checkout-Seite derzeit einschränkt, können Sie das Banner auf anderen Seiten anzeigen und die Customer Privacy API nutzen, um GDPR-konform zu bleiben. Diese Lösung hält Ihren Shop benutzerfreundlich und gesetzeskonform, bis Shopify weitere Anpassungsoptionen bietet.
Previous article So passen Sie die Schriftart Ihres Cookie-Banners in Shopify an
Next article So richten Sie den Google Consent Mode ein: Eine einfache Anleitung