Mit Framer steht eine ansprechende Website an einem Tag online. Genauso schnell ist ein Tracking-Skript in den Custom Code kopiert und vergessen. Dieser Leitfaden erklärt, wann eine Framer-Website ein Banner braucht, welches Werkzeug was steuert und wie Sie ein Banner einrichten und testen, das Skripte vor der Einwilligung wirklich blockiert. Framer gehört zur selben Familie wie Webflow, Wix und Squarespace: Unser Webflow Cookie Banner Leitfaden ist der Einstieg in diese Plattform-Reihe und vertieft die gemeinsamen Grundsätze.
Braucht eine Framer-Website einen Cookie Banner?
Die Regel hängt nicht vom Website-Baukasten ab. Artikel 5 Absatz 3 der ePrivacy-Richtlinie, in Deutschland umgesetzt durch § 25 TDDDG, verlangt eine vorherige Einwilligung, bevor Informationen auf dem Endgerät gespeichert oder ausgelesen werden, es sei denn, dies ist für den gewünschten Dienst unbedingt erforderlich. Sind die Informationen einer Person zuzuordnen, kommen die Anforderungen der DSGVO hinzu: Die Einwilligung muss freiwillig, für den bestimmten Fall, informiert und unmissverständlich sein und sich so einfach widerrufen lassen, wie sie erteilt wurde.
Auf einer reinen Framer-Website ist deshalb oft gar kein Banner nötig. Laut Framer verwendet die integrierte Statistik (Framer Analytics) keine Cookies und braucht keine Einwilligung. Auch ein Session-Cookie für eine passwortgeschützte Seite oder ein Load-Balancer-Cookie bleibt einwilligungsfrei, wie unser Beitrag zu technisch notwendigen Cookies zeigt. Die Überlegung ist dieselbe wie bei einer Webflow-Website ohne Analytics: kein optionaler Tracker, keine Einwilligung.
Das ändert sich, sobald Sie eines davon einbinden:
- Google Analytics 4, Google Ads oder Tags über den Google Tag Manager;
- ein Meta-, LinkedIn- oder TikTok-Pixel;
- eingebettete YouTube- oder Vimeo-Videos, Google Maps, Calendly oder HubSpot-Formulare;
- ein Chat-Widget wie Intercom oder Crisp;
- Heatmap- oder Session-Recording-Tools wie Hotjar oder Microsoft Clarity.
Jedes dieser Werkzeuge speichert oder liest Kennungen im Browser. Ab dann brauchen Sie ein Banner, das zuerst fragt und so lange blockiert, bis die Antwort Ja lautet.
Woher Tracker auf einer Framer-Website kommen
Bevor Sie ein Werkzeug wählen, erfassen Sie, was Ihre Website tatsächlich lädt. Auf Framer gelangen Tracker meist über vier Wege auf die Seite:
- Project Settings → Custom Code, wo GA4, GTM oder Pixel meist eingefügt werden, am Anfang oder Ende von
<head>oder<body>. - Seitenbezogener Custom Code, der leicht übersehen wird, weil er nur auf einer Seite existiert.
- Embed-Komponenten wie ein YouTube-Video, eine Karte oder ein Buchungs-Widget, die selbst Skripte und Drittanbieter-Cookies laden.
- Komponenten und Plugins aus dem Marketplace, die externe Dienste aufrufen können.
Am schnellsten prüfen Sie das, indem Sie die veröffentlichte Website in einem privaten Fenster öffnen und die Cookies in den Entwicklertools ansehen, wie in unserer Anleitung Cookies einer Website anzeigen beschrieben. Alles, was vor einem Klick auf das Banner erscheint, ist ein Problem.
Framer Cookie Banner: die drei Lösungen
Die integrierte Cookie-Banner-Komponente von Framer
Framer bietet eine kostenlose Cookie-Banner-Komponente, die Sie in eine gemeinsam genutzte Komponente wie die Navigation setzen, damit sie auf jeder Seite erscheint. Sie baut auf dem Google Tag Manager auf: Sie tragen Ihre GTM-Container-ID im Eigenschaftenbereich ein, und die Entscheidungen der Besucher werden an Google Consent Mode übergeben. Die angezeigten Kategorien (Necessary, Preferences, Analytics, Marketing) werden den Einwilligungstypen von Google zugeordnet. Sie können ein unterschiedliches Verhalten für die EU und den Rest der Welt festlegen, eine Standard-Einwilligung wählen und einen Auslöser anzeigen, mit dem Besucher das Banner erneut öffnen.
Die Grenze liegt in der Bauart: Die Komponente steuert nur, was über GTM läuft. Ein GA4-Code im Custom Code, ein YouTube-Embed oder ein HubSpot-Formular laden unabhängig von der Antwort des Besuchers. Framer stellt die Komponente auch nicht als Cookie-Scanner oder Einwilligungsprotokoll vor, Sie hätten also nichts vorzulegen, wenn eine Aufsichtsbehörde einen Nachweis der Einwilligung verlangt.
Ein Plugin aus dem Framer Marketplace
Im Marketplace finden Sie Consent-Plugins wie Consentful oder Cookie PRO, die ein Banner direkt aus dem Editor installieren. Einige blockieren Skripte bis zur Zustimmung und senden Consent-Mode-v2-Signale. Funktionen, Preise und die Speicherung der Einwilligungen unterscheiden sich stark: Lesen Sie jede Beschreibung genau und prüfen Sie, was mit Skripten außerhalb der Kontrolle des Plugins geschieht.
Eine Consent Management Platform über Custom Code
Eine Consent Management Platform (CMP) ist ein eigenes Werkzeug, das Sie mit einem kurzen Code am Anfang des <head> laden. CookieYes, Cookiebot, CookieChimp und FlowConsent dokumentieren jeweils eine Installation auf Framer. Eine CMP scannt in der Regel die Cookies der Website, blockiert Skripte nach Kategorie bis zur Einwilligung, sendet Consent-Mode-v2-Signale und protokolliert jede Entscheidung. Sie ist die richtige Wahl, wenn Sie mehrere Tools außerhalb von GTM nutzen, eine mehrsprachige Website betreiben oder Einwilligungen nachweisen müssen.
Welche Lösung passt?
Wenn bereits alles über GTM läuft und Sie nur Google-Tags nutzen, kann die integrierte Komponente genügen, vorausgesetzt, Sie entfernen jedes Skript aus dem Custom Code. Wenn Sie Videos, Formulare oder einen Chat einbinden oder ein Einwilligungsprotokoll brauchen, wählen Sie eine CMP. Oft entscheidet der Preis: Vergleichen Sie die Kosten Ihrer aktuellen CMP mit unserem Rechner, und sehen Sie sich unsere Vergleichsseiten an, etwa CookieYes vs. FlowConsent.
Framer Cookie Banner DSGVO-konform einrichten, Schritt für Schritt
Diese Schritte gehen von einer CMP aus, die über Custom Code installiert wird. FlowConsent ist ein konkretes Beispiel: Sein Framer-Code besteht aus zwei Teilen, einem Block, der alle Google-Einwilligungssignale standardmäßig auf denied setzt, und dem Skript, das das Banner lädt.
Schritt 1: alle Tracker erfassen
Notieren Sie jedes Skript unter Project Settings → Custom Code, jedes seitenbezogene Skript und jedes Embed. Halten Sie jeweils den Zweck fest (Statistik, Marketing, Funktion) und ob wirklich eine Einwilligung nötig ist.
Schritt 2: Tracking-Skripte aus dem Custom Code entfernen
GA4-, GTM- oder Pixel-Codes direkt im Custom Code feuern beim Laden der Seite, bevor ein Banner sie stoppen kann. Entfernen Sie sie und legen Sie sie in Ihrer CMP als Dienste an, damit die CMP sie erst nach der Einwilligung lädt. Wenn Sie GTM behalten, setzen Sie den Container ans Ende des <head>, nach dem Code der CMP.
Schritt 3: den CMP-Code am Anfang des head einfügen
Klicken Sie unter Project Settings → Custom Code auf Add Script, vergeben Sie einen klaren Namen, fügen Sie den Code ein und wählen Sie den Anfang des <head> als Position. Lassen Sie ihn auf allen Seiten aktiv. Framer behält eigene Domains den kostenpflichtigen Site-Plänen vor; fordert der Editor beim Hinzufügen des Skripts ein Upgrade, enthält Ihr aktueller Plan diese Funktion nicht.
Schritt 4: Seitenwechsel ohne Neuladen berücksichtigen
Eine Framer-Website wechselt Seiten im Browser, ohne vollständiges Neuladen. Stellen Sie sicher, dass Ihr Banner diese Navigation mitverfolgt, sonst kann ein Skript auf einer Unterseite der Einwilligungsprüfung entgehen. In FlowConsent heißt diese Einstellung SPA-Modus.
Schritt 5: Embeds bis zur Einwilligung blockieren
Videos, Karten und Buchungs-Widgets setzen Cookies, sobald sie laden. Richten Sie Ihre CMP so ein, dass sie durch einen Platzhalter ersetzt werden, bis der Besucher der passenden Kategorie zustimmt.
Schritt 6: Google Consent Mode v2 anbinden
Wenn Sie Google Analytics oder Google Ads nutzen, muss das Banner die vier Consent-Mode-v2-Signale aktualisieren (ad_storage, analytics_storage, ad_user_data, ad_personalization). Unser Leitfaden zur Implementierung von Google Consent Mode v2 erklärt die Details.
Schritt 7: das Framer-Banner entfernen und veröffentlichen
Falls Sie zuvor die Cookie-Banner-Komponente von Framer hinzugefügt haben, löschen Sie sie. Zwei Banner bedeuten zwei widersprüchliche Entscheidungen und eine Einwilligung, die Sie nicht nachweisen können. Klicken Sie dann auf Publish: Custom Code läuft nicht in der Vorschau des Canvas.
So testen Sie Ihren Framer Cookie Banner
Öffnen Sie die veröffentlichte Website in einem privaten Fenster. Das Banner sollte erscheinen, mit „Akzeptieren“ und „Ablehnen“ auf derselben Ebene. Im Netzwerk-Tab der Entwicklertools darf vor Ihrem Klick keine Anfrage an Google, Meta, LinkedIn oder andere Dritte gehen. Lehnen Sie ab und klicken Sie sich durch mehrere Seiten: weiterhin nichts. Stimmen Sie zu, dann sollten die Skripte laden. Prüfen Sie zuletzt, ob ein Link oder ein schwebender Button jederzeit eine Änderung der Entscheidung erlaubt.
Häufige Fehler auf Framer
- Im Canvas testen. Custom Code läuft nur auf der veröffentlichten Website.
- GA4 im Custom Code lassen und sich auf die integrierte Komponente verlassen, die nur GTM steuert.
- Zwei Banner anzeigen, weil nach der Installation einer CMP die Framer-Komponente nicht gelöscht wurde.
- Die Ablehnung verstecken, etwa auf einer zweiten Ebene. Die Orientierungshilfe der Datenschutzkonferenz (DSK) verlangt eine gleichwertige Ablehnungsmöglichkeit, und der Bericht der Cookie-Banner-Taskforce des EDSA vom Januar 2023 vertritt dieselbe Linie.
- Das Banner nur auf einigen Seiten einbinden. Es muss überall laden, damit Skripte blockiert werden und Besucher ihre Einwilligung auf jeder Seite widerrufen können.
Wie FlowConsent den Cookie Banner auf Framer umsetzt
FlowConsent wird auf Framer mit einem einzigen Code installiert, den Sie am Anfang des <head> unter Project Settings → Custom Code einfügen; die Einrichtung dauert etwa zehn Minuten. FlowConsent blockiert Skripte vor der Einwilligung, enthält Google Consent Mode v2, folgt mit dem SPA-Modus den Seitenwechseln von Framer und scannt die Cookies Ihrer Website automatisch. Jede Entscheidung wird gespeichert und lässt sich als Einwilligungsnachweis exportieren, die Daten werden in Europa gehostet. FlowConsent ist bis 25.000 Sitzungen pro Monat kostenlos, danach kostet Pro 14,99 € pro Monat bis 100.000 Sitzungen. Die Framer-Installationsanleitung führt durch jeden Schritt, einschließlich des Entfernens des Framer-eigenen Banners.