Installationsanleitung für Framer

Velo zu Framer
hinzufügen.

Installieren Sie das Velo Cookie-Banner und Google Consent Mode v2 auf Framer mit einer Zeile im Slot Start of head. Mit Admin-Zugang zur Website dauert die Installation meist nur wenige Minuten. Wenn Sie Google Tag Manager nutzen, finden Sie diesen Weg ebenfalls auf dieser Seite.

Anleitung und Bildquellen geprüft am 23. September 2026.

Loslegen

WoProject Settings → Custom Code

TarifCustom Code freigeschaltet

LiveBeim Veröffentlichen

Typische DauerEtwa drei Minuten

Eine Zeile einfügen,
am Anfang des Head.

Fügen Sie das Snippet Ihrer Website in den websiteweiten head-Bereich ein, veröffentlichen Sie und testen Sie das Ergebnis. Wenn Ihre Mess-Tags bereits über Google Tag Manager laufen, nehmen Sie den Weg unten.

Sie nutzen bereits Google Tag Manager? Dann diesen Weg nehmen ↓

Drei Schritte · etwa drei Minuten

01

Zeile kopieren

Kopieren Sie das vollständige Installations-Snippet für diese Website aus Ihrem Velo-Dashboard. Das Beispiel unten zeigt das Format; ersetzen Sie your-site-id, bevor Sie es verwenden. Behalten Sie den API-Endpunkt bei, den Ihr Dashboard vorgibt.

<script src="https://cdn.veloconsent.com/v1/velo.js" data-api="https://app.veloconsent.com" data-velo-site="your-site-id" async></script>
02

Skript in den Project Settings hinzufügen

Öffnen Sie Project Settings → Custom Code → Add Script (oder +). Nennen Sie das Skript Velo, wählen Sie eine Platzierung im Head, wenden Sie es auf All pages an und wählen Sie Once, damit die clientseitige Navigation keine doppelten Banner erzeugt. Fügen Sie Ihr vollständiges Velo-Snippet ein und veröffentlichen Sie.

Offizielles Bild aus der Dokumentation, geprüft am 23. September 2026
Der Dialog Add Script in Framer. Wählen Sie eine Platzierung im Head und All pages, fügen Sie dann das vollständige Velo-Snippet ein und veröffentlichen Sie.
Framer-Dokumentation ↗In voller Größe ansehen ↗
03

Veröffentlichen und die Live-Website prüfen

Speichern und veröffentlichen Sie die Änderung mit den Schritten Ihrer Plattform oben und leeren Sie danach den Website- oder CDN-Cache. Öffnen Sie die veröffentlichte URL in einer neuen Browsersitzung. Prüfen Sie das Banner dort, wo Ihre Regionsregeln es verlangen, testen Sie Zustimmen und Ablehnen und kontrollieren Sie, dass die Consent-Standardwerte und -Updates greifen, bevor Ihre Mess-Tags laufen. Prüfen Sie zum Schluss, ob die Website in Ihrem Velo-Dashboard als installiert angezeigt wird.

Live-Aufnahme der Oberfläche · 23. September 2026
Das echte Banner auf veloconsent.com, aufgenommen am 23. September 2026. Texte, Layout und Regionseinstellungen Ihres Banners können abweichen.
Velo-Live-Website ↗In voller Größe ansehen ↗

Darauf sollten Sie achten

Nutzen Sie eine Platzierung im Head und laden Sie Velo nur einmal. Prüfen Sie die veröffentlichte Website und eine zweite Seite, die Sie über die Framer-Navigation erreichen. So fallen fehlende oder doppelte Banner auf.

Sie vergleichen noch? Lesen Sie, warum Teams Velo auf Framer nutzen, oder sehen Sie alle unterstützten Plattformen.

Empfohlen, wenn Sie einen Container nutzen

Oder fügen Sie das Tag
im Tag Manager hinzu.

Läuft auf dieser Website bereits ein Web-Container von Google Tag Manager? Dann fügen Sie Velo aus der Community Template Gallery hinzu und konfigurieren es dort. Wenn Sie den Container erst installieren müssen, nutzen Sie die unterstützte Integration Ihrer Plattform und prüfen Sie ihn auf der veröffentlichten URL.

01Velo-CMP-Vorlage hinzufügenTemplates→Tag Templates→New→Search Gallery
02Tag anlegenTags→New→Velo-CMP-Vorlage
03Erweiterte Optionen prüfenAdvanced→url_passthrough→ads_data_redaction
04Bei „Consent Initialization – All Pages“ auslösenTriggering→Consent Initialization – All Pages
05Consent-Übersicht aktivierenAdmin→Container Settings→Enable consent overview
06Vorschau prüfen, dann veröffentlichenPreview→Submit→Publish

Velo CMP · Tag-Konfiguration

Velo-Site-ID: Kopieren Sie die genaue Site-ID aus Ihrem Velo-Dashboard.
Banner-Design: Hell oder dunkel
Velo-API-Endpunkt (optional): Verwenden Sie den API-Endpunkt aus Ihren Velo-Installationseinstellungen.

Geprüfte Vorlagenfelder · 23. September 2026

Feldnamen abgeglichen mit der veröffentlichten Velo-CMP-Vorlage. Verwenden Sie Ihre eigene Site-ID und Ihren eigenen API-Endpunkt.

Velo-CMP-Vorlage ↗

Die komplette Anleitung für Tag Manager Sechs Schritte, etwa zehn Minuten, auf jeder Plattform gleich.

Fragen zu Framer,
beantwortet.

Was Teams bei der Installation auf Framer zuerst fragen.

Funktioniert das mit dem kostenlosen Tarif?

Sie brauchen Zugriff auf Custom Code in Ihrem Framer-Projekt. Prüfen Sie vorher, welche Funktionen Ihr aktueller Site-Tarif enthält.

Welchen Custom-Code-Slot soll ich nutzen?

Wählen Sie im Dialog Add Script eine Platzierung im Head und wenden Sie das Skript auf All pages an. Laden Sie das Consent-Skript nur einmal und prüfen Sie auf der veröffentlichten Website die Reihenfolge der Mess-Tags.

Funktioniert es mit Framer Analytics?

Die integrierte Analytics von Framer arbeitet ohne Cookies und ist nicht betroffen. Velo gibt die Einwilligung an die Google-Tags weiter, die Sie selbst einbinden, etwa GA4, Google Ads oder alles, was über Tag Manager läuft. Diese passen sich der Entscheidung jedes Besuchers an.

Ich habe bereits ein CMP-Embed in meinem Projekt.

Entfernen Sie das alte Embed, bevor Sie Velo veröffentlichen. Zwei Banner verwirren Besucher, und zwei Tools, die Consent-Mode-Voreinstellungen schreiben, senden Google widersprüchliche Signale. Velo übernimmt die gesamte Aufgabe mit einem Tag.

Wird die Website dadurch langsamer?

Das Snippet aus dem Dashboard lädt asynchron. Wie bei jedem Skript sollten Sie die Auswirkung auf Ihre Website messen und die Reihenfolge Ihrer Tags prüfen. Asynchrones Laden allein garantiert nicht, dass die Consent-Standardwerte vor anderen Tags greifen.

Kann ein KI-Assistent das für mich erledigen?

Ja. Kopieren Sie den Prompt aus „Mit Agenten installieren“ direkt darunter in Claude, ChatGPT, Cursor oder den Assistenten, den Sie ohnehin nutzen. Er enthält die Schritte dieser Seite, die Reihenfolge, in der die Tags laden müssen, und die Prüfungen, die der Agent durchführen muss, bevor er Ihnen meldet, dass alles erledigt ist.

Oder übergeben Sie es
an einen Agenten.

Kopieren Sie den Prompt in Claude, ChatGPT, Cursor oder den Assistenten, den Sie ohnehin nutzen. Er enthält alles von dieser Seite: beide Wege, die Reihenfolge, in der die Tags laden müssen, und die Prüfungen, die zeigen, dass alles funktioniert.

Der Prompt

Fügen Sie diesen Prompt in Ihren Assistenten ein und geben Sie dann Ihre Site-ID sowie das vollständige Installations-Snippet oder die GTM-Einstellungen aus Ihrem Velo-Dashboard an.

Installations-Prompt · Framer

Installieren Sie Velo auf Framer.

Aktuelle Anleitung: https://veloconsent.com/framer

Holen Sie vor jeder Änderung meine Site-ID und das vollständige Installations-Snippet bzw. die GTM-Einstellungen aus dem Velo-Dashboard. Prüfen Sie, welches Consent-Tool und welche Mess-Tags bereits auf der Website laufen.

Wählen Sie einen Installationsweg:
A. Wenn die Website bereits Google Tag Manager nutzt, fügen Sie die Vorlage Velo CMP (veröffentlicht von ampliodata) aus der Community Template Gallery hinzu. Tragen Sie meine Site-ID, das Theme und den API-Endpunkt aus dem Dashboard ein. Prüfen Sie die erweiterten Optionen; beide sind standardmäßig deaktiviert. Verwenden Sie Consent Initialization – All Pages, testen Sie dann mit Preview und prüfen Sie die Einwilligung, bevor Sie veröffentlichen. Alle Schritte: https://veloconsent.com/google-tag-manager

B. Für die direkte Installation: Öffnen Sie Project Settings → Custom Code → Add Script (oder +). Nennen Sie das Skript Velo, wählen Sie eine Platzierung im Head, wenden Sie es auf All pages an und wählen Sie Once, damit die clientseitige Navigation keine doppelten Banner erzeugt. Fügen Sie Ihr vollständiges Velo-Snippet ein und veröffentlichen Sie.

Lassen Sie Code, der nichts damit zu tun hat, unverändert. Vermeiden Sie doppelte Velo-Installationen und konkurrierende Consent-Standardwerte. Gehen Sie nicht davon aus, dass eine Platzierung im Head oder asynchrones Laden allein die Reihenfolge der Tags garantiert.

Prüfen Sie die veröffentlichte Website in einer neuen Sitzung. Kontrollieren Sie das Banner unter den konfigurierten Regionsregeln, die anfänglichen Consent-Standardwerte, die Updates bei Annehmen und Ablehnen sowie das Event velo_consent_update. Prüfen Sie, ob Tags, die nicht von Google stammen, ihren zugewiesenen Kategorien folgen. Testen Sie eine zweite Seite und einen eventuell separaten Checkout. Bestätigen Sie, dass Signale im Velo-Dashboard ankommen.

Berichten Sie, was geändert wurde, wo es geändert wurde und welches Ergebnis jede Prüfung hatte. Nennen Sie fehlende Zugänge und Prüfungen, die Sie nicht abschließen konnten.

Ihr Agent liest Webseiten? Verweisen Sie ihn auf veloconsent.com/llms.txt und /install.md, dort steht derselbe Kontext als reiner Text.

Aus dem Blog.

Google Consent Mode v2 auf Shopify einrichten Setzen Sie die Standardwerte „denied“ oberhalb Ihres Containers und schreiben Sie die Entscheidung der Besucher mit demselben Klick in Google Consent Mode und in die Customer Privacy API von Shopify. 2. September 2026

Google Consent Mode auf Squarespace: Einrichtung und Grenzen Das native Banner von Squarespace blockiert Analytics-Cookies, sendet aber keine Consent-Mode-Signale. 16. August 2026

Was ist Consent-Modellierung, und wann setzt sie ein? Consent-Modellierung schätzt, was Besucher getan haben, die abgelehnt haben. 11. August 2026

Alle Beiträge