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

Todos los artículos

Se instala como lo primero que hace Tag Manager. Pon tu banner de consentimiento, como etiqueta Custom HTML o como plantilla de CMP, en el activador Consent Initialization - All Pages. Pon ahí Consent Mode en denegado por defecto, antes de que se evalúe cualquier otra etiqueta, y luego deja que la elección del visitante lo actualice. Todos los demás pasos se apoyan en ese orden.

Por qué el orden lo es todo

Instalar un banner en Tag Manager no va, en realidad, del banner. Va de asegurarte de que el banner fija el estado del consentimiento antes de que tus etiquetas de analítica y publicidad decidan si se disparan. Si aciertas con esa secuencia, todo lo demás encaja. Si te equivocas, tendrás un banner que se ve perfecto y no bloquea nada, porque GA4 ya se disparó mientras el banner seguía cargando.

Tag Manager tiene un activador pensado justo para esto: Consent Initialization - All Pages. Siempre se ejecuta antes que cualquier otro activador, incluido el All Pages de toda la vida. 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 otra parte.

La instalación, en orden

Seis pasos, en este orden. Con los cuatro primeros el banner queda publicado; los dos últimos son las comprobaciones que distinguen un banner que funciona de uno que solo lo aparenta.

1. Fija primero el estado de consentimiento por defecto

   Añade una etiqueta de Consent Mode en el activador Consent Initialization - All Pages que ponga ad_storage, analytics_storage, ad_user_data y ad_personalization en denegado por defecto. Tiene que ejecutarse antes de que se evalúe cualquier otra etiqueta, que es justo lo que garantiza el activador Consent Initialization. Tienen que estar las cuatro señales, 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 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 los botones de aceptar y rechazar del banner para que envíen a Tag Manager una actualización de consentimiento, que pasa a concedidas las señales que correspondan o las deja denegadas. Las etiquetas de esa misma página que estaban en espera ya pueden dispararse con el estado correcto. Esta es la pieza que convierte un banner estático en un control de consentimiento que funciona.

4. Condiciona las etiquetas que no son esenciales

   Condiciona tus etiquetas de terceros. En cada una, abre Advanced Settings, luego Consent Settings, y añade un requisito de consentimiento adicional, para que la etiqueta solo se dispare cuando esté concedida la señal que le corresponde. Las etiquetas de Google son la excepción, y no es cuestión de gustos. Una etiqueta de GA4 o de Google Ads trae comprobaciones de consentimiento integradas y aplica ella misma la elección del visitante. Un requisito adicional encima la deja parada en cualquier visita en la que esa señal esté denegada. Ese es el comportamiento del modo básico en una etiqueta que querías en avanzado. Déjalas en sin requisito de consentimiento adicional. Las etiquetas esenciales no se condicionan. Un banner sin etiquetas condicionadas es decoración: recoge una elección y después la ignora.

5. Confirma que el banner se dispara antes que GA4

   Abre el modo Preview y el panel de red del navegador, y carga la página como un visitante nuevo. Confirma que las etiquetas de Consent Initialization se disparan primero y que el estado denegado por defecto queda fijado 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 fallan en silencio: el contenedor carga una fracción tarde, GA4 se dispara sin estado de consentimiento y el modo Preview sigue en verde.

6. Prueba la segunda visita, no solo la primera

   Borra la cookie de consentimiento y recarga; luego vuelve a cargar con la cookie ya creada. 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 funcione no significa que funcione la siguiente, y los fallos de consentimiento caducado solo aparecen en la segunda carga.

Dónde falla esto sin avisar

Los pasos de instalación de arriba son la parte fácil. Los fallos están todos en los huecos que las guías pasan por alto. El primero es el momento. Si tu contenedor carga de forma asíncrona y una etiqueta de Google está en la 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ñará. Solo el panel de red en vivo lo hará.

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 leyendo el panel de red. Con Consent Mode avanzado se espera una petición collect sin cookies marcada con gcs=G100; una petición marcada con gcs=G111, una cookie _ga nueva o una etiqueta ajena a Google que se dispare son la fuga. 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 da error, y por eso salen tan caros: una fuga aquí distorsiona sin hacer ruido la parte de tu tráfico medido que queda detrás del banner, mientras todos los paneles parecen normales. El tamaño de esa parte depende de tu región, tu público y el diseño de tu banner. Para calcularlo en tu web, mira la tasa de consentimiento en tu CMP o compara las sesiones de GA4 con las peticiones que registran tu servidor o tu CDN para las mismas páginas.

Esta es toda la razón de que exista Velo. Incluye el orden de Consent Initialization, las cuatro señales denegadas por defecto, la conexión de aceptar y rechazar y el registro de auditoría como una sola capa configurada. Así la secuencia de arriba es correcta por defecto, en lugar de montarse a mano en una etiqueta Custom HTML cada vez que cambia tu web. Instalas una etiqueta y el orden queda resuelto. Para los equipos que prefieren conectarlo ellos mismos, la plantilla de GTM te da el mismo orden como punto de partida.

El siguiente paso para la privacidad de tu web.

La privacidad de tu web, en un solo lugar. Banners de consentimiento, registros y resultados de análisis, con IA.