KATLA PER FRAMER
Consenso ai cookie per Framer, dall’head code o dal tuo design.
Aggiungi Katla a Framer come codice personalizzato all’inizio dell’head e usa il banner ospitato, oppure disegna il banner in Framer 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.
Inizio dell’head, ogni paginaOppure Google Tag ManagerOppure un banner creato in Framer
Site settings → Custom code → Start of <head> tagHead, tutte le pagine
1. In Katla, add your Framer site's domain and let the first scan run. 2. Install → Widget, and copy the snippet. 3. In Framer: Site settings → Custom code → Start of <head> tag. 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 Framer includa il codice personalizzatoGuida al widget →
PERCHÉ I SITI FRAMER FATICANO CON IL CONSENSO
Un sito Framer raccoglie cookie da tutto ciò che ci aggiungi.
IL PROBLEMAAnalytics, embed e integrazioni aggiunti a un sito Framer 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 PROBLEMASu un sito Framer curato nei dettagli, un banner standard è l’unico elemento che ignora il design.
CON KATLACarica Katla headless, disegna il banner in Framer 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 all’inizio dell’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 → Start of <head> tag, nell’head, per tutte le pagine, sopra qualsiasi codice di analytics.
- Tag Manager: niente da incollareSe il tuo sito Framer 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 Framer. 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 Framer; poi l’assistente controlla la pagina online in cerca di cookie impostati prima del consenso.
PENSATO PER FRAMER
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 Framer 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 Framer
- Esiste un’app Katla per Framer?
- No, e non serve. Katla funziona su Framer 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 Framer imposta da sé?
- La scansione li elenca. I cookie di cui Framer 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 Framer, 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 Framer, e controlla la pagina online dopo che hai pubblicato.
- Dove va lo snippet in Framer?
- Site settings → Custom code, nel campo “Start of <head> tag”, così parte prima dell’altro codice della pagina. Poi pubblica il sito.
- Come collego un banner disegnato in Framer?
- Carica https://cdn.katla.app/YOUR-SITE-ID.js?headless=true all’inizio dell’head, mostra il tuo banner finché KatlaConsent.hasConsent() è false, e fai chiamare ai suoi pulsanti KatlaConsent.acceptAll(), KatlaConsent.rejectAll() o KatlaConsent.acceptCategories() da un code override.
Scansiona il tuo sito Framer, poi aggiungi uno snippet.
Il piano gratuito scansiona il tuo sito Framer e genera un’informativa sui cookie, senza carta di credito.