Cookie-Consent für Shopify: Cookifi in unter 10 Minuten einbauen

Das Shopify-Banner steuert nur von Shopify verwaltete Werkzeuge, und die App-Pixel ignorieren jeden Einwilligungsstatus, der nicht in der Customer Privacy API steht. Cookifi schreibt hinein — und läuft GTM als Custom Pixel, damit auch der Checkout abgedeckt ist.

Was Sie brauchen

Jeder Shopify-Tarif — Sie können den Code eines Themes bearbeiten, das Ihnen gehört. Checkout-Seiten sind nicht editierbar, außer bei Plus über Checkout Extensibility; genau deshalb muss GTM ein Custom Pixel sein.

Cookifi in Shopify einbauen

  1. 1

    Theme duplizieren, dann Code-Editor öffnen

    Shopify-Admin → Onlineshop → Themes → ⋯ → Duplizieren als Backup, danach ⋯ → Code bearbeiten.

  2. 2

    Skript an den Anfang des Head

    Unter Layout die theme.liquid öffnen und das Cookifi-Skript ganz oben in <head> einfügen, über {{ content_for_header }}. Falls der Editor danach fragt, defer ergänzen.

  3. 3

    Snippet für die Customer Privacy API einbinden

    Unter {{ content_for_header }} {% render 'cookifi' %} einfügen, dann unter Snippets ein Snippet namens cookifi anlegen und den Code aus der Cookifi-Shopify-Anleitung einsetzen. Es überträgt die Auswahl aus Cookifi auf setTrackingConsent.

  4. 4

    Shopify-Banner entfernen

    Einstellungen → Kundendatenschutz → Cookie-Banner → Weitere Aktionen → Cookie-Banner entfernen.

  5. 5

    GTM als Custom Pixel hinzufügen

    GTM gehört nach Einstellungen → Kundenereignisse → Benutzerdefiniertes Pixel hinzufügen, nicht in die theme.liquid. Das Pixel läuft in einer Sandbox und ist der einzige Weg, auf Checkout- und Danke-Seiten zu feuern; die Consent-Mode-Befehle default und update gehören hinein.

Ihr Cookifi-Skript holen

  1. 1.

    Im Cookifi-Admin auf Add klicken, Namen und Domain eingeben (eine Sitemap-URL ist optional) und auf Create klicken.

  2. 2.

    Die Property öffnen und das Skript unter General → Integration script kopieren.

  3. 3.

    Über das Google-Symbol in der Skript-Leiste wird der Consent-Mode-Default-Befehl mitgegeben. Die Defaults selbst stellen Sie unter Regions ein, dort auch URL Passthrough und Ads Data Redaction.

  4. 4.

    So weit oben im <head> einfügen, wie die Plattform es zulässt, und zwar auf jeder Seite. Speichern, neu laden und prüfen, ob das Banner erscheint.

  5. 5.

    Entfernt die Plattform data-Attribute und das Banner lädt nicht, stellen Sie im Abschnitt Installation script auf den Query-String-Modus um und kopieren das Skript erneut.

  6. 6.

    Sie kommen an den Head überhaupt nicht heran? Dann das GTM-Installationsskript in einem Custom-HTML-Tag mit dem Trigger Consent Initialization – All Pages verwenden. Empfohlen bleibt der direkte Einbau, weil Adblocker GTM unterdrücken können.

Consent Mode v2 und GTM in Shopify

Bei Shopify liegt die Einwilligung in der Customer Privacy API (analytics, marketing, preferences, sale_of_data), und Shopify- wie App-Pixel ignorieren alles, was nicht dort steht — genau das erledigt das Snippet aus Schritt 3. GTM muss als Custom Pixel laufen: es ist gesandboxt, hat keinen DOM-Zugriff und ist der einzige Weg, auf Checkout- und Danke-Seiten zu feuern. Die Aufrufe von consent default und update gehören deshalb in das Pixel selbst.

Was das native Banner von Shopify nicht kann

Shopify-Cookie-Banner (Einstellungen → Kundendatenschutz)

  • Es steuert nur von Shopify verwaltete Werkzeuge — die eigenen Cookies von Shopify und App-Pixel. In die theme.liquid eingefügte Skripte werden nicht blockiert.
  • Kein Script-Blocking pro Anbieter und kein Cookie-Scanning.
  • Standardmäßig nur für EWR und Vereinigtes Königreich aktiv; jede weitere Region muss von Hand ergänzt werden.
  • Kein Export des Einwilligungsprotokolls im Admin.

Fallen, die Zeit kosten

  • Ein Theme-Update oder eine Neuinstallation verwirft Änderungen an der theme.liquid — Skript und Snippet danach erneut einfügen.
  • Alles, was nach {{ content_for_header }} steht, lädt nach den eigenen Skripten und App-Pixeln von Shopify, was den Zweck verfehlt.
  • Dasselbe Tag in theme.liquid und in einem Custom Pixel zählt Ereignisse doppelt.

Die ausführliche Anleitung für Shopify

Die Cookifi-Dokumentation enthält eine Schritt-für-Schritt-Anleitung für Shopify, samt der Code-Schnipsel, auf die diese Seite verweist.

Was Sie mit Cookifi bekommen

In unter 10 Minuten live

Ein Skript im Head, ein Scan, der die Kategorien vorschlägt, und 14 Tage Test ohne Kreditkarte.

Feste Basis statt Tarifleiter

Eine monatliche Basis ab 10 € plus Nutzung nach Read-Events — die ersten 10.000 pro Monat sind frei. Subdomains und Teammitglieder sind unbegrenzt, eine zweite Website ist also kein zweiter Tarif.

Support, der antwortet

Live-Chat und E-Mail in jedem Tarif, im Enterprise-Tarif mit einer Antwort von einem Menschen innerhalb eines Werktags. Wir sind ein kleines Team — deshalb ist das, worum Kunden bitten, meist schnell ausgeliefert.

Für den modernen Stack gebaut

Google und Microsoft Consent Mode v2 sind erstklassig unterstützt, GA4 und GTM sind der Standardweg, und Cookifi ist zertifizierter Google-CMP-Partner.

Häufige Fragen

Warum braucht es das Snippet für die Customer Privacy API?

Weil die Werkzeuge von Shopify und jedes App-Pixel die Einwilligung ausschließlich aus dieser API lesen. Ohne das Snippet erfasst das Banner eine Auswahl, die die Pixel von Shopify nie sehen.

Erscheint das Banner im Checkout?

Theme-Code läuft im Checkout nicht, das Banner erscheint dort also nicht. Entscheidend ist, dass Tags im Checkout über das Custom Pixel feuern — und das respektiert den Status, den Cookifi in die Customer Privacy API geschrieben hat.

Kann ich das Shopify-Banner als Rückfallebene behalten?

Nein — zwei Banner bedeuten zwei Antworten auf dieselbe Frage. Entfernen Sie es unter Einstellungen → Kundendatenschutz, sobald Cookifi erscheint.

Testen Sie es auf Ihrer eigenen Website

14 Tage, ohne Kreditkarte. Wenn der Einbau länger als zehn Minuten dauert, sagen Sie es uns — bei uns gilt das als Fehler.