Primeros pasos - Consentimiento sobre el uso de cookies

Introducción al consentimiento de cookies de TermsFeed

¿Qué es el consentimiento de cookies de TermsFeed?

TermsFeed Free Cookie Consent (última versión 4.2) es una solución gratuita y de código abierto basada en JavaScript para la gestión de cookies que ayuda a los sitios web a cumplir con la Directiva de la UE sobre cookies, el RGPD y la Directiva sobre privacidad electrónica.

El consentimiento de cookies gratuito de TermsFeed ofrece un banner de aviso personalizable y un centro de preferencias que permite a los usuarios controlar qué cookies y scripts se ejecutan en su sitio web.

Características principales de TermsFeed Cookie Consent

100 % gratuito. Sin costes ocultos ni planes premium.
Cumple con el RGPD y la Directiva de Privacidad Electrónica. Diseñado para cumplir con los requisitos de privacidad de la UE.
Compatible con el Modo de Consentimiento V2 de Google. Se integra a la perfección con los requisitos de consentimiento de Google.
Modo de consentimiento UET de Microsoft. Compatible con los estándares de consentimiento de Microsoft Advertising.
Bloqueo de scripts. Impide que se carguen los scripts hasta que se conceda el consentimiento.
Diseño personalizable. Elige entre múltiples tipos de banners y paletas de colores; se puede aplicar CSS personalizado adicional.
Compatibilidad multilingüe. Disponible en varios idiomas.
Callbacks disponibles. Amplia API para integraciones personalizadas.

¿Quién necesita una solución de consentimiento de cookies?

Necesitas una solución de consentimiento de cookies si:

Utilizas Google Analytics o herramientas de análisis o seguimiento similares
Tienes widgets de redes sociales integrados
Utilizas píxeles publicitarios (Facebook, LinkedIn, etc.)
Tu sitio web almacena o recupera cookies más allá de las estrictamente necesarias (por ejemplo, inicio de sesión, autenticación)
Tienes visitantes de la región de la UE/EEE

Cómo funciona

Visualización del banner: Cuando los usuarios visitan tu sitio web por primera vez, ven un banner de consentimiento de cookies.
Elección del usuario: Los usuarios pueden aceptar todas, rechazar todas o personalizar sus preferencias.
Gestión de scripts: en función del consentimiento del usuario, los scripts etiquetados se cargan o se bloquean.
Almacenamiento de preferencias: Las preferencias del usuario se guardan en una cookie para futuras visitas.
Centro de preferencias: Los usuarios pueden cambiar sus preferencias en cualquier momento.

Tipos de consentimiento

TermsFeed Cookie Consent admite 2 modos de consentimiento:

Consentimiento implícito

Todos los scripts se cargan inmediatamente al cargar la página.
Se asume el consentimiento al continuar navegando.
Menos conforme con el RGPD.
Úsalo solo para audiencias fuera de la UE.

TermsFeed Cookie Consent banner - implied consent example

Consentimiento expreso (recomendado)

Los scripts se bloquean hasta que los usuarios los acepten explícitamente.
Por defecto, solo se cargan los scripts «estrictamente necesarios».
Enfoque conforme al RGPD.
Requiere el consentimiento activo del usuario.

TermsFeed Cookie Consent banner - express consent example

Categorías de cookies

Los scripts se organizan en 4 categorías:

Estrictamente necesarias. Esenciales para el funcionamiento del sitio web (siempre permitidas).
Funcionalidad. Mejoran la experiencia del usuario (por ejemplo, preferencias de idioma).
Seguimiento. Análisis y medición del rendimiento (p. ej., Google Analytics).
Segmentación. Marketing y publicidad (p. ej., Facebook Pixel).

Guía de inicio rápido

Pon en marcha TermsFeed Cookie Consent en tu sitio web en 5 sencillos pasos.

Paso 1: Carga el consentimiento de cookies de TermsFeed

Añade el archivo JavaScript de Cookie Consent a tu sitio web.

<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>

Paso 2: Añade el código de configuración

Añade el script de configuración inmediatamente después del script de Cookie Consent:

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    cookieconsent.run({
        "notice_banner_type": "headline",
        "consent_type": "express",
        "palette": "light",
        "language": "en",
        "website_name": "Your Website Name",
        "website_privacy_policy_url": "https://yourwebsite.com/privacy",
        "open_preferences_center_selector": "#changePreferences",
        "page_load_consent_levels": ["strictly-necessary"]
    });
});
</script>

Paso 3: Añade la línea de créditos (obligatorio)

Incluye la etiqueta de créditos noscript (obligatoria según nuestra licencia):

<noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>

Paso 4: Añade el botón «Cambiar tus preferencias»

Crea un botón o enlace en el que los usuarios puedan hacer clic para cambiar sus preferencias:

<button id="changePreferences">Change Cookie Preferences</button>

El ID debe coincidir con el open_preferences_center_selector de tu configuración.

Paso 5: Etiqueta los scripts de tus proveedores externos

Modifica los scripts existentes para respetar el consentimiento del usuario:

Cambiar type="text/javascript" por type="text/plain"
Añadiendo el atributo data-cookie-consent="CATEGORY"

Ejemplo: Google Analytics

Antes:

<script type="text/javascript">
  // Google Analytics code
</script>

Después:

<script type="text/plain" data-cookie-consent="tracking">
  // Google Analytics code
</script>

Ejemplo completo

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>

    <!-- Page content here -->

    <!-- Cookie Consent by TermsFeed -->
    <script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        cookieconsent.run({
            "notice_banner_type": "headline",
            "consent_type": "express",
            "palette": "light",
            "language": "en",
            "website_name": "My Website",
            "website_privacy_policy_url": "https://mywebsite.com/privacy",
            "open_preferences_center_selector": "#changePreferences",
            "page_load_consent_levels": ["strictly-necessary"]
        });
    });
    </script>
    <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
    <!-- End Cookie Consent -->

    <!-- Button to change preferences -->
    <button id="changePreferences">Cookie Settings</button>

    <!-- Tagged Google Analytics -->
    <script type="text/plain" data-cookie-consent="tracking">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview');
    </script>

</body>
</html>

Comprobación de la implementación

Borra las cookies de tu navegador para tu sitio web.
Vuelve a cargar la página. Deberías ver el banner de consentimiento.
Comprueba si hay errores en la Consola de desarrollador de tu navegador.
Prueba la funcionalidad de bloqueo de scripts:
1. Antes de aceptar: los scripts etiquetados NO deberían cargarse
2. Después de aceptar: los scripts etiquetados deben cargarse
Prueba el botón «Cambiar tus preferencias»: haz clic en el botón para comprobar que se abre el Centro de preferencias.

Errores comunes al implementar el consentimiento de cookies de TermsFeed

Olvidarse de cambiar el tipo de script a text/plain
Falta el atributo data-cookie-consent
No incluir page_load_consent_levels con solo «estrictamente necesario»
El ID del botón no coincide con open_preferences_center_selector
Eliminar la etiqueta noscript de créditos requerida