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

Playboard

Puedes encontrar el script apropiado en la vista de Instalación en tu instancia de Playboard.

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
Política de Cookies
Actualiza tus preferencias sobre cómo quieres obtener tu Política de Cookies
Deep Scan
Aprende cómo funciona la función de Deep Scan y cómo desbloquear todo el potencial