Por qué se disparan las etiquetas antes de que cargue el banner de cookies

Todos los artículos

Otra etiqueta comparte el activador que tu banner de cookies debía tener para él solo. Poner el banner en Consent Initialization es necesario, pero no suficiente. Ese activador suelta todo lo que tiene asociado a la vez, no por orden, así que una etiqueta más ligera a su lado puede llegar antes a la red mientras el banner aún está descargando su configuración.

El activador es un pistoletazo de salida, no una cola

El activador Consent Initialization existe para que los valores de consentimiento por defecto queden registrados antes de que se evalúe nada más, y todas las guías que te dicen que pongas ahí tu herramienta de consentimiento tienen razón. Lo que no cuentan es qué pasa cuando se pone una segunda etiqueta en el mismo activador. El activador no se convierte en una cola. Suelta todo lo que tiene asociado, y desde ese instante las etiquetas compiten entre sí por la red.

La prioridad de activación de las etiquetas parece la respuesta y no lo es. La propia página de ayuda de Tag Manager sobre la prioridad de activación dice que las etiquetas con valores de prioridad más altos se disparan antes que las de valores más bajos, y luego añade la frase que importa aquí: las etiquetas se seguirán disparando de forma asíncrona. La prioridad decide el orden en que empiezan las peticiones. No hace que el contenedor espere a que termine una. Por eso una herramienta de consentimiento que tiene que descargar su configuración por la red puede salir la primera y aun así llegar la segunda, que es justo el caso que te sale caro.

Lo que medimos en webs reales

El síntoma que nos reportaron era una petición publicitaria que salía del navegador antes de que existiera ningún estado de consentimiento, en una web cuyo trabajo de consentimiento estaba por lo demás en orden. Valores denegados por defecto presentes, la señal de la petición de analítica saliente en denegado y la plantilla de la herramienta de consentimiento en Consent Initialization exactamente como indica la documentación.

En ese mismo activador había una etiqueta de remarketing. Leímos el panel de red por el orden en que empezaron las peticiones, no en la vista previa. La petición publicitaria salía antes que el propio cargador de la herramienta de consentimiento en todas las cargas que capturamos, con un margen de unos dos milisegundos. Toma el orden como el hallazgo y el margen como una ilustración: el panel de red de un navegador no es un instrumento de precisión por debajo del milisegundo, y la cifra cambiaría según la conexión y la caché. Lo que no cambia es qué petición salió primero, y por qué. No es un banner lento. Son dos cosas que se lanzan a la vez, y una de ellas tenía menos trabajo que hacer.

Por qué todas las auditorías de la herramienta de consentimiento salían limpias

Porque todas las auditorías eran auditorías de la herramienta de consentimiento, y la herramienta hacía bien su trabajo. Comprobarla como solemos recomendar, leyendo la señal de consentimiento en la petición saliente, da un aprobado, porque la petición que estás leyendo es la que se portó bien.

El modo de vista previa tampoco lo resuelve. Te dice qué etiquetas se dispararon y en qué evento, que no es lo mismo que saber cuál de dos peticiones lanzadas en el mismo instante llegó antes a la red. Un contenedor que parece correcto en la vista previa puede convivir con una página que no lo es.

Este caso tiene una imagen en espejo que también pasa las auditorías sin problemas. La herramienta de consentimiento funciona perfectamente, mientras que las etiquetas que debería condicionar no se disparan nunca, porque las variables de una plataforma anterior siguen conectadas a sus reglas de bloqueo. Ese caso lo explicamos en qué comprobar cuando cambias de plataforma de gestión del consentimiento.

Cuatro causas, un síntoma

Que una etiqueta se dispare antes de que cargue el banner tiene más de una causa, y es fácil distinguirlas en cuanto sabes que son cosas distintas.

1. Otra etiqueta comparte el activador

   El caso de arriba. La configuración del consentimiento es correcta, la etiqueta problemática es rápida y la carrera es invisible en todas partes salvo en el panel de red. Constante y no intermitente, porque la misma etiqueta gana en cada carga.

2. La herramienta de consentimiento está en el activador equivocado

   En All Pages compite con todo el contenedor y no con una sola etiqueta. Es el caso que ya resuelve el consejo habitual, así que descártalo primero. La ubicación correcta está en cómo instalar un banner de cookies con Google Tag Manager.

3. La herramienta de consentimiento carga fuera del contenedor

   Si el banner está en el código fuente de la página y el contenedor carga por separado, qué petición gana depende de la página y no de ningún ajuste de etiquetas. Varía según la plantilla y el estado de la caché. Un comportamiento intermitente apunta aquí. En WordPress, cómo imprimir el script al principio del todo del head se explica en cómo añadir un banner de cookies en WordPress sin plugin. Activar Google tag gateway también puede mover la etiqueta de Google dentro de este orden, y lo explicamos en si Google tag gateway necesita consentimiento de cookies.

4. La etiqueta no tiene ninguna comprobación de consentimiento

   No es una carrera. Una etiqueta sin comprobación de consentimiento nunca consulta el estado de consentimiento, así que los valores denegados por defecto no la frenan y ningún orden lo hará. Se dispara primero porque nunca estuvo esperando.

Cómo ver el orden por ti mismo

Basta con una carga de página y sin modo de depuración. Todo el truco está en dejar de leer el contenedor y empezar a leer lo que salió del navegador.

1. Carga la web con un perfil limpio y no hagas clic en nada

   Una sesión que ya ha aceptado no te dice nada: el estado se restaura a partir de una elección guardada antes de que haya carrera.

2. Ordena el panel de red por la hora de inicio de cada petición

   La vista por defecto agrupa las peticiones de formas que esconden esto. Lo que necesitas es la línea de tiempo, no la lista.

3. Busca la petición de la propia herramienta de consentimiento y lee hacia arriba

   Cualquier petición de un proveedor de publicidad o analítica que aparezca por encima salió antes de que existiera el consentimiento. Eso ya te dice qué etiqueta es.

4. Abre el contenedor y apunta todas las etiquetas de Consent Initialization

   Debería haber dos como mucho: la herramienta de consentimiento y la etiqueta que registra tus valores denegados por defecto. Todo lo demás que haya ahí es candidato a salir. Cualquier cosa de esa lista que mida o haga publicidad es además lo que los reguladores sancionan de verdad, como explicamos en si te pueden multar por no tener banner de cookies.

5. Recarga dos veces más antes de sacar conclusiones

   Un orden constante indica un activador compartido. Un orden que cambia entre cargas indica que la herramienta de consentimiento carga fuera del contenedor, y eso se arregla de otra forma.

El arreglo, y por qué no es la prioridad

Quita la etiqueta problemática de Consent Initialization y ponle All Pages o su propio evento. La carrera se acaba porque ya no hay carrera, y es un cambio de dos minutos. Si una etiqueta de verdad tiene que ejecutarse pronto, la secuenciación de etiquetas es un instrumento más preciso que la prioridad, porque indica qué etiqueta se dispara antes de cuál en lugar de expresar una preferencia.

No caigas en los dos falsos arreglos más tentadores. Subir la prioridad deja las dos etiquetas en el activador y le pide a un sistema asíncrono una garantía síncrona que no ofrece. Añadir una segunda etiqueta de valores por defecto te deja con dos cosas emitiendo valores de consentimiento por defecto, que es un problema nuevo y no un arreglo. Si quieres ir sobre seguro de verdad, pon un pequeño fragmento de código en línea con los valores denegados por defecto en el head de la página, por encima del fragmento del contenedor, para que exista un estado denegado antes de que se procese el contenedor. En una plataforma alojada donde el head es una única caja para insertar código, ese orden es casi toda la instalación: qué te da Squarespace y qué no.

Después vuelve a medirlo igual que lo encontraste. Un arreglo de verdad muestra que la petición de la herramienta de consentimiento llega la primera en todas las cargas limpias, y que la petición publicitaria espera o lleva una señal denegada. Si las cifras se movieron pero el orden no, has arreglado otra cosa. Las conversiones que cambiaron en torno a la misma fecha merecen la misma lectura: por qué han caído de un día para otro tus conversiones en GA4.

Una comprobación antes de concluir que tu problema es el orden. Si la petición publicitaria sigue ahí cuando el orden ya es correcto, mira qué la generó. Un píxel que el script de otro proveedor inyecta en tiempo de ejecución nunca pasó por el contenedor, así que ningún cambio de activador puede alcanzarlo. Ese caso es por qué el píxel de Facebook se sigue cargando aunque tus etiquetas estén bloqueadas.

Velo saca la descarga de esta carrera. Su script fija los valores denegados por defecto en cuanto se ejecuta, antes de cualquier petición de configuración, así que, con el script por encima del contenedor, esos valores ya existen cuando se llega al contenedor. La colocación sigue importando, y también mantener otras etiquetas fuera de ese activador. El mecanismo está en la página de producto.