BerryCookie es un servicio de consentimiento para cookies (CMP) que hemos construido para nuestros propios sitios y que ahora puede usar cualquiera. Pones una sola línea de código en la página, y BerryCookie muestra el banner, bloquea los rastreadores hasta que el visitante elige y mantiene la prueba de la elección. Puedes empezar con el plan gratuito.

¿Por qué hicimos otro banner de cookies?

Tengo varios sitios y todos necesitan lo mismo: un banner de cookies que respete el GDPR sin ralentizar las páginas. Las soluciones grandes, como Cookiebot, hacen su trabajo, pero pagas por cada dominio y recibes mucho más de lo que realmente necesitas. Muchas opciones gratuitas, en cambio, solo muestran un mensaje. Los scripts de analytics se activan de todos modos, sin importar lo que presione el visitante. Un banner que no bloquea nada no te ayuda en nada en una auditoría.

Así que lo escribí desde cero, con tres reglas: que sea pequeño, que bloquee de verdad y que funcione en cualquier sitio, sin importar qué tecnología esté construido.

¿Cómo se instala?

El script debe colocarse primero en <head>, antes de cualquier rastreador:

<script id="BerryCookie" src="https://cdn.berrycookie.com/bc.js" data-key="CLAVE-SITIO" data-blockingmode="auto"></script>

La clave la encuentras en el panel de BerryCookie, después de añadir el sitio. Para WordPress hay un plugin, y para Google Tag Manager, una plantilla.

¿Qué hace, concretamente?

Bloquea rastreadores hasta que se da el consentimiento

En modo automático, BerryCookie reconoce rastreadores conocidos, como Facebook, LinkedIn, TikTok, Hotjar o Microsoft Clarity, y no les permite ejecutarse hasta que el visitante no acepte la categoría correspondiente. Funciona también para scripts añadidos en la página por otros scripts, no solo para los escritos directamente en HTML.

Los scripts y iframes los marcas con una categoría, por ejemplo estadísticas o marketing, y se activan solo después de dar el consentimiento. Un video de YouTube incluido en el artículo se carga solo después de que el visitante acepte las cookies de marketing.

Google Consent Mode v2

Las etiquetas de Google no están bloqueadas. Reciben las señales de Google Consent Mode v2: por defecto todo está rechazado, y después de la decisión se envía la actualización. Google Analytics y Google Ads funcionan exactamente según lo que permite la elección del visitante, y en Google Tag Manager recibes un evento separado con el que puedes construir los disparadores.

Reglas por regiones

No todos los visitantes tienen los mismos derechos. Para la Unión Europea, el banner solicita el consentimiento antes de que se active algo (opt-in). Para otras regiones puedes elegir opt-out, donde todo se ejecuta y el visitante puede rechazar, o puedes no mostrar el banner en absoluto. Las reglas las estableces desde el panel, según la barra del visitante.

Lista de cookies y centro de preferencias

El visitante ve las categorías, cada una con su interruptor, y las cookies de cada categoría. Las cookies las declaras en el panel, y el escaneo mensual te muestra lo que ha encontrado efectivamente en el sitio, para que no quede nada no declarado. Después de elegir, aparece un botón pequeño y redondo con el que puede cambiar su decisión en cualquier momento. Si el botón cubre algo de la página, lo puede mover.

Registro de consentimientos

Cada decisión se registra: qué categorías han sido aceptadas y cuándo. Si alguna vez se te pide prueba de que un visitante ha dado su consentimiento, la tienes en el registro.

Pequeño, para no ralentizar tu sitio

El script principal tiene alrededor de 7.5 kB comprimido y no depende de ninguna otra biblioteca. La ventana de preferencias se carga por separado, después de que el banner ya está en pantalla, así que la primera visualización no la retrasa. La elección del visitante permanece en una cookie de primera parte, en tu dominio.

Lo que ningún banner puede hacer

Una cosa que aprendí probando en el navegador y que pocos pueden decir: el bloqueo automático detiene a los rastreadores de ejecutarse, pero un <script src> escrito directamente en HTML puede ser aún descargado antes de que se ejecute algún JavaScript. El navegador lee la página por adelantado y comienza a descargar temprano. Si quieres que ni siquiera se envíe esa solicitud, marcas la etiqueta con type="text/plain" y una categoría. Así, el navegador no la descarga en absoluto hasta que se da el consentimiento.

Todo esto también trae otra regla: si el visitante retira su consentimiento para una categoría, la página se recarga. Un script que ya se está ejecutando no puede ser detenido desde afuera, y la recarga es la única opción correcta.

Y aún más claro: BerryCookie te ayuda a cumplir con las reglas para cookies, pero no te escribe la política de privacidad y no sustituye a un abogado.

Si vienes de Cookiebot

BerryCookie entiende también el atributo data-cookieconsent usado por Cookiebot. Si ya tienes los scripts marcados para Cookiebot, cambias la línea en <head>, y las marcas existentes continúan.

Planes

Puedes empezar gratis. Los planes de pago, Pro, Business y Agency, son para sitios más grandes y para agencias que gestionan más clientes. Entre otras cosas, traen soporte para IAB TCF v2.2, el estándar requerido por muchas redes publicitarias. Los detalles y precios están en berrycookie.com.

¿Por qué escribo sobre esto en Genstackcore?

Genstackcore es el lugar donde cuento lo que construyo, y BerryCookie es uno de mis proyectos. Más sobre el blog lo encuentras aquí. Volveré con artículos sobre cómo funciona por dentro, desde el bloqueo de scripts hasta las pruebas en el navegador. Si lo intentas y algo no funciona como esperabas, escríbeme desde la página de contacto.