KATLA PER WEBFLOW
Consenso ai cookie per Webflow, con il banner disegnato a modo tuo.
Aggiungi Katla a Webflow come head code su ogni pagina e usa il banner ospitato, oppure disegna il tuo banner in Webflow e fai girare Katla headless dietro di esso. Funziona anche un container Google Tag Manager, e la scansione scrive la cookie policy a partire da ciò che il tuo sito imposta.
Head code, tutte le pagineOppure Google Tag ManagerOppure un banner creato in Webflow
Site settings → Custom code → Head codeHead, tutte le pagine
1. In Katla, add your Webflow site's domain and let the first scan run. 2. Install → Widget, and copy the snippet. 3. In Webflow: Site settings → Custom code → Head code. 4. Paste it into the head code for all pages, above any analytics or advertising code. 5. Publish, then open the site in a private window and check that the banner appears. For a banner you design yourself, load https://cdn.katla.app/YOUR-SITE-ID.js?headless=true instead: the guard and the API, no banner.
Verifica che il tuo piano Webflow includa il codice personalizzato a livello di sitoGuida al widget →
PERCHÉ I SITI WEBFLOW FATICANO CON IL CONSENSO
Un sito Webflow raccoglie cookie da tutto ciò che ci aggiungi.
IL PROBLEMAIntegrazioni, embed e tag di marketing su un sito Webflow impostano cookie propri, e la cookie policy è un modello che qualcuno ha adattato una volta.
CON KATLAKatla scansiona il sito pubblicato come farebbe un visitatore, elenca ogni cookie che trova con fornitore e finalità, e scrive la cookie policy a partire da quell’elenco.
IL PROBLEMAUn banner di consenso che ignora il tuo design system è l’unico elemento della pagina a cui non puoi dare stile.
CON KATLACarica Katla headless, disegna il banner come un normale elemento Webflow e chiama KatlaConsent dai suoi pulsanti. La logica del consenso, il blocco dei cookie e le registrazioni restano di Katla.
IL PROBLEMAIl codice di tracciamento nell’head parte appena la pagina si carica, prima che qualsiasi visitatore abbia scelto.
CON KATLAIl blocco dei cookie rifiuta i cookie fuori dalle categorie consentite e cancella quelli impostati prima del suo avvio. Gli script che aggiungi tu possono aspettare il consenso con data-katla-category.
CONFIGURAZIONE
Tre modi per installarlo, e un assistente se ti serve.
- Widget: incolla uno snippetCopia lo snippet da Install → Widget in Katla e incollalo in Site settings → Custom code → Head code, nell’head, per tutte le pagine, sopra qualsiasi codice di analytics.
- Tag Manager: niente da incollareSe il tuo sito Webflow carica già un container Google Tag Manager, collega Google in Katla e Katla scriverà lì il proprio tag, sul trigger Consent Initialization.
- Il tuo banner: headlessCarica Katla con la modalità headless attiva e disegna il banner in Webflow. I suoi pulsanti chiamano KatlaConsent.acceptAll(), rejectAll() o acceptCategories().
- Oppure chiedi al tuo assistenteCollega Claude o ChatGPT al server MCP di Katla: l’assistente aggiunge il sito, lo scansiona e ti consegna lo snippet. Tu lo incolli in Webflow; poi l’assistente controlla la pagina online in cerca di cookie impostati prima del consenso.
PENSATO PER WEBFLOW
Cosa ottieni, in qualunque modo installi.
Consent Mode v2Valori predefiniti e aggiornamenti per GA4 e Google Ads arrivano dal banner, quindi non c’è codice gtag per il consenso da scrivere o da tenere allineato.
Scansione dei cookie con l’AIOgni cookie del sito Webflow pubblicato, classificato per categoria e fornitore, con una descrizione in ogni lingua in cui pubblichi.
Una policy sempre aggiornataLa cookie policy si incorpora in qualsiasi pagina con un breve snippet, è generata dalla scansione e si aggiorna da sola dopo ogni scansione.
Una via per tornare sulla sceltaUn’icona fluttuante, o un link che chiama katla.open(), permette ai visitatori di cambiare o revocare la propria scelta da qualsiasi pagina.
Global Privacy ControlI visitatori il cui browser invia il GPC vengono registrati come rifiuto, o come opt-out ai sensi del CCPA, prima che il banner chieda qualcosa.
Ospitato nell’UEKatla gira nella regione eu-central-1 di AWS, a Francoforte.
CORE WEB VITALS
I cookie si sbriciolano. La tua SEO no.
Un banner di consenso è la prima terza parte su ogni pagina, e i siti creati con i builder hanno già parecchio script. Il banner di Katla pesa 18 KB trasferiti, è servito da una CDN e in cache sull’edge, e la modalità headless pesa 4 KB.
Come funziona la modalità headless →18 kBDati trasferitiBanner e dati dei tuoi cookie, brotli
0 msLCP aggiuntoRispetto alla stessa pagina senza
0Spostamento del layoutIl banner non riserva spazio nel flusso
2RichiestaUn solo script, in cache all’edge
Nostre misurazioni, effettuate il : ecco come le abbiamo fatte.
Le domande dei team Webflow
- Esiste un’app Katla per Webflow?
- No, e non serve. Katla funziona su Webflow come un solo snippet nel codice head dell’intero sito, da un container Google Tag Manager, oppure headless dietro un banner che disegni tu.
- Katla blocca i cookie che Webflow imposta da sé?
- La scansione li elenca. I cookie di cui Webflow ha bisogno per sessioni e sicurezza sono necessari e restano. Qualsiasi cookie che il visitatore non ha consentito viene rimosso all’avvio di Katla e rifiutato da lì in poi, ma i cookie impostati dai server di Webflow, anziché dagli script della pagina, sono fuori dalla portata di qualsiasi script di banner.
- Il mio assistente AI può installarlo?
- Tutto tranne incollare lo snippet. Collegato al server MCP di Katla, Claude o ChatGPT aggiunge il sito, esegue la scansione, ti dà lo snippet e ti dice dove va in Webflow, e controlla la pagina online dopo che hai pubblicato.
- Come collego un banner disegnato in Webflow?
- Carica https://cdn.katla.app/YOUR-SITE-ID.js?headless=true nell’head code, mostra il tuo banner finché KatlaConsent.hasConsent() è false, e fai chiamare ai suoi pulsanti KatlaConsent.acceptAll(), KatlaConsent.rejectAll() o KatlaConsent.acceptCategories() da un piccolo script nel codice personalizzato della pagina.
- Quale piano Webflow mi serve?
- Uno che pubblichi il codice personalizzato a livello di sito, quindi verifica che il tuo piano lo includa. Lato Katla, il piano gratuito scansiona il sito e genera la policy.
Scansiona il tuo sito Webflow, poi aggiungi uno snippet.
Il piano gratuito scansiona il tuo sito Webflow e genera un’informativa sui cookie, senza carta di credito.