Ir al contenido

Banners de cookies · Opinión de la redacción

c15t opiniones: consentimiento de cookies para React

c15t.com

c15t es una librería de código abierto para gestionar el consentimiento de cookies, con licencia Apache 2.0 y mantenida por Inth, una empresa de San Francisco. Trae un banner listo para React y Next.js, frena scripts, iframes y peticiones de red hasta que el visitante decide, y su backend alojado es gratis hasta 5000 sesiones al mes.

Nuestra opinión sobre c15t

c15t encaja en una web para adultos hecha con React o Next.js que recibe tráfico de España y de América Latina y cuenta con un desarrollador. Permite mostrar el banner a los visitantes europeos, decidir país por país qué ven los de México o Colombia y retener las etiquetas de las redes publicitarias hasta que el visitante acepta.

Para un tube con KVS, un sitio de pago en PHP o un blog en WordPress, c15t no ofrece un banner listo, y un plugin o una librería que se instala con una etiqueta script da mucho menos trabajo.

Documentación de c15t en modo oscuro, página de inicio rápido para Next.js con el comando npx @c15t/cli y la instalación del paquete @c15t/nextjs
c15t

Un banner para España y otro para México o Colombia

c15t elige el modelo de consentimiento según la ubicación del visitante: consentimiento previo en la Unión Europea, el Reino Unido, Suiza, Brasil, Japón, Corea del Sur y Quebec, y simple aviso con derecho de oposición en California, el resto de Canadá y Australia. Un visitante de España ve el banner antes de que se cargue nada.

México y Colombia no aparecen en esa tabla automática. Las reglas por región, que c15t llama policy packs, sirven para fijarles un modelo: una regla puede apuntar a un país, como MX o CO, o a una región concreta. Cinco reglas vienen ya preparadas, entre ellas Europa con consentimiento previo y el resto del mundo sin banner, y las europeas se aplican también cuando falla la geolocalización. En el backend de Inth, estas reglas empiezan con el plan Starter.

Para publicidad programática en Europa, c15t gestiona IAB TCF 2.3, y Google Consent Mode v2 y Google Tag Manager tienen módulos propios. Inth está certificado como plataforma IAB y presta su identificador a quien usa su backend con la interfaz IAB incluida. Con un backend propio hay que registrarse ante IAB Europe, con las tasas que cobre.

Bloquear ExoClick o TrafficStars hasta que el visitante acepte

c15t solo inyecta un script cuando su categoría está aceptada, y además corta las llamadas fetch y XMLHttpRequest hacia los dominios que se le indiquen. Los iframes siguen la misma regla con el atributo data-src.

Ninguno de los módulos de @c15t/scripts corresponde a una red adulta: hay Google, Meta, TikTok, X o Microsoft, entre otros. ExoClick, TrafficStars o JuicyAds se declaran como scripts normales en la categoría de marketing.

Si un visitante retira un consentimiento que había dado, c15t recarga la página para que el script no vuelva a ejecutarse, ya que una cookie httpOnly o del dominio de la red no se puede borrar desde JavaScript. c15t no rastrea las cookies del sitio: cada rastreador hay que conocerlo y declararlo.

Solo React y Next.js tienen banner incluido

El banner y el panel de preferencias son componentes de React. El paquete c15t en JavaScript puro no dibuja nada y deja la interfaz en manos del desarrollador. Vue, Svelte y TanStack Start están en la versión 3, todavía en alfa. El español viene entre las 35 traducciones del paquete, igual que el portugués. El catalán no figura.

Dónde guarda c15t la prueba del consentimiento

Sin backend, la elección solo queda en una cookie y en el localStorage del navegador, sin geolocalización ni historial, y se aplica la norma europea a todos. Con backend, cada decisión crea un registro que no se sobrescribe, con las preferencias, la normativa detectada, la IP y la hora, más un registro de auditoría. Ese backend lo aloja Inth o se instala en Node.js, Bun, Deno o Cloudflare Workers, con Prisma, Drizzle, Kysely, TypeORM o MongoDB como base de datos.

Precio del backend de Inth

La librería es gratuita, también el backend propio. Inth cobra el alojamiento en dólares, con un 20 % de descuento en pago anual:

PlanPrecio al mesIncluye al mes
Free0 $5000 sesiones y consentimientos, 1 proyecto
Starter20 $25 000, 2 proyectos, reglas por región
Pro50 $100 000, proyectos ilimitados, soporte por chat

Por encima de la cuota, cada petición cuesta 0,001 $.

Puntos fuertes y limitaciones de c15t

Puntos fuertes

  • Reglas por país, con respaldo europeo si falla la geolocalización.
  • Bloqueo de peticiones de red además de scripts e iframes.
  • Registro de consentimientos en Inth o en una base propia.
  • Licencia Apache 2.0 y versiones frecuentes.

Limitaciones

  • Sin banner listo fuera de React y Next.js.
  • Sin escáner de cookies.
  • Sin módulos para redes publicitarias adultas.
  • Documentación solo en inglés.

c15t o Klaro! para una web para adultos

Klaro! se instala con una etiqueta script en cualquier web y no implementa IAB TCF. c15t pide una aplicación React, pero gestiona IAB TCF 2.3, guarda las pruebas en un backend y adapta el banner a cada país. Un tube en PHP que no vende publicidad programática se queda con Klaro!, una web en Next.js con anunciantes europeos con c15t.

Fuentes