Dokumentation
FlowConsent installieren und einrichten.
Schritt-für-Schritt-Anleitungen, Integrationen und Fehlerbehebung, damit Ihr DSGVO-konformes Banner online geht und konform bleibt.
EinstiegErste Schritte
Richten Sie Ihr erstes FlowConsent-Banner ein und veröffentlichen Sie in 10 Minuten eine DSGVO-konforme Cookie-Einwilligung.
Erste Schritte
Konto anlegen, Banner installieren und passenden Tarif wählen.
6 Artikel- Erste SchritteRichten Sie Ihr erstes FlowConsent-Banner ein und veröffentlichen Sie in 10 Minuten eine DSGVO-konforme Cookie-Einwilligung.
- Das FlowConsent-Dashboard verstehenRundgang durch das FlowConsent-Dashboard: Seitenleiste, Banner, Statistiken, Team, Abrechnung und Workspace-Einstellungen.
- SchnellinstallationDer schnellste Weg zu einem FlowConsent-Banner: registrieren, Banner anlegen, ein Skript einfügen. Wenige Minuten, ohne überflüssige Einstellungen.
- Free oder Pro: welcher Tarif passt?Die Tarife Free und Pro von FlowConsent im direkten Vergleich, mit Empfehlungen für einzelne Websites, Agenturen und Projekte mit viel Traffic.
- Von einem anderen Consent-Banner migrierenSchritt-für-Schritt-Anleitung zum Wechsel von Cookiebot, OneTrust, Termly, iubenda, Klaro oder einer anderen CMP zu FlowConsent, ohne Lücken im Tracking.
- Einrichtungsassistent: geprüfte Installation in SchrittenWie der FlowConsent-Einrichtungsassistent jeden Installationsschritt wirklich überprüft: Code-Prüfung, Ablehnungs-Scan, wöchentliche Überwachung, Server-Pfad.
FlowConsent installieren auf…
Eine Anleitung pro Plattform: WordPress, Shopify, Webflow, Wix, Framer, Next.js, Astro und mehr, mit Prüfung und Einrichtung über Ihren KI-Agenten.
17 Artikel- FlowConsent auf WordPress installierenAuf WordPress kommt der FlowConsent-Code in Code Snippets → Header & Footer (WPCode) oder ein Child-Theme. Danach Cache leeren und das Site-Kit-gtag entfernen.
- FlowConsent auf WooCommerce installierenAuf WooCommerce fügen Sie den FlowConsent-Code in WPCode ein (Code Snippets → Header & Footer), steuern die Pixel der Erweiterungen und testen den Checkout.
- FlowConsent auf Shopify installierenFlowConsent auf Shopify installieren: das Code-Snippet in theme.liquid direkt nach <head> einfügen und das native Cookie-Banner sowie Kanal-Pixel abschalten.
- FlowConsent auf PrestaShop installierenFlowConsent auf PrestaShop installieren: das Code-Snippet ganz oben in head.tpl des Themes einfügen, den Smarty-Cache leeren und Tracking-Module abschalten.
- FlowConsent auf Wix installierenAuf Wix fügen Sie den FlowConsent-Code unter Einstellungen → Benutzerdefinierter Code ein, auf allen Seiten im Head, und deaktivieren das Wix-Cookie-Banner.
- Webflow-Integration: FlowConsent richtig installierenFlowConsent auf Webflow: Code in Site settings → Custom code einfügen, veröffentlichen und die GA Measurement ID aus Apps & Integrations entfernen.
- FlowConsent auf Squarespace installierenFlowConsent auf Squarespace installieren: Code-Snippet in Code Injection → Header einfügen, natives Cookie-Banner abschalten, Google- und Meta-IDs entfernen.
- FlowConsent auf Framer installierenAuf Framer fügen Sie den FlowConsent-Code unter Project Settings → Custom Code am Anfang des <head> ein, veröffentlichen und entfernen das Framer-Banner.
- FlowConsent mit Google Tag Manager nutzenFlowConsent mit Google Tag Manager: Code im <head> oberhalb des GTM-Containers einfügen, nie als GTM-Tag, dann die Einwilligungsprüfungen der Tags einstellen.
- FlowConsent auf Astro installierenFlowConsent auf Astro installieren: Code-Snippet mit is:inline ganz oben in den <head> des Basis-Layouts einfügen und bei ClientRouter den SPA-Modus aktivieren.
- Integration in Next.js und React-SPAsFlowConsent in Next.js (App Router oder Pages Router) installieren und den SPA-Modus aktivieren, damit die Einwilligung bei jeder Navigation neu geprüft wird.
- FlowConsent auf React installierenFlowConsent auf React installieren (Vite, Create React App, React Router): Code-Snippet ganz oben in den <head> von index.html und SPA-Modus aktivieren.
- FlowConsent auf Vercel installierenFlowConsent auf einer Vercel-Website: Das Code-Snippet kommt in den <head> des bereitgestellten Frameworks (Next.js, Astro, React, HTML), dann neu deployen.
- FlowConsent auf Netlify installierenFlowConsent auf Netlify installieren: Code-Snippet ganz oben in den <head> im Website-Code einfügen, oder per Snippet injection, wenn kein Skript davor steht.
- FlowConsent auf Fimo installierenAuf Fimo ist die Website Ihr eigener Code: Setzen Sie den FlowConsent-Code an den Anfang des <head> im Root-Layout oder beauftragen Sie den Studio-Chat.
- FlowConsent auf HubSpot installierenAuf einer HubSpot-Website fügen Sie den FlowConsent-Code in Settings → Content → Pages → Site header HTML ein und deaktivieren das native HubSpot-Cookie-Banner.
- FlowConsent auf einer eigenen Website installieren (HTML)FlowConsent auf einer Website mit HTML, PHP, Django, Rails, Laravel, Hugo, Jekyll oder Eleventy installieren: Code einmal in den <head> der Basisvorlage.
Anpassung
Banner-Design, Dienste, Einwilligungskategorien und Cookie-Erklärung.
3 Artikel- Ihr Cookie-Banner im Builder anpassenFormate, Farben, Typografie, mehrsprachige Texte und Live-Vorschau: alles, was der FlowConsent-Builder bietet, um das Banner an Ihre Marke anzupassen.
- Dienste, Einwilligungskategorien und RechtsgrundlagenSo funktioniert der FlowConsent-Dienstekatalog: Kategorien, Erkennung, kanonische IDs, Rechtsgrundlagen und die CNIL-Checkliste zur Reichweitenmessung.
- Cookie-Deklaration: die Liste, die Ihre Besucher wirklich sehenWie FlowConsent die Cookie-Liste aus aktiven Diensten generiert, wie Sie eigene Cookies ergänzen und wie der Alarm für nicht deklarierte Cookies wirkt.
Bereitstellung
Das Banner online stellen, einschließlich der Cloudflare-Bereitstellung im kostenlosen Tarif.
1 ArtikelIntegrationen
Google Consent Mode v2 und die an Google-Tools übermittelten Einwilligungssignale.
1 ArtikelKonformität
Prüfung, laufende Überwachung und Nachweisbericht für Ihren Datenschutzbeauftragten.
3 Artikel- Konformitätsprüfung: der Nachweis, dass Ihr Banner respektiert wirdScannen Sie Ihre Seiten mit verweigerter Einwilligung, überwachen Sie sie laufend und behalten Sie einen datierten Nachweis, dass Ihr Banner wirkt.
- Kontinuierliche Compliance-ÜberwachungAblehnungs-Scans auf Abruf mit den Profilen fast, deep und ultra, wöchentliche Monitore für repräsentative Seiten und Alarme bei jeder Regression.
- Der Nachweisbericht: Audit-Beleg für Ihren DSBMachen Sie aus jedem Ablehnungs-Scan einen datierten, druckbaren Nachweisbericht: Methode, Befunde, Verstoßtabellen, Consent Mode und Screenshot.
API und Entwickler
Consent-Webhooks, Server- und Mobile-SDK, MCP-Server.
4 Artikel- MCP-Server: FlowConsent aus Claude steuernVerbinden Sie den offiziellen FlowConsent-MCP-Server mit Claude und verwalten Sie Banner, Scans und Konformität in natürlicher Sprache, ohne API-Schlüssel.
- Server-SDK: Einwilligung im BackendLesen Sie die Einwilligungsentscheidung mit dem FlowConsent-SDK im Servercode und prüfen Sie signierte Webhooks mit HMAC-SHA256 in jedem Backend.
- Mobile SDK (Beta): Android und iOSErfassen, erzwingen und belegen Sie Einwilligungen in Android- und iOS-Apps mit dem FlowConsent Mobile SDK, mit demselben v1-Vertrag wie im Web.
- Consent-Webhooks: signierte Ereignisse an Ihren ServerEmpfangen Sie consent.recorded und consent.withdrawn auf Ihrem Server, prüfen Sie die HMAC-Signatur mit dem SDK und testen Sie die signierte Zustellung.
Konto und Team
Workspaces, Rollen und Einladungen von Teammitgliedern.
1 ArtikelFehlerbehebung
Banner erscheint nicht, Skripte laden zu früh: Lösungen für häufige Fälle.
1 ArtikelMachen Sie Ihre Website noch heute konform.
Kostenlos bis 25.000 Sitzungen pro Monat. Keine Kreditkarte, keine Bindung.