Google Tag Manager | Configuración del Modo de Consentimiento

¡Bienvenido!

Hoy te voy a mostrar cómo configurar el modo de consentimiento en Google Tag Manager para que todas las etiquetas, incluidas tus etiquetas de Google Analytics y de Google Ads, se activen según las elecciones que las personas hagan en el banner de consentimiento de tu sitio web. .

Si lo deseas, puedes disfrutar de toda la información en el siguiente video de mi canal de YouTube.

Además de controlar cuando se activan las etiquetas, en tu sitio web, el Modo de Consentimiento funciona automáticamente con varias etiquetas de Google.

Por ejemplo el Modo de Consentimiento ajusta automáticamente el comportamiento de las etiquetas y envía datos a Google Analytics.

Si alguien no ha dado su consentimiento se generará un pin de Cookie, luego cuando se proporcione el consentimiento se recopilarán todos los datos disponibles. 

Vamos al Administrador de etiquetas de Google. Comenzamos agregando el resumen de consentimiento a nuestro contenedor. Esto resume las etiquetas que utilizan y no utilizan el Modo de Consentimiento. 

Para habilitar esto seleccionamos «Administrar» y luego «Configuración del contenedor». En la sección de «Ajustes adicionales» habilitamos el resumen de consentimiento y hacemos clic en guardar.

Google Tag Manager: configurando etiquetas de consentimiento paso a paso

Bien, ahora vamos al sector de «Etiquetas», donde podemos visualizar el ícono de consentimiento encima de nuestras etiquetas. Luego vamos a «Resumen de consentimiento» donde se muestran todas las etiquetas en nuestro contenedor. Podemos ver que todas nuestras etiquetas están listadas bajo «Consentimiento no configurado» esto nos indica que aún no hemos configurado el modo de consentimiento para nuestras etiquetas.

en la parte inferior también encontraremos una sección llamada «Consentimiento configurado» cuando el modo de consentimiento esté definido para una etiqueta se aparecerán en esta sección.

¿Lo vemos?

¡Vamos directo al tema!

Veamos cómo configurar el Modo de consentimiento, utilizando Cookiebot que es una plataforma de gestión de consentimiento. 

Utilizar esta plataforma de gestión de consentimiento incluye algunos beneficios adicionales, por ejemplo, Cookiebot incluye Soporte para registro de consentimientos, Targeting geográfico de tu Banner de Consentimiento y mucho más.

Esta plataforma tiene una opción gratuita como también paga, si prefieres una solución totalmente gratuita e incluido un enlace a una solución de código abierto, en la descripción debajo de este video, además también he incluido enlaces a otras plataformas de gestión de consentimiento.

¿Qué es y cómo funciona Cookiebot?

Aquí estoy en el sitio web de Cookiebot esta es una herramienta disponible de todas las plataformas de gestión de consentimiento que hay hoy en día en el mercado.

Esta herramienta tiene un plan gratuito y también planes pagos.

Yo ya estoy registrado, luego que te registres, deberás ingresar a Cookiebot  a través de la pestaña «Acceder» aquí encontraremos nuestro panel de control, puedes ingresar el dominio de tu sitio web, configurar la ventana emergente de consentimiento que desees mostrar dentro de tu sitio web y además puedes escanear el sitio en búsqueda de cookies y rastreadores existentes. 

Este escaneo puede tardar un tiempo así que si lo deseas puedes agregar las Cookies manualmente. 

Ya tengo instalado Google Tag Manager. Actualmente estoy gestionando varias etiquetas que tengo la intención de incorporar al Modo de consentimiento. 

Cookiebot tiene su propia etiqueta en Google Tag Manager. Nos dirigimos a «Nueva», «Configuración de la etiqueta» y hacemos clic en «Descubra más tipos de etiquetas»  Buscamos Cookiebot CMP, lo agregamos y elegimos la plantilla.

Dentro de esta plantilla tenemos varias configuraciones. En primer lugar, debemos agregar en el ID de Cookiebot, podemos obtener este ID yendo a Cookiebot, «Implementación» y seleccionamos el ID que aparece en el ángulo inferior derecho, lo copiamos y lo pegamos dentro de la plantilla.

Luego debemos asegurarnos de que «Enable Google Consent Mode» está activado, lo cual activará el Modo de consentimiento de Google. 

Una vez que estemos seguros que se haya activado, vamos a «Default Consent State» y elegimos Estado de consentimiento predeterminado. ¿Cuál debería ser? Si hacemos clic en Add región, vamos a poder agregar según la región. Si la dejamos vacía se aplicará de forma global y todas las opciones se van a mantener denegadas hasta que alguien acepte las Cookies, hacemos clic en Añadir.

Por último seleccionamos un activador, utilizaremos el de «Inicialización de consentimiento» para que la etiqueta de consentimiento se dispare antes que cualquier otra. La seleccionamos y guardamos.

Luego en la vista previa, agregamos nuestro sitio web y hacemos clic en «Conectar» y aparece nuestra ventana de «Consentimiento» de Cookies, donde podemos elegir diferentes categorías, «Denegar todas» o «Permitir todas» Para este ejemplo, hacemos clic en «Permitir todas»

Si volvemos a Tag Assistant, podemos ver que todas las etiquetas han sido activadas, si vamos a «Even: Consent» y luego a «API Call» podemos ver que todos los parámetros están denegados, porque este evento de consentimiento se dio antes de que aprobara las Cookies. Luego de aprobarlas, aparecen todas aceptadas, incluso la de «ad_storage» y «ad_user_data» son de la versión 2 del Modo de consentimiento.

Si volvemos al primer evento de consentimiento, vemos que esos parámetros también estaban denegados. Y si vamos al evento donde el contenedor fue activado, encontramos que todas las etiquetas se han activado a excepción de Cookiebot.

Bien, ya tenemos configurado nuestro mensaje de aceptación de Cookies, pero todavía no hemos configurado las etiquetas. Para lo cual vamos a GTM, luego al «Resumen de consentimiento» seleccionamos cada una de las etiquetas, las movemos de «Consentimiento no configurado» a «Consentimiento configurado» 

A continuación, seleccionamos la etiqueta de Cookiebot, la cual se utiliza para gestionar el consentimiento, la cual se debe activar cada vez que alguien visita nuestro sitio web.

Así que vamos a «Configuraciones avanzadas» y luego a «Configuración de consentimiento» y seleccionamos «No se requiere ningún consentimiento adicional» y guardamos la etiqueta.

A continuación, seleccionamos la etiqueta de «Google Ads | Remarketing», vamos a «Configuración avanzada», «Configuración de consentimiento» y podemos ver dentro de las «Comprobaciones de consentimientos integradas» que tenemos «ad_storage», «ad_personalization» y «ad_user_data», esto significa que la etiqueta se ajustará automáticamente según la preferencia del consentimiento de las personas.

Entonces si alguien aún no ha dado su consentimiento enviará alguna información básica a Google Ads sin crear una Cookie en el navegador de esa persona.

Debido a que la etiqueta tiene «Comprobaciones de consentimientos incorporadas» podemos seleccionar «No Se requiere consentimiento adicional», guardar la etiqueta y listo.

Ahora seleccionemos la etiqueta de «Google Ads | Vinculación de conversiones» nos desplazamos a «Configuración avanzada», «Configuración de consentimiento» Y una vez más, vemos que hay «Comprobaciones de consentimientos integradas», por lo tanto seleccionamos «No se requiere ningún consentimiento adicional» y guardamos la etiqueta. 

A continuación, seleccionamos la etiqueta de «Google Analytics | configuración» vamos a «Configuración avanzada», «Configuración de consentimiento», nuevamente aparece «Comprobación de consentimiento integradas» y seleccionamos «No Se requiere ningún consentimiento adicional»

Por último, vamos a abrir la etiqueta «Meta | Pixel» en la parte superior podemos ver que esta es una etiqueta HTML personalizada, esto significa que necesitaremos decidir cómo se activará esta etiqueta según la selección de consentimiento de la persona.

Entonces, vamos a «Configuración avanzada» y luego «Configuraciones de consentimiento», dado que no hay controles de consentimiento integrados y esta etiqueta se utilizará para anuncios, seleccionaremos «La etiqueta requiere consentimientos adicionales para activarse», hacemos clic en «Añadir consentimiento obligatorio», seleccionamos «ad_storage» y ajustamos la activación de la etiqueta y guardamos.

Todas las etiquetas ya están instaladas dentro del «Consentimiento configurado»

Cerramos esto y vamos a la vista previa, hacemos clic en «Aceptar» Luego elegimos un evento para que se active la etiqueta «Meta» ya que si esta etiqueta se activa antes de que las personas den su autorización, podrían estar recolectando información sin autorización de los usuarios. 

Por lo tanto, vamos a utilizar un evento de Cookiebot que se genera en el modo de consentimiento: «Event:cookie_consent_update» 

Este evento de actualización se activa, si previamente hemos tomado una decisión. Por ejemplo, si voy a mi sitio web y cambio de página, veo que se ha activado otro «Event:cookie_consent_update» Copiamos el nombre de este evento, volvemos a Google Tag Manager, seleccionamos la etiqueta «Meta» y dentro de los activadores, elimino el que tenía configurado, hago clic en activadores, luego en el signo de suma, «Configuración del activador» y selecciono «Evento personalizado» aquí pego el nombre del evento: «cookie_consent_update», le damos un nombre al activador: «Consentimiento Actualizado» y guardamos la etiqueta.

Veamos si funciona correctamente, vamos al sitio web, seleccionamos «Inspeccionar»  en el menú de «Performance» seleccionamos «Aplication», borrar la Cookie del Modo de consentimiento («CookieConsent»), para que se active nuevamente el banner de consentimiento, cerramos  y cambiamos de página.

Ahora, nuevamente el sitio web pide el consentimiento. ¿Qué sucede con nuestras etiquetas?, vamos al resumen, allí vemos que las etiquetas de Google analytics y Google Ads están activadas, menos la de Meta porque todavía no he aceptamos las Cookies.

Seleccionemos el ID de medición de Google Analytics en la parte superior y hacemos clic en el evento de vista de página (Page View), allí,  podemos ver que el parámetro de «Estado del consentimiento» está en un valor de «G100» esto significa que aún no se ha otorgado consentimiento, también significa que la etiqueta ha recopilado algunos detalles básicos sin almacenar cookies en el navegador.

Ahora volvamos al sitio web, hacemos clic en Aceptar en el banner de consentimiento, cambiemos de página y volvamos a Tag Assistant.

Busquemos nuevamente la etiqueta de Google Tag Manager, ahora el Pixel de Meta se ha activado correctamente porque hemos aceptado el Modo de consentimiento.

Luego, si nos dirigimos al ID de seguimientos  de Google Analytics y hacemos clic en la nueva Page View, veremos que el parámetros de «Cooking consent State» ha cambiado de G100 a G111, esto significa que ahora las Cookies se están almacenando y toda la información disponible se está enviando a Google Analytics.

Últimos pasos para la configuración de consentimiento  GTM

Para que todo esto comience a funcionar en nuestro sitio web, debemos volver a Google Tag Manager, hacer clic en «Enviar» le damos un nombre a esta versión de Google Tag Manager y hacemos clic en «Publicar»

Y así estaremos utilizando el banner de consentimiento de Cookiebot en nuestro sitio web para poder controlar cuándo se activan nuestras etiquetas.

También estamos utilizando las «Comprobaciones de consentimiento incorporadas» para las etiquetas que envían datos a Google Analytics y Google Ads. 

Recuerda verificar la «Configuración de consentimientos» para cada una de tus etiquetas y trabajar en la Configuración de consentimiento para cualquier etiqueta que agregues en el futuro.

¡Muchas por leer hasta el final!, seguramente te será útil para mantenerte actualizado y aprender aún más sobre Google Ads y Google Analytics.

¡Hasta la próxima colega!