Añade Velo a Framer.
Instala el banner de cookies de Velo y Google Consent Mode v2 en Framer en minutos. Una línea en el hueco Start of head basta. Si ya usas Google Tag Manager, esa ruta también está en esta página.
Pega una línea
al principio del head.
Una línea en Framer, y el banner está en todas las páginas con el valor por defecto de Consent Mode fijado antes de que pueda dispararse ninguna otra etiqueta. Mismo banner, mismo cableado y el mismo registro de auditoría que la ruta de Tag Manager.
¿Ya usas Google Tag Manager? Mejor sigue esa ruta ↓
Tres pasos · unos tres minutos
-
01
Copia la línea
Una etiqueta de script, la misma en todas las páginas del sitio. Todo lo que viene ahora va de ponerla en el sitio correcto, y ese sitio es siempre el head, por delante de las etiquetas que gobierna.
<!-- Antes que el resto de tus etiquetas. Ese orden es lo importante. --> <script src="https://veloconsent.com/v1/velo.js" data-velo-site="your-site-id" defer></script> -
02
Abre Site Settings → Custom Code
En el editor de Framer, haz clic en el icono del engranaje de arriba a la derecha para abrir Site Settings, quédate en la pestaña General y baja hasta Custom Code. Pega el fragmento en Start of <head> tag , el hueco más temprano que ofrece Framer, que es lo que permite que Velo fije el valor por defecto de consentimiento antes que ninguna otra etiqueta, y pulsa Save. El código personalizado necesita un plan de sitio de pago (Mini o superior).
framer.com · Site Settings
-
03
Publica el sitio
Framer aplica el código personalizado al publicar: haz clic en Publish arriba a la derecha y recarga la URL publicada. La vista previa del editor no ejecuta código personalizado. El banner aparece y el valor por defecto de Consent Mode queda fijado antes de que se dispare nada más.
tu-sitio.com
Usa Start of <head> tag, el hueco más temprano que ofrece Framer, para que el valor por defecto de consentimiento esté puesto antes de que cargue nada más. End of <head> funciona, pero se ejecuta más tarde, y los huecos del body nunca son el sitio para un script de consentimiento.
O importa la etiqueta
en Tag Manager.
Una etiqueta, nada de código en la página, y todo tu stack de medición se queda en un mismo sitio. ¿Todavía no hay Tag Manager en el proyecto? Pega el fragmento head de GTM en Start of <head> tag y el noscript en Start of <body> tag dentro de Site Settings → General → Custom Code, publica una vez y empieza aquí.
- 01Importa la plantilla CMP de VeloTemplates→Tag Templates→New→Import
- 02Crea la etiquetaTags→New→Velo CMP template
- 03Marca las dos opciones de recuperaciónAdvanced→url_passthrough→ads_data_redaction
- 04Dispárala en Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
- 05Activa la vista general de consentimiento en AdminAdmin→Container Settings→Enable consent overview
- 06Previsualiza y publicaPreview→Submit→Publish
Y verifícalo
con tráfico real.
Sea cual sea la ruta que hayas seguido, la consola de Velo va consultando la primera señal real de tu sitio de Framer — el banner cargándose o una decisión quedando registrada — y pasa a instalado en cuanto llega una.
Lanza el análisis gratuito cuando ya estés en producción y leerá el resultado como si fuera la primera visita.
Preguntas sobre Framer,
respondidas.
Lo que primero preguntan los equipos que instalan en Framer.
¿Funciona en el plan gratuito?
El código personalizado, incluida cualquier herramienta de consentimiento y el propio Google Tag Manager, necesita un plan de sitio de pago de Framer (Mini o superior). Cuando el sitio lo tiene, cualquiera de los dos métodos de esta página lleva un par de minutos.
¿Qué hueco de código personalizado debo usar?
Start of <head> tag. Es el hueco más temprano que ofrece Framer, así que el valor por defecto de consentimiento está puesto antes de que cargue nada más. End of <head> también funciona, pero se ejecuta más tarde; nunca uses los huecos del body para un script de consentimiento.
¿Funciona con Framer Analytics?
La analítica integrada de Framer no usa cookies y no se ve afectada. Velo gobierna las etiquetas de Google que añades tú, como GA4, Google Ads o cualquier cosa que pase por Tag Manager, y recupera la señal que el consentimiento les costaría de otro modo.
Ya tengo un embed de un CMP en mi proyecto.
Quita el embed antiguo antes de publicar Velo. Dos banners confunden a quien visita, y dos herramientas escribiendo los valores por defecto de Consent Mode le mandan a Google señales contradictorias. Velo se ocupa de todo el trabajo con una sola etiqueta.
¿Ralentizará el sitio?
No. El script carga en diferido, nunca bloquea el renderizado, y la región de quien visita se resuelve en el nodo más cercano antes de que la página termine de pintarse. El banner en sí son unos pocos kilobytes de código estático.
¿Puede hacerlo por mí un asistente de IA?
Sí. Copia el prompt de Instalar con agentes, justo debajo, en Claude, ChatGPT, Cursor o el asistente que ya uses. Lleva dentro los pasos de esta página, el orden en el que tienen que cargar las etiquetas y las comprobaciones que el agente tiene que hacer antes de decirte que ha terminado.
O pásaselo
a un agente.
Copia el prompt en Claude, ChatGPT, Cursor o el asistente que ya uses. Lleva dentro todo lo de esta página: las dos rutas, el orden en el que tienen que cargar las etiquetas y las comprobaciones que demuestran que ha funcionado.
Pégalo como primer mensaje y luego cambia your-site-id por el ID de tu panel de Velo. Todo lo demás que el agente necesita ya está escrito dentro, incluido qué comprobar antes de publicar.
¿Trabajas con un agente que lee la web? Apúntalo a veloconsent.com/llms.txt y a /install.md para el mismo contexto en texto plano.
Del diario.
Tu banner, tu consentimiento,
tus datos — todo en un mismo sitio.
© 2026 de
