Install guide

Add Velo to
Framer.

Install the Velo cookie banner and Google Consent Mode v2 on Framer in minutes. The recommended path is one tag from the Google Tag Manager gallery; one line in Framer’s custom code works just as well.

Choose your install

Two ways in.
Pick one.

Templates Search Gallery "Velo Consent Banner (Consent Mode v2)" Add to workspace

The recommended install: one community template from the Google gallery. It sets the Consent Mode v2 default before any other tag fires, then loads the banner. Prefer code? Jump to the one line install.

Recommended · Google Tag Manager

Install through
Google Tag Manager.

One tag, no code on the page, and your whole measurement stack stays in one place. No Tag Manager on the project yet? Paste the GTM head snippet into Start of <head> tag and the noscript into Start of <body> tag under Site Settings → General → Custom Code, publish once, then start here.

01

Add the template from the gallery

In your container, open Templates → Tag Templates → Search Gallery. Search for "Velo Consent Banner (Consent Mode v2)" by Amplio Data and hit Add to workspace. The template is reviewed by Google and updates centrally, so there is nothing on your side to maintain.

Google Tag Manager Community Template Gallery: the Velo Consent Banner (Consent Mode v2) template by Amplio Data selected, with the Add to workspace button
In your container: Templates → Search Gallery → add the Velo template to the workspace.
02

Create the tag

Go to Tags → New and choose the Velo template. Enter your Velo site ID — lowercase letters, digits and dashes, exactly as the dashboard shows it — and pick the light or dark theme to match your site. Leave the API endpoint blank unless Velo issued one for your account: the banner and Consent Mode work fully without it, and when it is set the dashboard's remote configuration takes over copy and categories.

Google Tag Manager tag editor for the Velo Consent Banner template: Tag Configuration card with Velo Site ID and banner theme fields, Triggering card set to Consent Initialization – All Pages, and the Save button
The whole tag: your site ID, a theme, and the Consent Initialization trigger.
03

Tick the two recovery options

Under Advanced, two checkboxes are worth switching on. url_passthrough lets ad click, client and session identifiers survive navigation through URL parameters while storage consent is denied — it recovers attribution for the traffic your banner would otherwise lose. ads_data_redaction additionally drops ad click identifiers and goes cookieless on requests while ad_storage is denied — recommended for strict EU setups. The copy override fields can stay empty; prefer editing copy in the Velo dashboard.

Advanced settings of the Velo tag in Google Tag Manager with the url_passthrough and ads_data_redaction checkboxes both enabled
Two checkboxes under Advanced — both worth switching on.
04

Fire it on Consent Initialization – All Pages

This is the trigger Google provides specifically for consent defaults: it runs before every other trigger in the container, which is what guarantees the denied default is in place before any measurement tag can fire. Do not use Initialization or All Pages — both run too late. This one choice is most of what a correct consent install comes down to.

Google Tag Manager Choose a trigger dialog with Consent Initialization – All Pages selected, while Initialization and All Pages are marked as running too late
One correct choice: Consent Initialization – All Pages. The other two run too late.
05

Turn on consent overview under Admin

In Admin → Container Settings, tick Enable consent overview. This switches the container’s consent features on: the shield icon in the Tags view that shows each tag’s consent status, and the consent state readings you are about to check in Preview. Do it before you open Preview — without it, GTM gives you no consent overview to debug against.

Google Tag Manager Admin Container Settings with the Enable consent overview checkbox ticked under Additional Settings
Admin → Container Settings → Enable consent overview. Flip it on before you debug.
06

Preview, then publish

In Preview, check three things: the Velo tag fired on Consent Initialization before every other tag; the Consent tab in Tag Assistant shows every signal except security_storage denied by default from an EEA, UK or Swiss location; and accepting or declining in the banner flips the matching update row while a velo_consent_update event lands in the data layer. Then Submit → Publish. The banner is live on the next page load, and the Velo console flips to installed on its own when the first real signal arrives.

Tag Assistant preview of the Consent tab: every consent type denied on page load and granted after accepting the Velo banner, with the velo_consent_update event
What Preview should show: denied by default, granted after the choice, one event per decision.

Then verify
from real traffic.

Whichever method you choose, the Velo console polls for the first real signal from your site — the banner loading or a decision being recorded — and flips to installed the moment one arrives. Then run the scan and set your regions.

Framer questions,
answered.

Does this work on the free plan?

Custom code, including any consent tool and Google Tag Manager itself, needs a paid Framer site plan (Mini and up). Once the site has one, either method on this page takes a couple of minutes.

Which custom code slot should I use?

Start of <head> tag. It is the earliest slot Framer offers, so the consent default is in place before anything else loads. End of <head> works too but runs later; never use the body slots for a consent script.

Does it work with Framer Analytics?

Framer’s built in analytics is cookieless and unaffected. Velo governs the Google tags you add yourself — GA4, Google Ads, or anything routed through Tag Manager — and recovers the signal consent would otherwise cost them.

I already have a CMP embed in my project.

Remove the old embed before publishing Velo. Two banners confuse visitors, and two tools writing Consent Mode defaults send Google conflicting signals. Velo takes over the whole job in one tag.

Will it slow the site down?

No. The script loads deferred, never blocks rendering, and the visitor's region is resolved at the nearest edge before the page finishes painting. The banner itself is a few kilobytes of static code.

Can an AI assistant do this for me?

Yes. Paste this page's address into Claude or ChatGPT and ask it to install Velo on your Framer site. The steps above are written so a person or an agent can follow them, and the Velo console confirms the install from real traffic either way.

Compliant on Framer.
Signal recovered.

The banner, the regions, the audit log and Consent Mode v2,
working together on your Framer site, live in minutes.