Declaración de Cookies

Aprende cómo integrar y personalizar la Declaración de Cookies en tu sitio web

Resumen

La Declaración de Cookies proporciona una lista completa y actualizada automáticamente de todas las cookies utilizadas en tu sitio web. Esta declaración dinámica asegura que tu política de cookies se mantenga actualizada y cumpla con las regulaciones de privacidad como GDPR y CCPA.

¿Qué es la Declaración de Cookies?

Una Declaración de Cookies es una lista detallada que muestra:

  • Todas las cookies presentes en tu sitio web
  • Su propósito y funcionalidad
  • Duración y tiempo de expiración
  • Si son esenciales u opcionales
  • Qué servicios de terceros las utilizan

A diferencia de las políticas de cookies estáticas que requieren actualizaciones manuales, la Declaración de Cookies de Visible Privacy escanea y actualiza automáticamente tu lista de cookies en tiempo real.

Integración

Integración básica del script

Para añadir la Declaración de Cookies a tu sitio web, simplemente incluye esta etiqueta de script donde quieras que aparezca:

<script async type="text/javascript" src="https://bc-prod-config.empathy.co/[CLIENT_ID]/cookieDeclaration.js"></script>

Encontrar tu ID de Cliente

  1. Inicia sesión en tu Visible Privacy Playboard
  2. Navega a Instalación → Tu ID de Cliente
  3. Copia tu ID de Cliente de la sección de configuración
  4. Reemplaza [CLIENT_ID] en el script con tu ID real

Ejemplo de implementación

Así es como integrar la Declaración de Cookies en una estructura típica de sitio web:

cookie-policy.html
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Política de Cookies - Tu Sitio Web</title>
</head>
<body>
    <h1>Política de Cookies</h1>
    <p>Aprende sobre cómo usamos las cookies y cómo puedes gestionar tus preferencias.</p>
    
    <!-- Integración de la Declaración de Cookies -->
    <div id="cookie-declaration">
        <script async type="text/javascript" src="https://bc-prod-config.empathy.co/TU_CLIENT_ID/cookieDeclaration.js"></script>
    </div>
</body>
</html>

Opciones de personalización

Integración de estilos

La Declaración de Cookies hereda el estilo de tu sitio web pero puede personalizarse usando las siguientes clases CSS:

/* Estilo del contenedor principal */
.vp-cookie-declaration-container {}

/* Sección de estado de consentimiento */
.vp-cookie-declaration-consent-status {}

/* Secciones de categorías */
.vp-cookie-declaration-category-section {}

/* Encabezados de categorías */
.vp-cookie-declaration-category-header {}

/* Descripciones de categorías */
.vp-cookie-declaration-category-description {}

/* Estilo de la tabla de cookies */
.vp-cookie-declaration-table {}

.vp-cookie-declaration-table th {}

.vp-cookie-declaration-table td {}

.vp-cookie-declaration-table tr:hover {}

Soporte de idiomas

La Declaración de Cookies detecta automáticamente el idioma de tu sitio web y muestra el contenido en consecuencia. Los idiomas soportados incluyen:

  • Español
  • Inglés
  • Francés
  • Alemán
  • Italiano
  • Portugués
  • Polaco

Mejores prácticas

Recomendaciones de ubicación

  • Página dedicada de política de cookies: Crea una página independiente para tu declaración de cookies
  • Enlaces en el pie de página: Siempre enlaza a tu política de cookies desde el pie de página de tu sitio web
  • Centro de privacidad: Inclúyela como parte de un centro de privacidad integral

Cumplimiento legal

  • Revisiones regulares: Aunque es automática, revisa periódicamente la declaración para verificar la precisión
  • Integración con política de privacidad: Asegúrate de que tu política de privacidad haga referencia a la declaración de cookies
  • Gestión de consentimiento: Úsala junto con la solución de gestión de consentimiento de Visible Privacy

Experiencia del usuario

  • Navegación clara: Haz que tu política de cookies sea fácilmente accesible
  • Optimización móvil: Prueba la declaración en dispositivos móviles

Categorías de cookies

La Declaración de Cookies categoriza automáticamente las cookies en diferentes tipos:

Cookies técnicas

Cookies esenciales requeridas para la funcionalidad básica del sitio web:

  • Gestión de sesiones
  • Funciones de seguridad
  • Equilibrio de carga
  • Navegación básica

Cookies de preferencias

Cookies que mejoran la experiencia del usuario:

  • Preferencias de idioma
  • Configuraciones de tema
  • Opciones de personalización
  • Funciones de accesibilidad

Cookies analíticas

Cookies utilizadas para análisis del sitio web y rendimiento:

  • Google Analytics
  • Análisis de tráfico
  • Monitoreo de rendimiento
  • Seguimiento del comportamiento del usuario

Cookies de marketing

Cookies utilizadas para publicidad y marketing:

  • Publicidad dirigida
  • Seguimiento de conversiones
  • Integración de redes sociales
  • Campañas de remarketing

Solución de problemas

Problemas comunes

El script no se carga:

  • Verifica que tu ID de Cliente sea correcto
  • Revisa si hay errores de JavaScript en la consola del navegador
  • Asegúrate de que el script no esté bloqueado por bloqueadores de anuncios

Información de cookies desactualizada:

  • La declaración se actualiza automáticamente, pero los cambios pueden tardar hasta 24 horas
  • Limpia la caché de tu navegador si no ves cambios recientes
  • Contacta al soporte si los problemas persisten

Problemas de estilo:

  • Revisa conflictos de CSS con el tema de tu sitio web
  • Usa las herramientas de desarrollador del navegador para inspeccionar el estilo
  • Aplica CSS personalizado si es necesario
Dominios
Añade, elimina o actualiza sitios web de tu organización
Gestión de cookies
Todo lo que necesitas saber sobre cómo Beautiful Consent gestiona y controla las cookies