Análisis gratuito Sobre Velo Soporte Contacto
Empezar con Velo

¿Ya tienes cuenta? Iniciar sesión

Guía de instalación para Drupal

Añade Velo
a Drupal.

Instala el banner de cookies de Velo y Google Consent Mode v2 en Drupal con una línea en la plantilla de tu tema. La mayoría de las instalaciones llevan unos minutos si ya tienes acceso de administrador a la web. Si usas Google Tag Manager, en esta página también tienes esa vía.

Instrucciones y fuentes de las imágenes revisadas el 23 de septiembre de 2026.

DóndeTema personalizado → html.html.twig
PlanAcceso al código del tema
Se activaTras vaciar la caché
Tiempo habitualUnos cinco minutos

Pega una línea
antes de cerrar el head.

Añade el fragmento de tu web al head de todas las páginas, publica y comprueba el resultado. Si tus etiquetas de medición ya van por Google Tag Manager, usa la vía de abajo.

¿Ya usas Google Tag Manager? Olvídate del código y hazlo allí ↓

Tres pasos · unos cinco minutos

  1. 01

    Copia la línea

    Copia desde tu panel de Velo el fragmento de instalación completo de esta web. El ejemplo de abajo solo muestra el formato: sustituye your-site-id antes de usarlo. Deja el endpoint de la API tal como te lo da el panel.

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

    Añade el fragmento a tu tema personalizado

    En el archivo html.html.twig de tu tema personalizado, pega el fragmento completo de Velo dentro del head, antes de los scripts de medición. Mantén intactos los placeholders y el marcado que Drupal ya tiene en el head. Despliega el cambio del tema y reconstruye las cachés de Drupal. Un bloque en el body no sirve como sustituto: tiene que ir en el head.

    Drupal · plantilla del tema

    {# In your custom theme’s html.html.twig #}
    <head>
      {# Paste the complete Velo snippet from your dashboard here. #}
      {# Keep the existing head placeholders and theme markup. #}
    </head>
    Referencia de configuración verificada · 23 de septiembre de 2026

    Referencia de configuración cotejada con la documentación de la plataforma. No es una captura del panel de administración.

    Documentación de la plataforma ↗
  3. 03

    Publica y compruébalo en producción

    Guarda y publica el cambio siguiendo los pasos de tu plataforma que tienes arriba, y vacía la caché de la web o del CDN. Abre la URL publicada en una sesión nueva del navegador. Comprueba que el banner aparece donde lo exigen tus reglas por región, prueba a aceptar y a rechazar, y verifica que los valores por defecto y las actualizaciones del consentimiento se aplican antes de que se ejecuten tus etiquetas de medición. Confirma que tu web aparece como instalada en el panel de Velo.

    Velo · banner de consentimiento real
    Captura de la interfaz real · 23 de septiembre de 2026

    El banner real de veloconsent.com, capturado el 23 de septiembre de 2026. Los textos, el diseño y los ajustes por región de tu banner pueden ser distintos.

    La web de Velo ↗Ver a tamaño completo ↗
Ojo con esto

Drupal cachea las páginas renderizadas de forma agresiva, así que vacía las cachés una vez después del cambio. Como el fragmento es el mismo para todos los visitantes, la caché de página y la del CDN siguen funcionando. La región y la decisión se resuelven en el navegador del visitante y en el edge, no en Drupal.

¿Sigues comparando opciones? Lee por qué los equipos usan Velo en Drupal o consulta todas las plataformas compatibles.

Lo más fácil si usas Tag Manager

¿Usas Tag Manager?
Olvídate del código.

Si ya tienes Google Tag Manager en tu web, esta es la forma más fácil de añadir Velo. No tienes que tocar código, son cuatro pasos cortos y todas tus etiquetas quedan en un solo sitio.

  1. 01

    Añade Velo a Tag Manager

    Abre la plantilla de Velo, pulsa Add to workspace y elige tu contenedor.

    Abrir la plantilla de Velo ↗
  2. 02

    Pega el ID de tu web

    En Tag Manager, abre Tags y pulsa New. Pulsa Tag Configuration, elige Velo CMP y pega el ID de tu web. Lo encontrarás en tu panel de Velo. Deja todo lo demás como está.

  3. 03

    Haz que cargue primero

    Pulsa Triggering, elige Consent Initialization – All Pages y pulsa Save. Así Velo arranca antes que tus otras etiquetas.

  4. 04

    Publica y compruébalo

    Pulsa Submit y luego Publish. Preview no basta para poner Velo en marcha. Después abre tu web en una ventana privada, prueba el banner y comprueba que tu web aparece como instalada en tu panel de Velo.

La guía completa de Tag Manager Incluye la prueba en Preview y los ajustes opcionales. ¿Aún no tienes Tag Manager en esta web? Sigue los pasos de arriba.

Dudas sobre Drupal,
resueltas.

Lo primero que preguntan los equipos al instalar Velo en Drupal.

¿Para qué versiones de Drupal sirve?

Los pasos están escritos para Drupal 10 y 11, y en Drupal 9 funcionan igual. Velo es una sola etiqueta de script, sin dependencias de módulos, así que las actualizaciones del core y de los módulos no le afectan.

¿Necesito un módulo específico?

Un tema personalizado puede cargar el fragmento sin un módulo específico de Velo. Si prefieres usar un módulo de inyección de código, comprueba que admite el script completo en el head. Antes de publicar, desactiva cualquier otra herramienta de consentimiento que se solape.

¿Lo romperá la caché de Drupal?

No. El fragmento es el mismo para todos los visitantes, así que la caché de página y la del CDN siguen funcionando. La región y la decisión de consentimiento se resuelven en el navegador del visitante y en el edge, no en Drupal.

¿Ralentizará mi web?

El fragmento del panel carga de forma asíncrona. Como con cualquier script, mide cómo afecta a tu web y revisa el orden de las etiquetas: la carga asíncrona, por sí sola, no garantiza que los valores de consentimiento por defecto se apliquen antes que el resto de etiquetas.

¿Puede hacerlo por mí un asistente de IA?

Sí. Copia el prompt de Instalar con agentes, justo debajo, y pégalo en Claude, ChatGPT, Cursor o el asistente que ya uses. Incluye los pasos de esta página, el orden en que tienen que cargar las etiquetas y las comprobaciones que el agente tiene que hacer antes de darte el trabajo por terminado.

O deja que
lo haga un agente.

Copia el prompt y pégalo en Claude, ChatGPT, Cursor o el asistente que ya uses. Lleva todo lo que hay en esta página: las dos vías, el orden en que tienen que cargar las etiquetas y las comprobaciones que demuestran que funciona.

El prompt

Pega este prompt en tu asistente y pásale el ID de tu web y, desde tu panel de Velo, el fragmento de instalación completo o los ajustes de GTM.

Prompt de instalación · Drupal
Instala Velo en Drupal. Guía actual: https://veloconsent.com/drupal Antes de tocar nada, consigue en el panel de Velo el ID de mi web y el fragmento de instalación completo, o la configuración de GTM. Comprueba qué herramienta de consentimiento y qué etiquetas de medición hay ya en la web. Elige una sola vía de instalación: A. Si la web ya usa Google Tag Manager, añade la plantilla Velo CMP (publicada por ampliodata) desde la Community Template Gallery. Configura el ID de mi web, el tema y el endpoint de la API con los datos del panel. Revisa las opciones avanzadas: las dos vienen desactivadas por defecto. Usa el activador Consent Initialization – All Pages y comprueba el consentimiento en Preview antes de publicar. Pasos completos: https://veloconsent.com/google-tag-manager B. Instalación directa: en el archivo html.html.twig del tema personalizado, pega el fragmento completo de Velo dentro del head, antes de los scripts de medición. Mantén intactos los placeholders y el marcado que Drupal ya tiene en el head. Despliega el cambio del tema y reconstruye las cachés de Drupal. Un bloque en el body no sirve como sustituto: tiene que ir en el head. Respeta el código que no tenga que ver con Velo. No instales Velo dos veces ni dejes valores de consentimiento por defecto que choquen entre sí. No des por hecho que ponerlo en el head o cargarlo en async garantiza por sí solo el orden de las etiquetas. Revisa la web publicada en una sesión nueva. Comprueba el banner según las reglas por región configuradas, los valores de consentimiento iniciales, las actualizaciones al aceptar y al rechazar, y el evento velo_consent_update. Comprueba que las etiquetas que no son de Google siguen las categorías que tienen asignadas. Prueba una segunda página y cualquier checkout que vaya por separado. Confirma que las señales llegan al panel de Velo. Cuéntame qué has cambiado, dónde y qué ha dado cada comprobación. Dime si te ha faltado algún acceso o si hay alguna comprobación que no hayas podido hacer.

¿Usas un agente que lee páginas web? Pásale veloconsent.com/llms.txt y /install.md y tendrá el mismo contexto en texto plano.

Del blog.

Google Consent Mode v2 en Velo: novedades Consent Mode v2 activo desde la primera instalación, banner que cumple los requisitos de Google, análisis de cada página y soporte que responde primero. 2 de noviembre de 2026
Cómo configurar Google Consent Mode v2 en Shopify Pon los valores por defecto en denied por encima del contenedor y, con el mismo clic, escribe la elección del visitante tanto en Google Consent Mode como en la Customer Privacy API de Shopify. 2 de septiembre de 2026
Google Consent Mode en Squarespace: configuración y límites El banner nativo de Squarespace bloquea las cookies de analítica, pero no envía señales de Consent Mode. 16 de agosto de 2026