Installationsanleitung für Webflow

Velo auf
Webflow einbinden.

Installieren Sie das Velo-Cookie-Banner und Google Consent Mode v2 auf Webflow mit einer Zeile im Feld Head code. Die meisten Installationen dauern wenige Minuten, wenn Sie bereits Admin-Zugriff auf die Website haben. Wenn Sie Google Tag Manager nutzen, finden Sie diesen Weg ebenfalls auf dieser Seite.

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

Loslegen

WoSite settings → Custom code → Head code

VoraussetzungSite plan oder berechtigter Workspace plan

LiveBeim Veröffentlichen

Typische DauerEtwa drei Minuten

Eine Zeile
in Head code einfügen.

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

Site settings → Custom code öffnen

Fügen Sie Ihr vollständiges Velo-Snippet in Head code ein und speichern Sie die Änderungen. Custom code erfordert einen aktiven Site plan oder einen berechtigten kostenpflichtigen Workspace plan. Veröffentlichen Sie auf den Domains, die Sie aktualisieren möchten.

Webflow · websiteweiter Custom Code
Öffnen
Site settings → Custom code
Einfügen
Head code
Speichern
Save changes
Live schalten
Website veröffentlichen
Geprüfte Konfigurationsreferenz · 23. September 2026
Konfigurationsreferenz, abgeglichen mit der Dokumentation der Plattform. Kein Screenshot aus dem Admin-Bereich.
Dokumentation der Plattform ↗
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

Speichern Sie die Änderungen und veröffentlichen Sie auf den richtigen Domains. Webflow kann Custom Code in der Vorschau einbinden, aber die veröffentlichte URL ist die maßgebliche Prüfung. Testen Sie Ihre Staging-Domain auf webflow.io vor der Produktivumgebung.

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

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.

Webflow-Fragen,
beantwortet.

Was Teams bei der Installation auf Webflow zuerst fragen.

Funktioniert das mit dem kostenlosen Tarif?

Custom code ist mit einem aktiven Site plan oder einem Workspace plan Core, Growth, Agency oder Freelancer verfügbar. Prüfen Sie vor dem Start, ob Ihre Website Zugriff auf den Tab Custom code hat.

Kann ich auf der Staging-Domain von webflow.io testen?

Ja. Der Head code wird auch auf Ihrer Staging-Domain veröffentlicht. So können Sie das Banner und die Consent-Voreinstellungen dort prüfen, bevor Sie die Produktivdomain verbinden.

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 · Webflow

Installieren Sie Velo auf Webflow.

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

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

Wählen Sie einen einzigen 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 Website-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, dann Preview, und prüfen Sie die Einwilligung vor der Veröffentlichung. Alle Schritte: https://veloconsent.com/google-tag-manager

B. Für die direkte Installation: Fügen Sie Ihr vollständiges Velo-Snippet in Head code ein und speichern Sie die Änderungen. Custom code erfordert einen aktiven Site plan oder einen berechtigten kostenpflichtigen Workspace plan. Veröffentlichen Sie auf den Domains, die Sie aktualisieren möchten.

Lassen Sie fremden Code unverändert. Vermeiden Sie doppelte Velo-Installationen und konkurrierende Consent-Voreinstellungen. Gehen Sie nicht davon aus, dass die Platzierung im Head oder asynchrones Laden allein die Reihenfolge der Tags garantiert.

Prüfen Sie die veröffentlichte Website in einer neuen Sitzung. Prüfen Sie das Banner unter den konfigurierten Regionsregeln, die anfänglichen Consent-Voreinstellungen, die Aktualisierungen bei Zustimmung und Ablehnung 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 etwaigen separaten Checkout. Stellen Sie sicher, dass die Signale im Velo-Dashboard ankommen.

Berichten Sie, was sich geändert hat, wo es sich geändert hat und wie jede Prüfung ausgefallen ist. Beschreiben 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.

So fügen Sie einer Webflow-Website ein Cookie-Banner hinzu Fügen Sie das Banner unter Site settings Custom code oberhalb Ihres Containers ein und leeren Sie dann die nativen Felder für Analytics und Pixel in Webflow, die außerhalb Ihres Tag Managers laden. 4. September 2026

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

Alle Beiträge