blog webempresa

Añadir banner de aceptación de cookies en WordPress

por | Ago 19, 2023 | Plugins WordPress

Imagen destacada - Añadir banner de aceptación de cookies en WordPress

Desde hace ya bastante tiempo en Europa, así como en otros países, existen normas para regular la privacidad de los datos de los usuarios en Internet, de forma que estén protegidos y regulados. En el caso de Europa tenemos el RGPD y particularmente en España la LOPD o LSSI, por citar algunas conocidas.

GDPR son las siglas que equivalen a General Data Protection Regulation (o lo que es lo mismo en español: RGPD – Regulación General de Protección de Datos).

Esta ley fue aprobada el 14 de abril del 2016 por la Comisión Europea y protege los derechos y datos personales de todos los ciudadanos de la Unión Europea.

Pero no te preocupes, este artículo no va de Leyes ni normativas, sino de cómo puedes añadir banner de aceptación de cookies en WordPress para que tu sitio cumpla con esta obligación legal.

Puedes encontrar información completa sobre esta aplicación en el siguiente artículo que hemos publicado anteriormente.

Basado en esto y como medida de regulación, en Europa se ha creado una normativa para la protección de datos de los usuarios que debe ser implementada por cualquier sitio web en Internet que manipule cualquier información o recopile datos de usuarios.

Aquí verás de manera más específica cómo puedes cumplir esta normativa usando el plugin de GDPR Cookie Compliance (CCPA ready) en tu sitio WordPress.

  Instalar el banner de cookies en WordPress

 

Lo primero que deberías hacer una vez tenemos tu sitio web lista para que sea visible en Internet, es añadir el banner de las políticas de cookies, y esto lo puedes realizar instalando el plugin GDPR Cookie Compliance (CCPA, DSGVO, Cookie Consent) para WordPress.

Plugin GDPR Cookie Compliance (CCPA, DSGVO, Cookie Consent)

Este plugin es gratuito, pero ofrece actualizaciones o soporte comercial de pago

Localiza el plugin desde Plugins Añadir nuevo para poder instalarlo. Haz siempre una copia de seguridad antes de instalar plugins en tu sitio web.

Instalar plugin GDPR Cookie Compliance

Tras la instalación, lo activas y después vas a localizarlo en el menú izquierdo del dashboard como GDPR Cookie Compliance.

Menú plugin GDPR Cookie Compliance

Accede al mismo para proceder con la configuración global del mismo y personalización del banner que se mostrará en el frontal del sitio web.

Ajustes plugin GDPR Cookie Compliance

Una vez dentro de las opciones de configuración del plugin, doy un repaso a las opciones importantes que deberías revisar y ajustar según tus necesidades.

  • Marca
  • Ajustes del banner de cookies
  • Pantalla de ajustes de cookies
  • Botón flotante
  • Integraciones
  • Ajustes generales
  • Resumen de privacidad
  • Cookies estrictamente necesarias
  • Cookies de terceros
  • Cookies adicionales
  • Política de cookies

  Marca

 

Nada más acceder al plugin la primera pestaña de ajustes que ves es la de Marca donde la URL o ruta del logo “GDPR” ya se muestra configurada por defecto, a menos que quieras mostrar tu propio “logo” para el banner de RGPD, que no debería ser el mismo que tu logo del sitio web.

GDPR Cookie Compliance - Ajustes - Marca

También puedes personalizar el color, en hexadecimal, para la marca, si el botón de “RGPD” se muestra con esquinas redondeadas o no y con qué fuente o tipografía se mostrará dicho texto.

Un apartado muy sencillo de configurar.

  Ajustes del banner de cookies

 

Este apartado se centra en los textos que se mostrarán en el banner de cookies, la configuración del botón (texto, color, etc.) y la posición que tendrá el banner de las disponibles por defecto:

  • Arriba
  • Abajo
  • Al fondo a la izquierda
  • Al fondo a la derecha
GDPR Cookie Compliance - Ajustes - Banner de cookies

También puedes ajustar el retardo de aparición del banner de cookies al visitante, desde que entra en la página hasta que este es visible para aceptar o rechazar las cookies del sitio web. Por defecto se establece en 2 segundos, expresados en milisegundos.

  Pantalla de ajustes de cookies

 

Aquí puedes establecer si quieres un diseño en “pestañas” o de “página única” para el aviso de cookies que se mostrará en tu sitio web.

GDPR Cookie Compliance - Ajustes - Ajustes en página única o pestañas

Modelo de ventana modal (popup) de ajustes de cookies en el frontal del sitio de página única.

GDPR Cookie Compliance - Ajustes - Ajustes en página única

Modelo de ventana modal (popup) de ajustes de cookies en el frontal del sitio en pestañas.

GDPR Cookie Compliance - Ajustes - Ajustes en pestañas

Decide cuál de ambas opciones quieres que sea visible para el usuario, es una cuestión puramente estética y de uso, que no afecta a cómo se aceptan o rechazan las cookies del sitio web.

  Botón flotante

 

Aquí puedes activar (por defecto viene desactivado) el botón flotante del banner de Ajustes que el visitante ve en el frontal del sitio web.

Lo contrario sería anclado en una esquina, por lo que esta opción permite visualizar un icono de engranaje   en la pantalla en la esquina inferior izquierda.

También es posible modificar el texto que se mostrará al pasar el cursor por encima de dicho icono   y si será visible en dispositivos móviles.

GDPR Cookie Compliance - Ajustes - Flotante

Una vez lo aplicas y guardas los cambios, cuando aparece el banner de cookies y haces clic en Ajustes se muestra el icono   que al pasar el ratón mostrará el texto que hayas establecido en el campo de Etiqueta.

Resultado GDPR Cookie Compliance - Ajustes - Flotante

  Integraciones

 

El plugin GDPR Cookie Compliance para WordPress incluye recientemente la sección Integraciones que permite integrar dicho plugin con otras herramientas orientadas al SEO, posicionamiento y métricas de usuarios y visitas.

  • Google Universal Analytics
  • Google Analytics 4
  • Google Tag Manager
  • Google Ads
  • Meta Pixel (Formerly Facebook Pixel)

De esta forma, las cookies solo se cargarán si los visitantes aceptan la categoría de cookies correspondiente.

GDPR Cookie Compliance - Ajustes - Integraciones

  Ajustes generales

 

Configura el que la página se “recargue” si el usuario acepta las cookies, y que en caso de no aceptarlas, Google Analytics en WordPress, o el que uses para métricas, no contabilice la visita a dicha página y establece el tiempo de caducidad del consentimiento de cookies si el visitante las acepta.

GDPR Cookie Compliance - Ajustes generales

  Resumen de privacidad

 

Redacta el texto que quieres que se muestre en el Resumen de privacidad del sitio web, o utiliza el que viene ya definido por defecto en este apartado.

GDPR Cookie Compliance - Ajustes - Resumen privacidad

Se trata de añadir un resumen explicando el porqué aceptar las políticas de cookies, utilizando un texto sencillo, resumido. Es recomendable añadir el enlace completo de la Política de Cookies del sitio web.

  Cookies estrictamente necesarias

 

Aquí tienes que definir la información que se mostrará en el banner flotante, cuando el visitante hace clic en el botón Ajustes y le abre la ventana en formato “pestañas”.

  • Opcional (el usuario elige sus preferencias).
  • Siempre activo (el usuario no puede desactivarlo, pero puede ver el contenido).
  • Siempre activo y el contenido oculto al usuario.

Define el título de la pestaña para Cookies estrictamente necesarias y el texto que se mostrará en la parte derecha de dicha ventana flotante de RGPD.

Establece el Mensaje de la pestaña de advertencia y el Mensaje para las estrictamente necesarias obligatorias respectivamente.

GDPR Cookie Compliance - Ajustes - Cookies estrictamente necesarias

  Cookies de terceros

 

Configura el comportamiento de las cookies de terceros, ya que son necesarias para que el usuario las acepte al acceder a tu sitio web, por lo que debes tenerlas “desactivadas” por defecto, para que sea el visitante quien las active y acepte.

Aquí también puedes redactar el texto que se va a mostrar al visitante, indicándole que utilizas Google Analytics para recopilar datos del visitante. Adapta el texto a tus necesidades.

Más abajo encuentras tres cajas de código para poder añadir fragmentos de código o scripts en la cabecera (head), en el cuerpo (body) o en el pie de página (footer) por ejemplo para añadir Google Tag Managerscript de la aplicación de métricas u otros que requieras en tu web.

GDPR Cookie Compliance - Ajustes - Cookies de terceros

  Cookies adicionales

 

Activando las cookies adicionales podrás notificar que otras cookies utilizas en el sitio, como por ejemplo cookies publicitarias. Si tu sitio web no hace uso de este tipo de cookies puedes dejarlas desactivadas, en caso contrario necesitas activarlas y añadir el código que estás usando para insertar este tipo de cookie.

GDPR Cookie Compliance - Ajustes - Cookies adicionales

Aquí también podrás personalizar el texto y añadir “fragmentos de código” para herramientas externas.

  Política de cookies

 

Configura la opción de acceder a la página de Política de cookies de tu web desde el banner de aceptación, de forma que el visitante pueda leerlas antes de aceptarlas.

Una vez terminas las configuraciones, el banner debería mostrarse en el frontal del sitio web, dependiendo del diseño y formato que hayas establecido, tal como has podido ver en los puntos anteriores.

Banner GDPR Cookie Compliance en el frontal de la web

  Optimiza las llamadas a admin_ajax del plugin RGPD

 

Ajax es una tecnología basada en JavaScript que ayuda a construir sitios web dinámicos e interactivos. WordPress y algunos plugins como GDPR Cookie Compliance utilizan Ajax para potenciar muchas de las características principales de su área de administración, como el autoguardado de mensajes.

En este caso, si necesitas tener tu web optimizada, tendrás que reducir las numerosas solicitudes de Ajax al archivo admin-ajax.php afectando a los recursos de la cuenta de Hosting y por ende del servidor donde esta se aloje.

Para evitar el uso intensivo de las llamadas Ajax puedes usar un código en tu web que reduzca estas llamadas.

Esto tendrás que hacerlo editando el archivo functions.php del Tema en uso, aunque lo ideal es utilizar algún plugin de fragmentos de código como Code Snippets o similar, así evitarás manipular archivos “delicados” de tu web.

add_action( 'gdpr_extend_loc_data', 'my_gdpr_extend_loc_data', 20, 1 );
function my_gdpr_extend_loc_data( $loc_data ) {
unset( $loc_data['ajaxurl'] );
return $loc_data;
}

Es importante realizar una copia de seguridad del sitio, que no debe llevarte más de 2 o 4 minutos, por si algo sale mal que puedas usarla para devolver tu web al estado anterior al añadido del snippet citado.

Una vez añadas el script, guarda los cambios, publica dicho snippet y comprueba que se está ejecutando, revisando el código fuente de la web.

  Conclusiones

 

En pleno siglo XXI, cuando la tecnología digital está tan integrada en nuestras vidas, sigue siendo necesario recordar a los visitantes de sitios web que tienen el derecho de aceptar o rechazar las “cookies” que por medio de su navegador se les instalan para hacer un seguimiento, con el fin de cumplir con las regulaciones de privacidad y obtención de consentimiento de estos.

Incluir un banner de aceptación de cookies parece un paso tan básico y obvio para operar un sitio web de forma ética, que resulta difícil creer que algunos sitios en Internet todavía no lo implementen.

No obstante, la realidad es que muchos sitios web en WordPress aún no muestran un aviso sobre el uso de cookies a sus visitantes.

Dependiendo del país, no informar sobre el uso de cookies y obtener el consentimiento explícito puede significar violar leyes de privacidad, protección de datos, y derechos del consumidor, lo que puede acarrear multas económicas.

Al incluir un banner de aviso de política de cookies en un sitio WordPress cumples con las regulaciones de privacidad y protección de datos, y si lo haces usando un plugin, este se encarga de detectar el país del visitante y mostrar el aviso correspondiente. De esta forma, el sitio opera dentro del marco legal y reduces el riesgo de posibles sanciones.

Al implementarlo en tu web demuestras una consideración ética con los visitantes, respetando su derecho a conocer y controlar cómo se utilizan sus datos. Esto genera confianza en el usuario y mejora la reputación del sitio web. Al automatizar el proceso con un plugin, no se requiere invertir recursos en desarrollarlo internamente, siendo una tarea fácil que llevas a cabo en pocos minutos.

¿Te ha resultado útil este artículo?

Promo abril