Consent Mode v2 en WordPress con Tag Manager: guía con el banner que usamos
Desde marzo de 2024, sin Consent Mode v2 Google Ads no puede usar los datos de tus visitantes europeos para remarketing ni para modelar conversiones. Esta es la configuración que usamos en nuestras landings y en este blog, en WordPress y con Tag Manager, sin plugin de pago.
Pasa el ratón por cada paso. Si el orden se invierte, las etiquetas disparan antes de saber el consentimiento y la implementación no vale.
Hay dos formas de tener Consent Mode v2 en WordPress. La cara: un plugin de gestión de consentimiento certificado, que cuesta entre 10 y 50 euros al mes y hace casi todo solo. La que usamos nosotros: Tag Manager, un script de unas cien líneas y un banner propio. Cuesta una tarde y se controla al detalle. Esta guía explica la segunda, con el orden exacto en que tiene que ocurrir cada cosa, porque el orden es lo que casi todo el mundo hace mal.
En una pantalla
- El estado por defecto (todo denegado) tiene que definirse antes de que cargue Tag Manager, en el mismo bloque del código de la cabecera. Si se hace desde una etiqueta dentro del contenedor, llega tarde.
- El banner solo hace dos cosas: enseñar tres opciones con el mismo peso y enviar la actualización con las cuatro señales. Todo lo demás lo hacen las etiquetas de Google solas.
- Se comprueba en dos sitios: en Tag Assistant, viendo el estado de consentimiento de cada evento, y en Google Ads, en la columna de diagnóstico de cada conversión.
Qué tiene que hacer la implementación
El Consent Mode es una conversación entre tu web y las etiquetas de Google. Tu web les dice, antes de que hagan nada, qué ha permitido el visitante; ellas ajustan su comportamiento. En la versión 2 la conversación tiene cuatro señales: almacenamiento de analítica, almacenamiento de publicidad, uso de datos para publicidad y personalización de anuncios. Las dos últimas son las nuevas y las que Google exige para seguir usando remarketing y modelado en Europa.
Usamos el modo avanzado: las etiquetas cargan siempre, y cuando no hay consentimiento envían señales sin cookies que Google usa para modelar. Es el que recupera más conversiones. El modo básico, que bloquea las etiquetas hasta que hay consentimiento, es más sencillo pero deja a ciegas a la campaña con todos los que rechazan.
Paso 1: el estado por defecto, antes de Tag Manager
En la cabecera de la página, antes del fragmento de Tag Manager, va un bloque que define el estado por defecto. Todo denegado, con dos ajustes: un margen de espera de 500 milisegundos para que el banner tenga tiempo de reaplicar una decisión guardada antes de que las etiquetas disparen, y la redacción de datos publicitarios activada, para que si alguien rechaza no se envíen identificadores de clic.
Este bloque no puede vivir dentro de Tag Manager. Tiene que ejecutarse antes de que el contenedor cargue, porque las etiquetas leen el consentimiento en el momento de disparar y, si no hay estado definido, actúan como si todo estuviera permitido. Es el error más habitual que encontramos en las auditorías: la etiqueta de "inicialización de consentimiento" dentro del contenedor, que llega después de las primeras etiquetas.
Paso 2: reaplicar la decisión guardada
Justo después del estado por defecto, y todavía antes de Tag Manager, un par de líneas comprueban si el visitante ya decidió en una visita anterior. La decisión se guarda en el navegador, en el almacenamiento local, y si existe se envía como actualización en ese mismo instante. Así, quien aceptó ayer no ve el banner hoy y sus etiquetas funcionan desde la primera página, sin esperar.
Guardar la decisión en el almacenamiento local en lugar de en una cookie tiene una ventaja: no depende de la caducidad de cookies del navegador ni del plugin de caché de WordPress.
Paso 3: el banner
El banner se carga con un script aparte, en diferido, porque no tiene prisa: el estado por defecto ya protege al visitante. Lo que sí tiene que cumplir es lo que exige Google y lo que exige la Agencia de Protección de Datos: tres opciones, aceptar todo, rechazar todo y elegir, con el mismo peso visual, sin que rechazar cueste más toques que aceptar. En el nuestro, "Rechazar" y "Aceptar todo" son dos botones del mismo tamaño, y "Personalizar" abre dos interruptores, analítica y publicidad.
Añadimos un botón flotante pequeño para reabrir el banner y cambiar la decisión. Es obligatorio poder revocar el consentimiento con la misma facilidad con la que se dio, y un enlace en el pie de página no siempre se encuentra.
Paso 4: la actualización y el evento
Cuando el visitante elige, el script hace tres cosas en este orden: envía la actualización de consentimiento con las cuatro señales, empuja un evento propio al dataLayer con la decisión, y guarda la decisión en el navegador.
El evento propio al dataLayer es para las etiquetas que no son de Google. El píxel de Meta, el de TikTok o el de LinkedIn no entienden el Consent Mode; en Tag Manager se disparan con un activador que escucha ese evento y comprueba que la publicidad esté permitida. Sin ese evento, o bloqueas esos píxeles siempre, o los disparas sin consentimiento.
Paso 5: las etiquetas en Tag Manager
- Etiquetas de GoogleGoogle Ads, la etiqueta de Google y Analytics 4 no necesitan activador de consentimiento: leen el estado solas y ajustan su comportamiento. Se disparan en "Inicialización" o en "Todas las páginas" como siempre.
- Píxeles de tercerosMeta, TikTok, LinkedIn: activador personalizado sobre el evento de consentimiento, con la condición de que la publicidad esté permitida. Y una segunda copia que dispare en la carga si la decisión guardada ya lo permite.
- Configuración de consentimiento en cada etiquetaEn Tag Manager, cada etiqueta tiene un apartado de consentimiento. Para las de Google se deja en "no requerido" porque se autogestionan; para las de terceros se marcan las señales que necesitan.
- Lo que no hay que hacerNo uses la plantilla de "inicialización de consentimiento" del contenedor como única fuente del estado por defecto. Llega tarde para las etiquetas que disparan en la carga.
Dónde va cada cosa en WordPress
Los pasos 1 y 2 van en la cabecera, antes del fragmento de Tag Manager. En Divi, en Tema, Opciones del tema, Integración, en el campo del código de la cabecera; en Elementor o en cualquier tema, con un plugin de inserción de código en la cabecera o en el fichero del tema hijo. Lo importante es que quede por encima del fragmento de Tag Manager en el código de la página.
El script del banner y su hoja de estilos van como ficheros en el tema hijo o en la carpeta de subidas, cargados en diferido al final de la página. Si usas un plugin de caché, excluye el script del banner de la combinación de ficheros, porque algunos plugins lo mueven de sitio y rompen el orden.
Cómo comprobar que funciona
- Abre la web en una ventana de incógnito con la extensión Tag Assistant de Google. En el primer evento de la página, el estado de consentimiento debe aparecer con todo denegado. Antes de tocar el banner, ninguna etiqueta de Google debe haber puesto cookies.
- Pulsa "Rechazar". Debe aparecer una actualización con todo denegado y, aun así, las etiquetas de Google siguen enviando señales sin cookies. Los píxeles de terceros no deben dispararse.
- Recarga. El banner no debe aparecer y el estado debe ser el que elegiste, aplicado antes de que cargue Tag Manager.
- Pulsa "Aceptar todo" desde el botón de reabrir. Actualización con todo permitido, píxeles de terceros disparados, cookies presentes.
- En Google Ads, en Objetivos y Conversiones, la columna de diagnóstico de cada acción debe indicar que el Consent Mode está activo y, a los pocos días, que las conversiones se modelan.
Revisa tu implementación
Con las nueve, tu medición cumple y tus campañas aprenden con datos modelados. Con menos de siete, lo más probable es que las etiquetas estén disparando antes de saber el consentimiento, que es peor que no tener banner: incumple y además no modela.
La guía completa con el código del banner que usamos
El bloque de la cabecera, el script del banner con sus estilos, la configuración de los activadores en Tag Manager para los píxeles de terceros y la lista de comprobación con capturas de Tag Assistant. Lista para copiar en Divi, Elementor o cualquier tema.
Recibido
Te lo enviamos por email en menos de 24 horas laborables. Si no lo ves, revisa la carpeta de correo no deseado.
Preguntas frecuentes
¿Necesito una plataforma de consentimiento certificada por Google?
Google la recomienda, no la exige, siempre que la implementación envíe correctamente las señales de la versión 2 y el banner cumpla la normativa. Un banner propio bien montado cumple. Lo que sí exige Google Ads es que las señales lleguen; sin ellas, corta el remarketing en Europa.
¿Y si ya tengo un plugin de cookies?
Comprueba dos cosas: que declare compatibilidad con Consent Mode v2, no solo con la versión 1, y que el estado por defecto se defina antes de Tag Manager. Muchos plugins lo inyectan después, y el resultado es el mismo que no tenerlo. La comprobación con Tag Assistant del paso final lo revela en un minuto.
¿Cuánto tarda Google Ads en empezar a modelar?
Necesita datos suficientes: unos 700 clics en anuncios al día durante siete días por país, según su documentación. Por debajo, el Consent Mode sigue cumpliendo y protegiendo el remarketing, pero el modelado de conversiones puede no activarse. La columna de diagnóstico lo indica.