Cómo mejorar la aceptación de cookies (sin molestar) con GDPR Cookie Compliance

Si me has visto, leído o escuchado alguna vez hablar sobre RGPD para WordPress sabrás que, para mí, GDPR Cookie Compliance es el mejor plugin de cookies para WordPress.

Al menos, dentro de los que hay a día de hoy dentro del repositorio de WordPress.

Hablamos de plugins gratis para cookies, claro. En los de pago ya tengo más candidatos. Como los que explicamos en el curso de RGPD para WordPress.

GDPR Cookie Compliance tiene muchísimas cosas buenas; pero he de confesarte que hay un par que no me gustan mucho.

Es una cuestión de gustos personales. No son fallos de funcionamiento o cumplimiento. Por eso sigo recomendándolo.

Sobre una de esos asuntillos que no me gustan me han preguntado mucho estos días (ojo que igual esta frase es real por primera vez en la historia del social media).

Así que he decidido hablar sobre ello en este artículo:

Cómo consigo que los usuarios sí acepten el banner de cookies con GDPR Cookie Compliance

RGPD, Cookies y datos: la pregunta del millón

Cuando nos ponemos serios con el RGPD y la aceptación de cookies, siempre surge un tema recurrente. Sobre todo si es una web que ha dado el salto de la ilegalidad a la legalidad:

Al cumplir el RGPD los datos de visitantes en Google Analytics se desploman.

Y llegan las dudas y las preguntas.

Un par de ejemplos recientes con un par de buenos colegas del sector que me preguntaban por Twitter:

A partir del tuit de Rafa se generó un interesante debate sobre cómo mejorar o enriquecer nuestras analíticas cumpliendo el RGPD.

Salieron varias alternativas de analítica sin cookies (como las que recoge en este articulazo Nahuai Badiola.

Soy muy fan de estas alternativas (tenemos pendiente hacer algo chulo sobre analítica sin cookies en Técnico RGPD. Pero ese es otro tema). Aunque la realidad es que Google Analytics es ya casi un estándar que nos vemos obligados a utilizar por diversos motivos.

Así que teniendo claro que vamos a usar Google Analytics y queremos cumplir el RGPD, tenemos que volver a la pregunta inicial:

¿Cómo conseguimos que más usuarios acepten el banner de cookies?

Datos que pierdes o datos que dejas de ganar

Antes de seguir, un ligerísimo apunte.

Y entono el mea culpa porque soy el primero que lo hace. Incluso escribimos un experimento RGPD sobre ello.

Debemos dejar de pensar que esa bajada de visitas en Google Analytics son datos que perdemos por culpa del RGPD.

En realidad, esos datos que estábamos recopilando no eran nuestros. Y el usuario nunca nos había dado su consentimiento. Los estábamos usando sin permiso.

Sería tan loco como decir: desde que robar es delito, gano menos dinero 😉

Perdón por la burrada.

Algunos mucho más listos que yo (y con más tacto), llevan hablando de esto desde 1999. Sí, hablaban de marketing y no de RGPD. Y creo que no les ha ido nada mal.

Cómo mejorar la aceptación de cookies

Hay mucha gente que no acepta las cookies. Innegable.

Hasta el 75% de los usuarios he llegado a ver en alguna web.

Pero no todos lo hacen porque te odien y no quieran dejarte que veas cómo te visitan en Analytics.

Hay muchísimos que no aceptan porque, sencillamente, no ven el banner de cookies. Su cerebro entrenado para evitar la publicidad hace que lo ignoren.

Sabiendo esto, ¿qué alternativas tenemos?

• ❌ Cargar las cookies antes de tener el consentimiento del usuario (No. Nunca. Caca).
• ❌ Obligar al usuario a que acepte las cookies antes de acceder al contenido (Casi tan feo como lo anterior. Y también incumpliría el RGPD)
• ✅ Hacer más visible el banner de cookies para que el usuario acepte.

Descartando las dos primeras por razones (legales) obvias, nos centramos en la tercera.

Por defecto, el banner de GDPR Cookie Compliance tiene una pinta similar a esta:

Muy genial, muy bonito y muy corporativo todo… pero claro, es TAN corporativo y discreto que la gente lo ignora.

Así que nos queda mejorar esto, hacer más visible el banner y que les llame la atención.

Ojo, cuando digo más llamativo no digo intrusivo ni amenazante. Solo que genere más interés en el usuario.

Algo así, podría ser suficiente:

En el caso de nuestra web, la tasa de aceptación es altísima (por encima del 80%). Así que no sirve de ejemplo realmente.

Pero aplicando estos mismos estilos en otras páginas web he llegado a ver mejoras de hasta el 30% en usuarios que aceptan las cookies.

Y no hemos aplicado grandes cambios:

• Un poco más espaciado, para que ocupe más en la versión de escritorio.
• Asegurarnos que el banner aparece por encima de todas las cosas y no hay distracciones con botones de redes sociales, whatsapp, subir arriba, etc.
• Utilizar un color NO corporativo y llamativo para el botón de aceptar.
• No destacar el botón de rechazar.

Destacar el banner de GDPR Cookie Compliance con CSS

Venga, que sí. Que te pongo el CSS que hemos usado para que lo puedas aprovechar:

#moove_gdpr_cookie_info_bar{z-index:9999999;}
.moove-gdpr-cookie-notice{padding: 60px !important;}
.moove-gdpr-cookie-notice p{font-size: 20px !important; font-weight: 400 !important; line-height: 1.3em !important; max-width: 800px !important;}
body #moove_gdpr_cookie_info_bar .mgbutton.moove-gdpr-infobar-reject-btn{font-weight:300 !important; background:none !important; color:white !important;}
@media (max-width: 500px){
    .moove-gdpr-cookie-notice{padding:20px !important;}
}

NOTA: pido perdón a cualquier frontend que esté viendo este código CSS y me esté odiando por el uso de !important. No tenía otra alternativa sin liarla parda ?

Para cambiar el color del botón de aceptar y usar ese verde con tonalidad “acepta mis cookies, por favor te lo pido” (PANTONE en proceso de aceptación) podemos utilizar la propia opción para los colores corporativos que tiene el plugin.

En la opción Color principal de la marca, pondremos nuestro verde (u otro color que destaque):

Cambiar el orden de los botones con CSS

A raíz de un comentario en mi blog personal (un post donde hago una comparativa de plugins de cookies para WordPress), descubrí que en una de las últimas actualizaciones de GDPR Cookie Compliance han adoptado flex-box como framework de CSS para maquetar el banner de cookies.

¿Y qué tiene esto de relevante? Pues que gracias a una propiedad de flex-box, podemos reordenar los botones y conseguir que el botón de aceptar cookies quede a la derecha del todo.

Simplemente añade esta línea de CSS para que se haga la magia:

.moove-gdpr-button-holder{flex-direction: row-reverse;}

Dónde incluir este código CSS

Ahora que ya tienes el código CSS para hacer más llamativo tu banner de cookies con GDPR Cookie Compliance, puedes incluirlo en tu web como más te apetezca:

• Usando la opción del personalizador de temas.
• Incluyendo el código en el style.css de tu child theme.
• Utilizando el hook que tiene el plugin para estilos en línea (opción MASTER). El filter en cuestión es moove_gdpr_inline_styles

Trucos sobre GDPR Cookie Compliance

Mientras escribía este post me estaba viniendo a la cabeza escribir algún contenido sobre trucos para mejorar el comportamiento de GDPR Cookie Compliance.

No hablo de cómo configurarlo o aprender a bloquear cookies (eso ya lo explicamos a las mil maravillas en nuestros cursos. Guiño guiño??).

Son pequeños hacks para que funcione mejor o añadir compatibilidad con otros plugins que he ido recopilando.

La verdad, la mayoría vienen directamente de la ayuda de los desarrolladores… pero me consta que casi nadie la hace caso a esa documentación ??

Si te interesa, házmelo saber! (en forma de comentario por aquí debajo o por señales de humo. Lo que mejor te parezca).

Actualización: al final, publicamos el post con hacks y hooks para GDPR Cookie Compliance. Disfrútalo con moderación.

¡Ah! Y si le das un poquito de caña al estilo de tu banner de cookies ¡me encantaría verlo!

Puedes compartirlo por Twitter y mencionarme (@salonsoweb) o utilizar el hashtag #TécnicoRGPD.

¡Hasta el próximo post!