top of page

Política de cookies

El banner de cookies se muestra en la parte inferior de la página, con un fondo oscuro (#333) y texto blanco. Informa al usuario que el sitio utiliza cookies para mejorar la experiencia de navegación. El texto también incluye un enlace en color dorado a la "Política de Privacidad", donde el usuario puede obtener más información sobre el uso de cookies.

 

Hay dos botones disponibles:

1. Aceptar: Al hacer clic en el botón amarillo (con un fondo de color #ffd700), el usuario acepta el uso de cookies. El botón tiene el texto "Aceptar".

2. Rechazar: El botón rojo (#f44336) ofrece la opción de rechazar el uso de cookies. El botón tiene el texto "Rechazar".

 

El diseño del banner es responsivo, se fija en el pie de página y ocupa todo el ancho de la pantalla.

 

Función acceptCookies():

Cuando el usuario hace clic en el botón "Aceptar", se llama a esta función.  

Almacena la información de que los cookies han sido aceptados usando `localStorage.setItem('cookiesAccepted', 'true')`.  

Luego, el banner de cookies se oculta con `document.getElementById('cookie-banner').style.display = 'none'`, lo que hace que la notificación desaparezca de la pantalla.

 

Función declineCookies():

Cuando el usuario hace clic en el botón "Rechazar", se llama a esta función.  

Almacena la información de que los cookies han sido rechazados usando `localStorage.setItem('cookiesAccepted', 'false')`.  

De manera similar a la función anterior, el banner de cookies se oculta con `document.getElementById('cookie-banner').style.display = 'none'`, eliminando la notificación de la pantalla.

 

Estas funciones se utilizan para registrar la elección del usuario respecto a los cookies y ocultar el banner, además de almacenar la decisión del usuario localmente en el navegador para que la elección se recuerde en futuras visitas.

 

Carga de Cookies Después del Consentimiento:

**Evento de Carga de la Página:**  

El código se ejecuta tan pronto como el contenido de la página se haya cargado completamente, mediante el evento `DOMContentLoaded`.

 

Verificación del Consentimiento de Cookies:

El código verifica, usando `localStorage.getItem('cookiesAccepted')`, si el usuario ya ha proporcionado una respuesta respecto a los cookies.

 

- Si el usuario aceptó los cookies (cuando el valor almacenado es `'true'`):  

En este caso, se pueden habilitar las funcionalidades o características del sitio que dependen de cookies, como:

  - Cargar herramientas de análisis (como Google Analytics).

  - Mostrar publicidad.  

  Estas características solo se activan después del consentimiento del usuario.

 

- Si el usuario rechazó los cookies (cuando el valor almacenado es `'false'`):  

Aquí, puedes deshabilitar o limitar funcionalidades que dependen de cookies. Esto significa que el sitio no cargará características como anuncios o herramientas de análisis que requieren cookies.

 

- Si el usuario aún no ha proporcionado una respuesta:

Si el consentimiento aún no ha sido registrado (es decir, no hay respuesta en `localStorage`), se mostrará el banner de cookies al usuario, solicitando su elección.  

El banner se muestra con el comando `document.getElementById('cookie-banner').style.display = 'block'`.

 

En resumen, este código garantiza que, después de cargar la página, el comportamiento del sitio (en lo que respecta a los cookies) se adapte según la elección del usuario, ya sea que acepte, rechace o aún no decida sobre los cookies.

 

Lee nuestra Política de Privacidad:

Este es un enlace a la página donde los usuarios pueden consultar información detallada sobre cómo se recogen, almacenan y utilizan los datos en el sitio, además de otros aspectos relacionados con la privacidad. El enlace aparece en color dorado (#ffd700) para destacarse.

bottom of page