Ley de Cookies y el nuevo Google Tag Manager V2

En esta entrada, os contaba qué es y qué hay que hacer para cumplir la ‘ley de cookies‘ y cómo hacerlo con Google Tag Manager (GTM). Sin embargo, el pasado 1 de junio de 2015, Google publicó  una nueva versión de Google Tag Manager, la cual ha experimentado cambios importantes en su funcionamiento que hacen que ya no sea posible implementar la solución planteada en la entrada original.

A modo de resumen, por si no habéis leído la entrada original, diré que para cumplir la ley de cookies hay que avisar del uso de aquellas cookies que no sean estrictamente necesarias para el funcionamiento del sitio Web y bloquear su instalación hasta obtener el consentimiento por parte del usuario, el cual consideraremos dado cuando haga clic en un enlace o haga scroll, acciones aceptadas por la Agencia Española de Protección de Datos (AEPD) como obtención del consentimiento.

A continuación, después de consultar a varios colegas de profesión (especial mención para MarujeoSEM Marketineo) y hacer varias pruebas, os voy a contar la adaptación que he hecho para esta nueva versión de Google Tag Manager. No entraré a comentar los pasos más triviales como dónde y cómo instalar el código de GTM o el de Google Analytics, ya que eso no cambia y lo seguís teniendo en la entrada antes mencionada. Ahora si, ¡vamos allá!

1. Varibales (antiguas Macros)

 

Debemos crear la variable ExisteAceptacion de tipo ‘cookie de origen’:

 

Varible ExisteAceptacion de tipo cookie de origen

 

 

aceptacookies será una cookie técnica (por lo tanto, al ser técnica, no está sujeta al cumplimiento del artículo 22 de la LSSI y podemos instalarla sin previo aviso al usuario) que nos permitirá saber si el usuario todavía no ha aceptado el uso de cookies o, por el contrario, ya lo ha aceptado.

Además, debemos activar las siguientes Variables integradas:

 

 Variables Integradas habilitadas Google Tag Manager

 

 

2. Activadores (antiguas Reglas)

 

Crearemos 4 activadores:

 

2.1 Clic en enlace

En la anterior versión de GTM, detectábamos los clics en enlaces mediante el procesador de eventos, pero en esta nueva versión esa funcionalidad ha desaparecido. Ahora, lo haremos creando un activador de tipo Clic:

Tipo de Activador para Clic en enlace

 

 

Segmentando los clics a “solo enlaces”:

Configuracion Activador Clic en enlace

 

 

Y lo configuramos para que se active en todas las páginas únicamente si el usuario no ha aceptado el uso de cookies. Es decir, cuando “Page URL” coincide con la expresión regular .* y la variable ExisteAceptacion es distinta de ‘yes’:

 

Reglas activacion para Activador Clic en enlace

 

 

 

2.2 Evento aceptacookies

Como veremos más adelante, crearemos una etiqueta que detecte y lance un evento (que le he llamado aceptacookies) cuando el usuario realice una acción de aceptación (clic en enlace o scroll). Cuando eso ocurra, este activador se encargará de ejecutar el código de Google Analytics y de lanzar otra etiqueta que cambie el valor de la cookie aceptacookies a ‘yes’.

Para conseguir esto, creamos un activador de tipo Evento personalizado, con la siguiente configuración:

 

Activador de Google Tag Manager del Evento aceptacookies

 

2.3 NOAceptaCookies

Creamos un activador que detecte si el usuario aún NO ha aceptado el uso de cookies, con la siguiente configuración:

 

Activador NOAceptaCookies de Google Tag Manager

 

 

Evento: Página vista

Tipo de activador: Página vista

Activar: en cualquier página cuando ExisteAceptacion no es igual a ‘yes’.

 

2.4 SIAceptaCookies

Por último, creamos un activador que detecte si el usuario SI ha aceptado el uso de cookies:

Activador SIAceptaCookies de Google Tag Manager

 

 

Seleccionar Evento: Evento personalizado

Activar:

nombre del evento: aceptacookies

Ejecutar cuando ExisteAceptacion es igual a ‘yes’

 

3. Etiquetas

Ya sólo nos queda crear tres etiquetas: una que contenga el código de Google Analytics, otra que coloque el valor ‘yes’ a la cookie aceptacookies y una más que detecte cuando el usuario realiza scroll y lance el activador ‘Evento aceptacookies’:

3.1 Coloca aceptación

Esta etiqueta de tipo “HTML personalizado“, es un script con JQuery que creará e instalará la cookie técnica aceptacookie con el valor “yes”. El código lo tenéis haciendo clic aquí

Etiqueta de Google Tag Manager Coloca Aceptacion

 

 

 

He tenido que realizar alguna ligera modificación del código original. Aquí tenéis la versión modificada, que es la que debéis copiar y pegar:

 

 

 

Atención a las reglas de activación. Si hacemos clic en la opción “Más”, a estas alturas deberéis tener algo así:

 

Activadores de Etiqueta Coloca Aceptacion

 

 

Seleccionad: Clic en enlace y Evento aceptacookies

 

3.2 Detecta scroll

Esta etiqueta de tipo “HTML personalizadodetecta, como su nombre indica, cuando el usuario realiza scroll dentro de nuestra Web:

 Etiqueta de Google Tag Manager Detecta scroll

 

 

El código, al que también he realizado una ligera modificación, lo tenéis aquí:

 

En este caso, el activador será NOAceptaCookies, para que sólo se ejecute si el usuario todavía NO ha aceptado el uso de cookies. De lo contrario, no es necesaria su ejecución.

 

3.3 Código de Universal Analytics

Al igual que en la anterior versión de GTM, si queremos que la cookie de Google Analytics no se instale sin el consentimiento del usuario, debemos controlarla desde GTM. Por tanto, debemos eliminarla de la Web (si no habéis implementado todavía Analytics en la Web, no hay nada que eliminar) y crear una etiqueta en GTM para ello.

Decir que, si lo que queréis es bloquear otras cookies distintas a la de Google Analytics, es aquí donde debéis realizar modificaciones y crear una etiqueta con el código que instale dichas cookies (y eliminarlas de la Web) de manera análoga a como lo hacemos en esta etiqueta.

Aunque GTM tiene etiquetas predefinidas para Google Analytics, optaremos por copiar y pegar el código de seguimiento en una etiqueta del tipo “HTML personalizado“ para tener el control absoluto del código.

 Etiqueta Codigo Google Analytics

 

 

Especial atención a las opciones de activación:

 

Activadores para la Etiqueta Codigo Google Analytics - Elegir activadores

 

 

Seleccionamos “Clic en enlace”, “Evento aceptacookies” y “SIAceptaCookies”. De esta manera, la etiqueta con el código de Google Analytics únicamente se ejecutará cuando el usuario haga clic en un enlace, cuando se active el evento aceptacookies que es lanzado cuando el usuario hace scroll o si el usuario ya ha aceptado previamente el uso de cookies. Es decir…

 

¡cumplimos la ley de cookies!

 

4. Guardamos los cambios y publicamos el contenedor

Llegados a este punto, si hemos creado la macro, las reglas y las etiquetas correctamente, deberíamos tener algo así:

 

Activadores

Lista de Activadores de Google Tag Manager

 

Etiquetas

Listado final de Etiquetas en Google Tag Manager

 

Variables

Listado final con todas las variables integradas de Google Tag Manager

 

 

Listado final con todas las variables de usuario

 

Si llegados a este punto, todo ha salido bien, ya sólo nos queda una cosa: GUARDAR LOS CAMBIOS. Parece una perogrullada, pero GTM es de todo menos intuitivo. Para que los cambios realizados tengan efecto, debemos PUBLICARLOS.

¡Terminamos! 😀

Podéis ver un sencillo método para comprobar si lo habéis hecho bien y os funciona, al final de la entrada original, exactamente… ¡AQUÍ!

¡Y hasta aquí la entrada de hoy! Espero que os haya servido para poneros al día con la dichosa ley de cookies y no dudéis en compartirlo libremente con cuantos queráis.

Cómo cumplir la #leydecookies con Google #TagManagerV2 #lopd #Analytics Click To Tweet

Especializado en el diseño y ejecución de Estrategias Digitales enfocadas en conseguir la conversión y aumentar el ROI, ofrezco servicios de consultoría, creación y gestión avanzada de campañas PPC en Buscadores (Google AdWords, Bing Ads, etc.) y Redes Sociales (Facebook Ads, Twitter Ads, Instagram Ads, LinkedIn Ads, etc.), Analítica Web Avanzada y Diseño Web con criterios de CRO (Conversion Rate Optimization).

Más entradas

Ver todas
9 Comments
    • AvatarJose
    • April 23, 2016
    Reply

    Buenas,
    He cambiado la configuración de SiAceptaCookies, por pagina vista y parece que funciona todo bien,
    Un Saludo

    • AvatarJose
    • April 23, 2016
    Reply

    Buenas,
    si pongo que detecte el scroll en todas las paginas funciona, siempre y cuando los usuarios hagan scroll , el problema es que una vez realizas tu primer clik o scroll ya no hay ningún activador que haga nada y por eso no lanza el id de analytiks(Espero no explicarme como un libro cerrado) Gracias

  1. Hola José,
    Ese tipo de error me ha pasado varias veces. Para intentar ver el motivo, te aconsejaría:

    1. Lo primero es comprobar si la etiqueta de Tag Manager está bien puesta en todas las URL (parece una tontería, pero he visto muchas Webs de clientes que el código lo tienen mal puesto o no en todas las URL)
    2. Monitorizarlo en un navegador sin la cookie instalada (o en el navegador que uses, borras las cookies que te haya dejado la Web) para que actúe como si fueras una visita nueva.
    3. Utilizaría la vista previa para analizar más detalladamente el comportamiento de las etiquetas (cuáles se lanzan, cuando, cuando no, etc.).

    4. Además, si uno de los problemas es que, al cambiar de página, ya no te realiza el seguimiento (imagino que es así si sólo te cuenta la primera página vista), y el problema no es el punto 1, crearía eventos de prueba para testear exactamente dónde falla. Por ponerte un ejemplo, yo tenía una Web en la que el código sólo se ejecutaba una vez, porque la navegación se realizaba en un iframe y eso Analytics a priori no lo mide, por lo que a ojos de Analytics estaba siempre en la misma página y no detectaba el scroll. Para llegar a esa conclusión, me sirvió de mucha ayuda crearme eventos de prueba para ver si detectaba los cambios de URL o el scroll.

    En resumen, intenta definir en detalle cuál es el comportamiento extraño para tener más pistas del motivo y, una vez definido, será mucho más fácil identificar la solución (que podrá estar en tus manos, o no si se trata de las características de la Web como el caso que te comento arriba).

    Espero que te sirva de ayuda.

    Gracias por comentar!

  2. Reply

    Buenas,
    Yo lo tengo implementado y no me funciona bien en las visitas recurrentes ya que no se reflejan, como le preguntabas a Kim a mi se me duplica el código al hacer scroll o click pero solo la primera vez. He revisado varias veces por si tenia alguna regla mal o algo pero esta todo está bien. Tampoco coge cuando el usuario cambia de pagina(tiempo real) y al final aunque siga la visita no se cambia. Por lo que sale una tasa de rebote del 100 % y visitas de 0,00 segundos. Gracias.

    • AvatarKim
    • April 6, 2016
    Reply

    Hola Alberto,
    He estado revisando esta implementación con la extensión Tag Assistant para Google Chrome y si pongo la etiqueta “Detecta scroll” añade dos veces el código de Google Analytics
    ¿Te has encontrado con este problema?
    ¿Cual podría ser la solución?

    • Hola Kim,

      En las implementaciones que he realizado no he tenido ese caso. ¿Has comprobado que no se ejecuta la etiqueta de Analytics antes de realizar scroll? ¿Añade 2 veces el código de Analytics con el primer movimiento de scroll o lo hace con cada movimiento de scroll?

      Asegúrate también de que la etiqueta “Coloca aceptación” y los activadores “SIAceptaCookies” y “NOAceptaCookies” funcionan correctamente, ya que se usan precisamente para evitar que se ejecute 2 veces el código de Analytics.

      Gracias por comentar!

    • AvatarMarc
    • September 24, 2015
    Reply

    y donde se muestra el aviso? no falta aquí html y css ?

    • Reply

      Hola Marc,

      Efectivamente, falta el aviso. Esta entrada es la actualización de una anterior, en la que si explico todos los pasos. En esta, para no repetirme, sólo cuento la parte técnica sobre cómo realizar el bloqueo de la cookie de Analytics con la nueva versión de Tag Manager.

      De todas maneras, yo para el mensaje de aviso y la página de política de cookies, utilizo 2 plugin de WordPress (“Cookie Law Info” para el aviso y “Asesor de Cookies para normativa española” para la política de cookies). Si se trata de desarrollos a medida u otros CMS, habría que crear el aviso de otra manera (ya sea con otros plugin o picando html y css).

      ¡Espero haber sido de ayuda!

  3. Pingback: Ley de cookies: Cómo cumplirla con Google Tag Manager

Deja tu comentario