Cookiebot con Google Tag Manager y modo de consentimiento v2 en WordPress

Tienes Google Tag Manager en tu WordPress, un banner de Cookiebot que aparece al entrar y, aun así, no sabes si el píxel de Meta se carga antes de que nadie pulse «Aceptar», si Google Ads recibe las señales del modo de consentimiento v2 o si el banner se está cargando dos veces porque lo pusiste con el plugin y también con Tag Manager. Es una situación muy habitual: el banner está, pero nadie ha comprobado qué pasa por detrás.

Importa por dos razones. La legal: en España, las cookies de analítica y publicidad necesitan consentimiento previo, y la AEPD exige que rechazar sea tan fácil como aceptar. Y la de medición: si el consentimiento no llega bien a Tag Manager, Google Ads y GA4 pierden datos o, peor, los recogen sin permiso. Aquí montamos Cookiebot desde Google Tag Manager tal y como lo tenemos en nuestra web, con el modo de consentimiento v2, activadores por consentimiento para las etiquetas que no son de Google y una comprobación final con la vista previa.

Por qué necesitas el banner de cookies en España (y por qué no vale cualquiera)

La guía de cookies de la AEPD (actualizada en mayo de 2024) es la referencia práctica en España. Lo que exige se puede resumir en cuatro puntos que afectan directamente a cómo configuras Cookiebot y Tag Manager:

• Consentimiento previo para todo lo que no sea técnico. Las cookies necesarias para que la web funcione están exentas; las de analítica (GA4, Clarity) y publicidad (Google Ads, píxel de Meta) necesitan que el usuario acepte antes de que se activen. La AEPD lo dice expresamente de la analítica: tiene menos riesgo, pero no está exenta.
• Rechazar al mismo nivel que aceptar. El botón de rechazar tiene que estar en la misma capa y al mismo nivel que el de aceptar, sin esconderlo detrás de «Configurar».
• Seguir navegando no es consentir. Ni hacer scroll, ni cerrar el banner, ni la inactividad. Hasta que el usuario decida, el estado es «no».
• Información en dos capas y acceso permanente a la configuración (por ejemplo, un enlace en el pie) para cambiar de opinión. La AEPD también considera buena práctica que el consentimiento no dure más de 24 meses.

Un banner que solo informa, o que carga el píxel mientras el usuario lee el aviso, no cumple. Y aquí está el matiz técnico que mucha gente pasa por alto: el banner no bloquea nada por sí solo. Si tus etiquetas están en Tag Manager, son las etiquetas las que tienen que esperar. Eso es lo que configuramos en el resto del artículo. No es asesoramiento legal: para tu caso concreto, consúltalo con un profesional.

Qué es el modo de consentimiento v2 y qué cambia en Tag Manager

El modo de consentimiento (Consent Mode) es la forma en que Tag Manager y las etiquetas de Google se enteran de lo que el usuario ha decidido. Funciona con unos «tipos de consentimiento» que pueden estar en denied o granted. La versión 2, obligatoria desde 2024 para quien use Google Ads o GA4 con usuarios del Espacio Económico Europeo, añadió dos tipos nuevos a los dos que ya existían:

Cookiebot traduce sus tres categorías a esos tipos y se los pasa a Tag Manager. Por eso, cuando instalas Cookiebot con la plantilla oficial, no tienes que escribir ningún código de consentimiento: la plantilla fija el estado por defecto y lo actualiza cuando el usuario pulsa un botón.

Modo básico y modo avanzado: la decisión que tienes que tomar

Hay dos formas de aplicar el modo de consentimiento, y Google las describe así:

La propia documentación de Cookiebot avisa de que, en el modo avanzado, se transmiten datos a Google sin permiso explícito del usuario, aunque sean sin cookies. Google defiende que esos pings no identifican a nadie. No hay una respuesta única: el avanzado da mejores datos modelados a Google Ads; el básico es el más conservador. Decide con tu asesor legal y, sobre todo, que la decisión sea consciente, no el resultado de dejar los activadores como estaban. Para las etiquetas que no son de Google (Meta, Clarity, OpenAI, chats), no hay elección: no saben leer el modo de consentimiento y solo pueden activarse en modo básico, con un activador propio. Lo vemos más abajo.

Instalar Cookiebot con Google Tag Manager paso a paso

La ayuda de Tag Manager tiene una página específica para Cookiebot y lo resume bien: si usas la plantilla de Cookiebot para desplegar el banner, «no hay que configurar nada más» para el modo de consentimiento. Estos son los pasos tal y como los hicimos en nuestra web.

Antes de empezar

• Cuenta en Cookiebot con tu dominio añadido (Domains & Aliases) y el primer escaneo terminado. El escáner clasifica las cookies que encuentra en las cuatro categorías.
• El Domain Group ID: lo copias en Cookiebot, en Implementation. Tiene este aspecto: 00000000-0000-0000-0000-000000000000. En la plantilla de Tag Manager se llama «Cookiebot ID».
• Google Tag Manager ya instalado en WordPress (en nuestra web, con el plugin GTM4WP) y permiso para publicar. Si todavía no lo tienes, empieza por la guía de Google Tag Manager en WordPress.
• Activa el resumen de consentimiento en Tag Manager: Administrador → Configuración del contenedor → Ajustes adicionales → Habilitar resumen de consentimiento. Te dará una vista de qué etiquetas tienen el consentimiento configurado y cuáles no.

Paso 1: la etiqueta «Cookiebot CMP» en Inicialización de consentimiento

1. En Tag Manager, ve a Plantillas → Plantillas de etiqueta → Buscar en la galería, escribe «Cookiebot» y añade Cookiebot CMP al espacio de trabajo.
2. Crea una etiqueta nueva (Etiquetas → Nueva) con esa plantilla y pega tu Domain Group ID en el campo Cookiebot ID.
3. Deja marcada la opción de Google Consent Mode (viene activada por defecto en la plantilla).
4. Como activador, elige Inicialización de consentimiento: Todas las páginas. Todos los contenedores web lo traen de serie y es el único que garantiza que el estado de consentimiento se fija antes de que se evalúe cualquier otra etiqueta, incluidas las que usan el activador «Inicialización».
5. Ponle un nombre claro (por ejemplo, «Cookiebot CMP») y guarda.

Paso 2: el consentimiento por defecto, en «denied»

En la misma etiqueta, el apartado de estado de consentimiento por defecto viene en denied para todos los tipos hasta que el usuario decide. Es lo que quieres en España. La plantilla permite añadir regiones (Add region) con estados distintos por país, usando códigos ISO de dos letras; Cookiebot recomienda tener siempre una región global. Si tu negocio es español y tu público también, con la configuración global en denied es suficiente.

Hay dos opciones más en la plantilla que conviene conocer: URL passthrough, que cuando el usuario rechaza las cookies pasa información de los clics de anuncios por la URL en lugar de en una cookie, y ads data redaction, que elimina identificadores publicitarios de las peticiones cuando ad_storage está denegado. Son parte del modo avanzado. Si optas por el básico, no las necesitas; si tienes dudas sobre su encaje legal, déjalas desactivadas.

Paso 3: que el banner se cargue una sola vez (plugin y Tag Manager a la vez, no)

El plugin de Cookiebot para WordPress inserta el script del banner (uc.js) en todas las páginas. Si además creas la etiqueta Cookiebot CMP en Tag Manager, el script se carga dos veces. La propia documentación de Cookiebot lo advierte: hay que evitar implementar Cookiebot varias veces, y si existe la etiqueta en Tag Manager con activadores, hay que pausarla o eliminarla… o hacer lo contrario, que es lo que hicimos nosotros.

Tienes dos caminos válidos y uno malo:

Para saber si lo tienes duplicado: abre tu web, pulsa Ctrl + U y busca uc.js. Si aparece en el código de la página y además lo inyecta Tag Manager, tienes dos. En la pestaña Red de las herramientas de desarrollador (F12) lo verás también como dos peticiones a consent.cookiebot.com.

Paso 4: la declaración de cookies en tu política

La segunda capa de información que pide la AEPD la resuelve Cookiebot con la declaración de cookies: un script (cd.js, con tu mismo Domain Group ID) que pintas en tu página de política de cookies y que lista las cookies encontradas en el escaneo, con su finalidad y duración. Enlaza esa página desde el pie para que esté disponible en todas las páginas, y añade también un enlace o botón para reabrir el banner y cambiar la elección.

Y la caché de WordPress

Cookiebot documenta un problema habitual en WordPress: los plugins de optimización (LiteSpeed Cache, WP Rocket…) minifican, difieren o retrasan el JavaScript y el banner deja de aparecer o aparece tarde. Si el banner lo carga Tag Manager, el riesgo es menor, pero si retrasas la carga de Tag Manager también retrasas el banner. En LiteSpeed Cache, Cookiebot indica añadir consent.cookiebot.com a las exclusiones de JS y de JS diferido/retrasado. Compruébalo en una ventana de incógnito después de vaciar la caché.

Activadores por consentimiento para píxeles y Clarity

Aquí está la parte que la mayoría de guías se saltan. Que Cookiebot envíe el consentimiento a Tag Manager no significa que todas tus etiquetas lo respeten. Hay que distinguir dos grupos:

• Etiquetas de Google (etiqueta de Google, GA4, Google Ads, Conversion Linker, Floodlight): tienen una «comprobación de consentimiento integrada». Leen los tipos de consentimiento y ajustan su comportamiento solas.
• Todo lo demás (píxel de Meta, Microsoft Clarity, píxel de OpenAI, chats, mapas, vídeos): no saben nada del modo de consentimiento. Si las activas en «Todas las páginas», se cargan, haya o no consentimiento.

Para el segundo grupo tienes que cambiar el activador. Cookiebot lanza a la capa de datos un evento por cada categoría aceptada, y lo hace tanto en la primera visita (al pulsar el botón) como en las siguientes (al cargar la página con el consentimiento ya guardado):

Cómo se crea el activador: Activadores → Nuevo → Evento personalizado, nombre del evento cookie_consent_marketing, se activa en «Todos los eventos personalizados». Después, en la etiqueta del píxel de Meta, quita «Todas las páginas» y pon este activador. Haz lo mismo con cookie_consent_statistics para Clarity. Cómo configurar el píxel completo lo tienes en instalar el píxel de Meta con Tag Manager, y Clarity en Microsoft Clarity con Tag Manager y RGPD.

Hay una segunda forma de condicionar etiquetas que también documenta Cookiebot: la variable Cookie Consent de la galería de plantillas. Devuelve algo como |preferences|statistics|marketing| con las categorías aceptadas (o solo | si no hay ninguna), y puedes usarla como condición en cualquier activador (Cookie Consent contiene marketing). Nosotros preferimos los eventos: son más fáciles de leer en la vista previa.

Ejemplo: Clarity con consentimiento de estadísticas

Microsoft Clarity no tiene plantilla con comprobación de consentimiento integrada, así que lo tenemos como etiqueta de HTML personalizado con el código oficial de Clarity más la llamada que le informa del consentimiento, activada con cookie_consent_statistics y con la opción «Una vez por página»:

<script type="text/javascript">
  (function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  })(window, document, "clarity", "script", "TU_ID_DE_PROYECTO");
  clarity("consentv2", {ad_Storage: "denied", analytics_Storage: "granted"});
</script>

La línea clarity("consentv2", …) le dice a Clarity que puede usar almacenamiento de analítica pero no publicitario. Si el usuario no acepta las estadísticas, el evento no se lanza y Clarity no se carga.

Comprobar que funciona con la vista previa

No publiques sin hacer esta prueba. Tag Assistant tiene una pestaña específica para el consentimiento y es la única forma fiable de ver qué se activó y qué no. Hazla en una ventana de incógnito, sin bloqueadores de anuncios, para que Cookiebot te trate como un visitante nuevo. Si la vista previa no conecta, revisa qué hacer cuando Tag Assistant no funciona.

1. Abre la vista previa desde Tag Manager e introduce la URL de tu web. En el Resumen de Tag Assistant, el primer evento debería ser el de Inicialización de consentimiento, y la etiqueta Cookiebot CMP debe aparecer activada ahí.
2. Comprueba el estado por defecto. Selecciona el evento de tipo Consentimiento más reciente y, en Llamada a la API, verifica que ad_storage, ad_user_data, ad_personalization y analytics_storage están definidos y en denied. En la pestaña Consentimiento lo verás en la columna «Valor predeterminado en la página».
3. Sin tocar el banner, mira la pestaña Etiquetas: el píxel de Meta, Clarity y cualquier etiqueta de terceros deben estar en «no activadas». Si alguna se ha activado, tiene mal el activador.
4. Pulsa «Aceptar todo». Deben aparecer los eventos cookie_consent_preferences, cookie_consent_statistics y cookie_consent_marketing, la columna «Valor actualizado en la página» pasa a granted y se activan el píxel, Clarity y el resto. Cada una debe activarse una vez.
5. Repite rechazando. Borra las cookies del sitio (o usa otra ventana de incógnito), entra de nuevo y pulsa «Rechazar». No debe activarse nada de terceros. Si estás en modo básico, tampoco GA4 ni Google Ads; si estás en avanzado, se activan pero en la pestaña Consentimiento de cada etiqueta verás que todo sigue en denied.
6. Recarga la página con el consentimiento ya dado y comprueba que las etiquetas se activan en la segunda visita sin que aparezca el banner: Cookiebot vuelve a lanzar los eventos con el consentimiento guardado.
7. Publica y vuelve a comprobar en producción con Tag Assistant: la caché de WordPress puede estar sirviendo una versión anterior de la página.

Plan gratuito de Cookiebot: qué incluye y sus límites

Cookiebot tiene un plan gratuito que es el que usamos en nuestra web. Según su centro de ayuda, estas son las condiciones:

Cuidado con el recuento de páginas: cuenta lo que encuentra el escáner, no lo que tú consideras «páginas». En un WordPress, las etiquetas, categorías, autores y adjuntos pueden multiplicar el número. Si tienes blog y vas creciendo, lo normal es superar las 50 antes de lo que crees. Y como el escaneo mensual está desactivado, acuérdate de escanear de nuevo cuando añadas una herramienta (por ejemplo, Clarity), para que aparezca en la declaración de cookies.

Hay alternativas con planes gratuitos o de pago (Complianz, CookieYes, iubenda, Usercentrics…). El proceso de este artículo es específico de Cookiebot por sus nombres de eventos y su plantilla, pero la lógica es la misma con cualquier CMP que tenga plantilla en la galería de Tag Manager y lance eventos a la capa de datos.

En nuestra web

Esto es lo que tenemos funcionando en migoramarketing.es y lo que puedes usar como referencia:

• Cookiebot, plan gratuito, cargado solo desde Tag Manager con la etiqueta Cookiebot CMP en «Inicialización de consentimiento: Todas las páginas». El banner del plugin de WordPress está desactivado, así que uc.js se carga una vez.
• Consentimiento por defecto en denied para todos los tipos.
• Dos activadores de evento personalizado: cookie_consent_marketing y cookie_consent_statistics.
• Píxel de Meta (plantilla Meta Pixel) y píxel de OpenAI: solo con cookie_consent_marketing. Del píxel de OpenAI hablamos en píxel de OpenAI y API de conversiones en WordPress.
• Microsoft Clarity: HTML personalizado con el código oficial y clarity("consentv2", …), solo con cookie_consent_statistics, una vez por página.
• GA4, Google Ads y Conversion Linker en el contenedor, respetando los tipos de consentimiento del modo de consentimiento v2.
• Banner con «Aceptar» y «Rechazar» al mismo nivel y enlace permanente para cambiar la configuración.

Lo que no hemos hecho, a propósito: la integración automática de Clarity con Tag Manager (publica el contenedor sin respetar el consentimiento), y cargar Cookiebot desde el plugin además de desde Tag Manager.

Errores típicos con Cookiebot y Tag Manager

Checklist final

• Cookiebot CMP en Tag Manager con Inicialización de consentimiento: Todas las páginas.
• uc.js cargado una sola vez (plugin sin banner o plugin sin instalar).
• Consentimiento por defecto en denied para todos los tipos.
• Decisión consciente entre modo básico y avanzado para las etiquetas de Google.
• Etiquetas de terceros con activador cookie_consent_marketing o cookie_consent_statistics, nunca «Todas las páginas».
• Resumen de consentimiento revisado: ninguna etiqueta en «Consentimiento no configurado» sin motivo.
• Prueba en vista previa: sin aceptar nada se activa; aceptando todo se activa una vez; rechazando nada; recargando se mantiene.
• Declaración de cookies en la política, enlace en el pie para cambiar la elección y escaneo repetido tras añadir herramientas.
• consent.cookiebot.com excluido de la optimización de JavaScript del plugin de caché.

Sigue con: cómo ver en GA4 qué campañas te traen contactos y cómo evitar conversiones duplicadas en Google Ads. Si quieres que lo dejemos configurado con tus campañas, mira nuestra gestión de Google Ads o de Meta Ads.

Preguntas frecuentes

Miguel Ángel Cebrián

Fundador de Migora Marketing. Tiene 7 certificaciones oficiales de Google (Búsqueda, Display, Medición, Vídeo, Shopping con IA, Optimización de conversiones y Google Analytics). Configura y revisa a diario Google Tag Manager, GA4, Google Ads y el píxel de Meta, empezando por nuestra propia web.