Cómo instalar un banner de cookies con Google Tag Manager

Todos los artículos

Lo instalas como lo primero que hace Tag Manager. Carga tu banner de consentimiento con una etiqueta Custom HTML, o con una plantilla de CMP, en el activador Consent Initialization - All Pages, deja Consent Mode en estado denegado por defecto antes de que se evalúe ninguna otra etiqueta, y luego deja que la elección del visitante lo actualice. Acierta con ese único orden y todas las etiquetas posteriores obedecen el consentimiento por sí solas.

Por qué el orden es todo el trabajo

Instalar un banner en Tag Manager no va realmente del banner. Va de asegurarte de que el banner fija el estado de consentimiento antes de que tus etiquetas de analítica y de publicidad decidan si se disparan. Acierta con esa secuencia y todo lo demás encaja solo. Fállala y tendrás un banner que se ve perfecto y no bloquea nada, porque GA4 ya se disparó mientras el banner todavía cargaba.

Tag Manager te da un activador hecho exactamente para esto: Consent Initialization - All Pages. Tiene garantizado ejecutarse antes que cualquier otro activador, incluido el activador All Pages normal. Tu estado de consentimiento por defecto y tu banner van los dos ahí, y casi todas las instalaciones rotas que nos llaman a arreglar tenían uno de los dos en otro sitio.

La instalación, en orden

Seis pasos, en este orden. Los cuatro primeros dejan el banner en marcha; los dos últimos son las comprobaciones que separan un banner que funciona de uno que solo lo parece.

1. Fija primero el estado de consentimiento por defecto

   Añade una etiqueta de Consent Mode en el activador Consent Initialization - All Pages que deje ad_storage, analytics_storage, ad_user_data y ad_personalization denegadas por defecto. Esto tiene que ejecutarse antes de que se evalúe ninguna otra etiqueta, que es justo lo que garantiza el activador Consent Initialization. Las cuatro señales tienen que estar, no solo las dos de analítica.

2. Carga el banner en el mismo activador

   Añade tu banner de consentimiento como etiqueta Custom HTML, o como plantilla de CMP de la Community Gallery, en ese mismo activador Consent Initialization - All Pages. Así el banner se pinta antes de que tus etiquetas de analítica y de publicidad tengan ocasión de dispararse, y el visitante elige mientras las etiquetas siguen esperando, no cuando ya se han ejecutado.

3. Actualiza el consentimiento cuando el visitante elige

   Conecta las acciones de aceptar y rechazar del banner para que envíen una actualización de consentimiento a Tag Manager, cambiando a concedidas las señales que toquen o dejándolas denegadas. Las etiquetas de esa misma página que estaban retenidas ya pueden dispararse en el estado correcto. Este es el enlace que convierte un banner estático en un control de consentimiento que funciona.

4. Condiciona las etiquetas que no son esenciales

   En cada etiqueta de GA4, de Google Ads y de terceros, pon las comprobaciones de consentimiento integradas, o un requisito de consentimiento adicional, para que la etiqueta solo se dispare cuando la señal correspondiente esté concedida. Las etiquetas esenciales se quedan sin condicionar. Un banner sin etiquetas condicionadas es decoración: recoge una elección y luego la ignora.

5. Confirma que el banner se dispara antes que GA4

   Abre el modo Preview y el panel de red del navegador, carga la página como un visitante nuevo, y confirma que las etiquetas de Consent Initialization se disparan primero y que el estado denegado por defecto queda puesto antes de que GA4 envíe nada. Esta es la comprobación que se saltan las guías de los proveedores, y es donde la mayoría de configuraciones se rompen en silencio: el contenedor carga una fracción tarde, GA4 se dispara sin ningún estado de consentimiento, y el modo Preview sigue en verde.

6. Prueba la visita de vuelta, no solo la primera

   Borra la cookie de consentimiento y recarga, y luego vuelve a cargar con la cookie ya puesta. Un visitante que vuelve con una elección guardada tiene que recuperar ese estado sin ver otra vez el banner y sin que se disparen las etiquetas que rechazó. Que la primera visita pase no significa que la visita de vuelta también pase, y los fallos de consentimiento caducado solo aparecen en la segunda carga.

Dónde se rompe esto en silencio

Los pasos de instalación de arriba son la parte fácil. Los fallos están todos en los huecos que los tutoriales pasan por alto. El primero es el momento: si tu contenedor carga de forma asíncrona y hay una etiqueta de Google en la propia página en lugar de en el contenedor, esa etiqueta puede dispararse antes de que Tag Manager haya siquiera leído el activador Consent Initialization. El modo Preview, que espera al contenedor, no te lo enseña. Solo lo verás en el panel de red en vivo.

El segundo es la diferencia entre un banner que se dispara y una etiqueta que obedece. Una plantilla de CMP puede cargarse impecablemente en el activador correcto y tu etiqueta de GA4 seguir disparándose en una sesión rechazada, porque condicionar las etiquetas al consentimiento es un paso aparte y fácil de saltarse. Confírmalo rechazando el consentimiento y vigilando si aparece una petición collect que no debería estar ahí. El tercero es el visitante que vuelve con una elección guardada: casi nadie lo prueba, y ahí es donde salen los casos límite regionales y las cookies caducadas.

Ninguno de estos fallos lanza un error. Eso es lo que los hace caros: en un sitio típico cerca de un tercio de las sesiones se quedan detrás del banner, así que una fuga aquí distorsiona en silencio una parte grande de tu tráfico medido mientras todos los paneles siguen pareciendo normales. Ese 34% es una referencia medida en las implementaciones de clientes de Amplio Data, no una tasa fija para cada sitio, pero es lo bastante grande como para que una fuga silenciosa de consentimiento nunca sea un error de redondeo.

Esta es toda la razón de ser de Velo. Trae el orden de Consent Initialization, las cuatro señales denegadas por defecto, el cableado de aceptar y rechazar y el rastro de auditoría como una sola capa ya configurada, así que la secuencia de arriba es correcta desde el principio en lugar de rehacerse a mano en una etiqueta Custom HTML cada vez que cambia tu sitio. Instalas una etiqueta y el orden queda resuelto. Para los equipos que prefieren conectarlo ellos mismos, la plantilla de GTM te da ese mismo orden como punto de partida.

Preguntas habituales

Añade una etiqueta de Consent Mode y tu banner en el activador Consent Initialization - All Pages para que se ejecuten antes que cualquier otra etiqueta, deja las cuatro señales de consentimiento denegadas por defecto, conecta el aceptar y el rechazar del banner para que envíen una actualización de consentimiento, y pon las comprobaciones de consentimiento en tus etiquetas de GA4 y de publicidad. Después confirma en Preview que el banner se dispara antes que GA4. La guía de Consent Mode en lenguaje claro entra más a fondo en las señales.

El activador Consent Initialization - All Pages. Es el único activador que tiene garantizado ejecutarse antes que cualquier otro tipo de activador, incluido All Pages, así que tu estado denegado por defecto y tu banner ya están puestos antes de que se evalúen las etiquetas de analítica o de publicidad. Instalar el banner en el activador All Pages normal es, con diferencia, la causa más común de un banner que no bloquea nada.

Para instalar un banner, no; para que Google Ads y GA4 sigan funcionando bien bajo consentimiento, sí. Consent Mode es la vía por la que la elección del banner llega a las etiquetas de Google. Sin él, un banner puede bloquear etiquetas pero no puede recuperar las conversiones modeladas que te da el Consent Mode avanzado.

Casi siempre porque las etiquetas no están condicionadas al consentimiento, o porque el banner no está en el activador Consent Initialization, así que las etiquetas se disparan antes de que el banner fije el estado. Comprueba que cada etiqueta que no sea esencial tiene un requisito de consentimiento y que las etiquetas de Consent Initialization se disparan primero en el modo Preview, y después confirma en el panel de red en vivo que una sesión rechazada no envía ninguna petición de analítica.

Puedes montar un banner como etiqueta Custom HTML y gestionar el consentimiento a mano, pero entonces el registro del consentimiento, la lógica por región, el rastro de auditoría y cada cambio futuro son tuyos. Una capa de consentimiento ya configurada se encarga de esas partes, así que no mantienes lógica de cumplimiento dentro de una etiqueta Custom HTML cada vez que cambia una normativa o tu sitio.

Consentimiento que se paga solo.

Velo te mantiene en cumplimiento en la UE, Reino Unido y EE. UU. y recupera las conversiones que otras herramientas de consentimiento te cuestan.