Configuración Cookies con normativa Consent Mode V2

Deja un comentario / Uncategorized / Por

Te presentamos una guía paso a paso para configurar Consent Mode V2 con CookieYes en tu sitio web:

Paso 1: Configurar Cookie Yes

Acede a la página de Cookie Yes
Crea una cuenta gratis
Selecciona el modelo de banner de cookies deseado y haz clic en «Next Step»
Verifica tu cuenta utilizando el correo electrónico recibido
Nos aparecerá la siguiente página
Copiamos el código del script proporcionado
Configuración Cookies con Consent Mode V2 con CookieYes

Paso 2: Creación Etiqueta en Google Tag Manager

En otra pestaña del navegador, accede a tu cuenta de Google Tag Manager
Si no tienes una cuenta, crea una nueva e introduce todos los datos necesarios
Creamos una nueva etiqueta de Google Tag Manager
Clicamos encima de «Configuración de la Etiqueta»
Seleccionamos “Descubra más tipos de etiquetas en la galería de plantillas comunitarias”
Buscamos CookieYes y añadimos a espacio de trabajo.
En el Pop-up que nos sale clicamos a «Aceptar»
Cambiamos el nombre de la etiqueta y pegamos el código copiado anteriormente del Script y lo pegamos en Website Key y Guardamos.

Paso 3: Creación Activación de la Etiqueta

Clicamos encima de «Activación»
Elegimos la activación de «Consent Initialization – All Pages«
En Configuración de la etiqueta, abrimos el desplegable de «Default Consent Settings«
Clicamos encima de «Add Settings» y cambiamos todos los desplegables a «Disable», excepto «Necessary Cookies» que lo dejamos en «Enabled»
Añdimos la nueva fila
Guardamos la etiqueta

Paso 4: Publicar Google Tag Manager

Después de configurar la etiqueta en Google Tag Manager, regresa a la interfaz principal.
En la página de inicio de Google Tag Manager, en la esquina superior derecha, haz clic en el botón «Enviar«.

Paso 5: Verificamos CookieYes y modificamos el banner de las Cookies

En la página Cookie Yes clicamos al botón «Verify Installation«
Nos cambiará el mensaje en rojo a verde.
En la interface de Inicio de CookieYes, nos saldrá una página con el aviso en verde de «Cookie banner status: Active«
En el menú vamos a la sección «Cookie Banner»
En esta Interfaz podemos configurar la visualización, contenido, colores del banner, entre otros.
En la opción del menú «Languages» añadimos el idioma «Spanish»
En los 3 puntos de la derecha del idioma «Spanish» clicamos la opción de «Set as Default»
Si queremos podemos añadir y borrar idiomas

Paso 6: Verificación Cookies en funcionamiento

Para asegurarnos que las cookies están en funcionamiento, vamos a la Interface Google Tag Manager.
Clicamos al botón «Vista Previa» de arriba a la derecha.
Se nos abrirá una pestaña donde nos pide la URL de la página web.
Clicamos en el botón «Connect«
En una nueva pestaña se nos abrirá nuestra web con un popup Tag Assistant abajo en la derecha.
Aceptamos las cookies de la web y clicamos el botón «Finish» del Tag Assistant.
Se nos cerrará la pestaña de nuestra web, y nos llevará en una página con un popup que pone «Connected». Clicamos el botón «Continue«
En la izquierda nos saldrá una opción llamada «cookie_consent_update«
En la opción «Consent» nos tiene que salir una tabla y en una fila nos sale «security_storage» con las opciones en verde.

Paso 7: Creación nuevo activador

En las etiquetas de Google, Facebook, o cualquier tipo de etiqueta que tengamos de publicidad añadiremos los activadores de Cookies
En Google Tag Manager vamos a Activadores y creamos uno nuevo
Cambiamos el nombre del activador a
«ACT – cookie_consent_update»
Clicamos en «Configuración del Activador» y buscamos la opción «Evento personalizado«
En nombre del evento ponemos la etiqueta que se usa cuando clicamos el evento (Aceptar a las cookies)
Vamos a la interface Google Tag Assistant y copiamos el nombre del evento
Guardamos al Activador

Paso 8: Añadir activador a etiquetas

En el apartado de etiquetas añadimos el activador creado anteriormente en las etiquetas de publicidad
Clicamos encima de una de las etiquetas y en activación, clicamos y añadimos la excepción creada «ACT – cookie_consent_update»
Enviamos otra vez los cambios y publicamos.

Paso 9: Habilitar resumen de consentimiento

En la interfaz de Tag Manager clicamos en Administrador
En Configuración de la cuenta, clicamos en «Configuración del contenedor«
Activamos el checkbox «Habilitar resumen de consentimiento» y Guardamos

Paso 10: Configurar consentimiento de etiquetas

En la interfaz de Tag Manager vamos al apartado de Etiquetas
Entre el botón Nueva y la lupa nos ha salido un nuevo escudo, clicamos en él
Seleccionamos las etiquetas de publicidad (Google Ads, Facebook…) y clicamos el escudo entre los 3 puntos y la lupa
Cambiamos la opción seleccionada a «No se requiere ningún consentimiento adicional» y guardamos
Se nos moverán esas etiquetas a «Consentimiento configurado«

Paso 11: Publicar los cambios en Google Tag Manager

En la interfaz inicial de Google Tag Manager clicamos en «Enviar«
Haz clic en «Publicar» sin realizar ningún cambio adicional y luego en «Continuar».
Aparecerá una pestaña que indica «La versión se ha publicado«.

Paso 12: Excluir archivo JavaScript con WP Rocket

En la interfaz de WordPress, en el menú dentro de Ajustes ir a la opción WP Rocket.
En WP Rocket, en el menú de la derecha vamos al apartado Optimizar Archivos.
Marcamos el checkbox «cargar archivos JavaScript de manera diferida«.
Escribimos en el recuadro que nos aparecerá debajo «client_data/(.*)/script.js» .
Guardamos los cambios y borramos el caché de la web.
En caso de tener algún pluguin de cookies, lo desactivamos antes de borrar el caché.

A partir de ahora, ya tenemos las cookies actualizadas con la nueva normativa Consent Mode V2 de tu sitio web WordPress.

Esta guía se ha elaborado en base a un video tutorial de YouTube: link al video.

¿Te hemos ayudado?

Si esta entrada te ha ayudado un poco, por favor danos una reseña positiva en Google MyBusiness.
Muchas gracias por vuestra ayuda,

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Empiezapori es agente digitalizador de la ayuda Kit Digital

Somos agente digitalizador de la ayuda Kit Digital. Te ayudamos en la creación de tu sitio web o comercio electrónico y gestionamos tus redes sociales.
Llámanos (93 470 00 37) o rellena el formulario y nos pondremos en contacto contigo. Te ayudamos a gestionar la ayuda.
Para más información y contacto haz clic en el siguiente enlace.

Scroll al inicio