c15t

Cos'è c15t?

c15t è un framework open source per gestire il consenso cookie e il caricamento degli script nelle applicazioni web moderne. Il suo scopo principale è aiutare gli sviluppatori a controllare come raccogliere il consenso e come abilitare (o bloccare) script di tracciamento o altri in base allo stato del consenso.

Il progetto è posizionato come “developer-first” e “headless”, il che significa che la logica di consenso sottostante è separata dall'interfaccia utente, permettendo ai team di costruire l'esperienza del banner e del dialogo nel proprio stack, anziché affidarsi a una logica vendor opaca.

Caratteristiche Principali

• Framework open source per consenso cookie, flussi di conformità privacy, focalizzato sulle app web moderne.
• Controllo del consenso e caricamento script progettato per esecuzione client/edge, con l'obiettivo dichiarato di bloccare le richieste fino all'impostazione dello stato di consenso rilevante.
• Core headless compatibile con più framework (elencati: React, Vue, Svelte, Angular, Next.js, Nuxt, SvelteKit, Astro, Solid, Qwik e altri).
• Scaffolding CLI per generare rapidamente un cookie banner, o l'opzione di “inserire la logica headless” e controllare completamente l'esperienza.
• Personalizzazione UI controllata dagli sviluppatori tramite CSS/design token propri, con componenti banner/dialog progettati per integrarsi con il vostro stile.
• Supporto i18n per gestione lingua/locale del banner (traduci una volta, consenso ovunque).
• Opzioni lingua e presentazione basate su geolocalizzazione, inclusa la possibilità di “servire il banner finale nella lingua finale” e opzionalmente non mostrarlo affatto (come descritto).
• Supporto targeting per giurisdizione che copre oltre 15 leggi sulla privacy, inclusi GDPR e CCPA/CPRA, con esempi per LGPD, PIPEDA, PIPL e APPI.

Come Usare c15t

Un setup tipico inizia aggiungendo il provider e i componenti UI specifici del framework di c15t, poi configurandolo con la vostra modalità di consenso, URL backend e gli script da vincolare al consenso.

Dall'esempio Next.js della pagina:

1. Importa il provider e i componenti UI (es. ConsentManagerProvider, ConsentBanner, ConsentDialog).
2. Aggiungi i tuoi script alla configurazione del provider (l'esempio mostra uno script Meta Pixel via metaPixel({ pixelId: "..." })).
3. Imposta opzioni inclusa mode (l'esempio usa hosted) e backendURL (da variabile d'ambiente).
4. Renderizza <ConsentBanner /> e <ConsentDialog /> per permettere all'utente di gestire le impostazioni privacy.

Il sito menziona anche un quick start via CLI (npx @c15t/cli).

Casi d'Uso

• Applicazioni Next.js che necessitano di un banner consenso e dialogo impostazioni mantenendo lo stato di consenso legato al caricamento script (es. abilitare script analytics specifici solo dopo selezione utente).
• Team multi-framework che vogliono un unico approccio logica consenso con UI costruita nei propri componenti, dato che il core è headless e compatibile con molti framework.
• Prodotti con forte localizzazione che necessitano testo banner consenso nella lingua dell'utente, usando la gestione i18n/locale integrata descritta.
• Prodotti operanti in regioni dove il messaging privacy-law (o persino la visualizzazione del banner) deve variare per giurisdizione e lingua, supportato via geolocalizzazione e configurazione giurisdizione come descritto.
• Team che preferiscono styling personalizzato e integrazione design token per banner/dialog, anziché adottare un'UI preconfezionata.

FAQ

• c15t è una soluzione solo UI? No. Il sito descrive c15t con un core headless dove gli sviluppatori possono “inserire la logica headless” e controllare esperienza e styling.

• Quali framework sono supportati? La pagina elenca compatibilità con React, Vue, Svelte, Angular, Next.js, Nuxt, SvelteKit, Astro, Solid, Qwik e altri.

• Posso personalizzare l'aspetto del banner? Sì. La pagina afferma che puoi stilizzare con il tuo CSS e design token, e che controlli l'esperienza.

• c15t supporta più lingue? Sì. La pagina afferma che c'è supporto i18n con gestione locale integrata.

• Come gestisce diverse giurisdizioni privacy? La pagina descrive geolocalizzazione e targeting giurisdizione, inclusi esempi come GDPR e CCPA/CPRA, e menziona oltre 15 giurisdizioni.

Alternative

• Librerie di gestione del consenso headless/framework-agnostiche: Invece di usare un framework dedicato per il consenso, i team possono costruire autonomamente la gestione dello stato del consenso e bloccare il caricamento degli script dietro la propria UI. Questo differisce spostando lo sforzo di implementazione via da un framework pronto.
• Componenti per cookie/banner focalizzati sull'UI: Alcune soluzioni forniscono principalmente un banner di consenso pronto con configurazione. Queste tipicamente sacrificano il controllo dello sviluppatore sulla logica del consenso e il gating degli script rispetto a un approccio headless.
• Strumenti di gestione tag/script con modalità consenso: Alternative nella categoria analytics/gestione tag possono offrire attivazione script consapevole del consenso. I workflow spesso ruotano attorno a regole tag piuttosto che un core headless di consenso integrabile direttamente dagli sviluppatori.
• Piattaforme privacy/compliance: Queste gestiscono tipicamente workflow di compliance più ampi. Possono essere meno allineate con pattern di consenso e caricamento script framework-agnostici e controllati dagli sviluppatori descritti per c15t.