FlowConsent auf Shopify installieren

Auf Shopify gehört das FlowConsent-Code-Snippet in die Datei theme.liquid Ihres Themes, direkt nach dem <head>-Tag und damit vor {{ content_for_header }}. Sie erreichen sie über Onlineshop → Themes → … → Code bearbeiten (Online Store → Themes → … → Edit code). Die Installation umfasst drei Schritte. Die Hauptfalle: Shopify bringt ein eigenes Cookie-Banner mit, und die Vertriebskanäle Google & YouTube sowie Facebook & Instagram binden ihre Pixel außerhalb des Themes ein, wo Ihr Snippet sie nicht zurückhalten kann.

Bevor Sie beginnen

Ein Konto auf app.flowconsent.com (kostenloser Free-Tarif, ohne Kreditkarte, bis zu 25.000 Sitzungen pro Monat).
Ein erstelltes und bereitgestelltes Banner. Im Free-Tarif erfolgt die Bereitstellung über Ihr eigenes Cloudflare-Konto (Cloudflare-Anleitung), bei Pro und Enterprise mit einem Klick.
Zugriff auf den Shopify-Adminbereich mit der Berechtigung, Themes zu bearbeiten.

Schritt 1: Code-Snippet kopieren

Öffnen Sie Builder → Deployment → Integration und kopieren Sie das Code-Snippet aus dem Tab HTML / No-code. Es besteht aus zwei Teilen in dieser Reihenfolge: dem Google-Consent-Mode-v2-Stub (Standardwerte denied) und dem Banner-Loader.

Schritt 2: In theme.liquid einfügen

Gehen Sie im Shopify-Adminbereich zu Onlineshop → Themes (Online Store → Themes).
Duplizieren Sie das Theme zur Sicherheit zuerst: Shopify empfiehlt das, damit Sie eine Sicherungskopie behalten.
Klicken Sie beim veröffentlichten Theme auf das Symbol … und dann auf Code bearbeiten (Edit code).
Öffnen Sie im Ordner Layout die Datei theme.liquid.
Fügen Sie das Snippet direkt nach dem öffnenden <head>-Tag ein, oberhalb von {{ content_for_header }} und aller anderen Skripte, und klicken Sie auf Speichern.

Layout → theme.liquid

html

<head>
  <script>
  // FlowConsent Loader - VOR allen anderen Skripten im <head> platzieren
  window.dataLayer=window.dataLayer||[];
  function gtag(){dataLayer.push(arguments);}
  gtag('consent','default',{
    'ad_storage':'denied',
    'analytics_storage':'denied',
    'ad_user_data':'denied',
    'ad_personalization':'denied',
    'wait_for_update':500
  });
  gtag('set','url_passthrough',true);
  gtag('set','ads_data_redaction',true);
  </script>
  <!-- FlowConsent CMP -->
  <script src="https://IHR-LIZENZCODE.consent.flowconsent.com/cookie-manager.js?code=IHR_LIZENZCODE"></script>
 
  <meta charset="utf-8">
  <!-- … der restliche <head> Ihres Themes, einschließlich {{ content_for_header }} -->
</head>

Das Objekt {{ content_for_header }} lädt die Skripte, die Shopify und Ihre Apps dem Shop hinzufügen. Das Snippet muss deshalb davor stehen. Alles, was oberhalb des Snippets steht, entgeht der Vorabblockierung.

Tracker dürfen nicht mehr von Shopify selbst eingebunden werden, sonst feuern sie ohne Rücksicht auf FlowConsent.

Die Kanäle Google & YouTube und Facebook & Instagram. Diese Apps installieren App-Pixel, die unter Einstellungen → Kundenereignisse (Settings → Customer events) verwaltet werden. Sie laufen in einer Sandbox von Shopify, außerhalb Ihres Themes: Ihr Snippet kann sie nicht zurückhalten. Sie richten sich nach der Einwilligung, die über die Customer Privacy API von Shopify erfasst wird, nicht nach dem FlowConsent-Banner. Damit alles über FlowConsent läuft, deaktivieren Sie die Datenfreigabe dieser Kanäle (oder entfernen die dort eingetragenen Mess-IDs) und hinterlegen Google Analytics, Google Ads oder Meta Pixel unter Builder → Services: Das Banner lädt sie erst nach der Einwilligung.

Das native Banner von Shopify. Zwei Banner im selben Shop bedeuten zwei widersprüchliche Einwilligungen. Sobald Ihre Tracker in FlowConsent hinterlegt sind, entfernen Sie das Shopify-Banner: Einstellungen → Kundendatenschutz → Cookie-Banner (Settings → Customer privacy → Cookie banner), dann Weitere Aktionen → Cookie-Banner entfernen (More actions → Remove cookie banner).

Wenn Sie Google Tag Manager im Theme einsetzen, laden Sie FlowConsent nicht über GTM (es käme zu spät): Lassen Sie das Snippet in theme.liquid oberhalb des GTM-Containers. Details im Google-Consent-Mode-Leitfaden.

Installation überprüfen

Öffnen Sie den Shop in einem privaten Fenster: Das Banner erscheint.
Im Tab Netzwerk der Entwicklertools geht vor dem Klick auf Akzeptieren keine Anfrage an Google, Meta oder andere Drittanbieter raus.
Starten Sie den Einrichtungsassistenten (Builder → Integration): Er prüft die Live-Seite (Loader mit dem richtigen Lizenzcode vorhanden, Consent-Mode-Stub vorhanden und vor jedem Google-Tag platziert).
Schließen Sie mit einem Ablehnungs-Scan im Tab Konformität ab (Konformitätsprüfung).

Mit Ihrem KI-Agenten erledigen (MCP)

FlowConsent bietet einen offiziellen MCP-Server, https://mcp.flowconsent.com, nutzbar aus Claude, ChatGPT oder jedem MCP-Client. Die Verbindung erfolgt per OAuth 2.0 mit Ihrem FlowConsent-Konto, ohne API-Schlüssel. Ihr Agent ruft das Snippet und die Platzierungshinweise ab (get_banner_snippet, get_setup_instructions), überprüft die Installation mit einem echten Scan (verify_consent_compliance) und kann eine wiederkehrende Überwachung einrichten (monitor_compliance). Das Einfügen in theme.liquid erledigen Sie selbst: Der MCP-Server liefert Snippet, Anleitung und Überprüfung.

Beispielanfrage:

Gib mir das Code-Snippet meines Banners für meinen Shopify-Shop und prüfe, ob es auf https://meinshop.de korrekt installiert ist

Mehr dazu: MCP-Server und FlowConsent für KI-Agenten.

Häufige Fragen

Kann ich FlowConsent installieren, ohne den Theme-Code zu bearbeiten?

Der Theme-Code ist die zuverlässige Methode, weil nur sie garantiert, dass das Snippet vor {{ content_for_header }} ausgeführt wird. Code-Blöcke aus dem Theme-Editor landen im Body der Seite, zu spät für die Vorabblockierung.

Warum sendet Google Analytics nach einer Ablehnung weiterhin Daten?

Fast immer, weil der Kanal Google & YouTube (oder ein anderes App-Pixel) unter Kundenereignisse noch aktiv ist. Dieses Pixel läuft nicht über Ihr Theme: Deaktivieren Sie seine Datenfreigabe und hinterlegen Sie Google Analytics unter Builder → Services.

Nein. Der Shopify-Checkout führt keinen Theme-Code aus. Besucher treffen ihre Wahl im Shop, bevor sie zum Checkout gelangen.

Ja, sobald Ihre Tracker in FlowConsent hinterlegt sind: Zwei Banner würden zwei widersprüchliche Entscheidungen erfassen. Shopify weist darauf hin, dass nach dem Entfernen nicht essenzielle Daten seiner eigenen Pixel womöglich nicht mehr erfasst werden. Das ist gewollt, denn das Tracking läuft nun über FlowConsent.