Adapta tu web a la nueva Ley de Protección de Datos del 2020, usando JavaScript, CSS y Bootstrap.

La nueva Ley de Protección de Datos de carácter personal del 2020,  nos obliga a realizar modificaciones en nuestras páginas web. Esto evitará sanciones y denuncias futuras realizadas por los usuarios que naveguen nuestra web.

Antes de poder implementar el código debemos saber porqué necesitamos implementar dichos cambios, por lo que voy a resumir brevemente el contenido de esta.

Ley de Protección de Datos y Garantía de Derechos de Digitales

La Ley de Protección de Datos y Garantía de Derechos de Digitales (LOPDGDD), siempre debemos implementarla si ofrecemos un servicio en nuestra web, ya sean formularios de contacto, suscripciones, venta de productos, publicidad o incluso si dispones de analíticas. Tan sólo estaremos excluidos si nuestro sitio web es privado o para uso doméstico.

Recuerda que si eres empresa estás usando los datos de la gente y por lo tanto te juegas tu reputación y credibilidad y lo que tienes que tener claro es que cualquier ciudadano podrá reclamar daños y perjuicios relacionados con su identidad.

Para implementar estos cambios en nuestra web, inicialmente obtenemos el consentimiento del usuario y no menos importante le garantizamos el derecho al olvido u oponerse al uso de sus datos personales. Por ello necesitamos actualizar todas las políticas legales de nuestro sitio web (avisos legales, políticas de privacidad y política de cookies). Por otro lado debemos actualizar todos los formularios de nuestro sito web para solicitar el consentimiento al usuario.

No voy a entrar más en detalle, porque no es mi campo ni el objetivo de este post, además disponemos de los enlaces al BOE para obtener más información.

Qué necesitamos saber

Si vas a implementar el código en WordPress u otras plataformas personalizadas recuerda que hay mejores alternativas para ello (plugins), por lo que este código sólo es para usarlo en páginas personalizadas o meramente como documentación para poder crear uno por ti mismo. Para empezar necesitamos hacer uso de las siguientes tecnologías:

  • HTML5 para mostrar textos , enlaces y capas que verá el usuario.
  • CSS y Bootstrap, para maquetar cómo ve la información el usuario.
  • JavaScript, para poder gestionar las cookies y eventos, que nos permiten controlar si el usuario a consentido o no.
  • jQuery, porque lo necesita Bootstrap para abrir los popups.

Cómo funciona

He creado un sencillo script, el cual usa 2 cookies; la primera se encarga de mostrar la información al usuario para que pueda gestionar como se va a tratar su información. Mientras que la segunda tan sólo comprueba si el usuario aceptó o denegó el uso de sus datos.

Para ver un ejemplo funcionando podéis hacer clic aquí y para comprobar el código que he usado podéis acceder a mi cuenta en jsfiddle.

Implementación

Para implementarlo, necesitamos incluir las siguientes librerías, empezando con las llamadas a los frameworks de Bootstrap y jQuery y declarando nuestros propios estilos y scripts personalizados.

El siguiente paso es incluir el código HTML que mostraremos al usuario. Por un lado tenemos la capa inicial donde le mostramos información relacionada con la LOPDGDD. También podrá comprobar más información de cómo será usada su información personal.  Por otro lado está el Popup, donde podrá aceptar o denegar el uso de su información.

Puedes crear tus propios estilos o modificar los que he creado he creado por defecto, para que estos sean lo más agradable al usuario.

Por último insertamos el código JavaScript que controla las interacciones del usuario, además de gestionar y almacenar las cookies. Recuerda que siempre hay mejores maneras de escribir el código y siempre se puede mejorar su funcionalidad.

Es importante saber que no sólo basta con esto, ya que para cumplir la ley debemos incluir en los códigos donde almacenamos información de los usuarios, una comprobación o lectura de la cookie que hemos creado, para comprobar si el usuario permite o no el uso de su información. De esta forma el usuario podrá navegar de forma invisible y por lo tanto no tendremos el control sobre sus datos (ip, registros, accesos, etc …)

A continuación todo el código y una previa de cómo se vería.

Etiquetado

Deja una respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.