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.