KATLA JA FRAMER
Framer-evästesuostumus head-koodista tai omasta designistasi.
Lisää Katla Frameriin mukautettuna koodina head-osion alkuun ja käytä isännöityä banneria, tai suunnittele banneri Framerissa ja aja Katlaa headlessina sen takana. Myös Google Tag Manager -säilö toimii, ja skannaus kirjoittaa evästekäytännön sen pohjalta, mitä sivustosi asettaa.
Head-osion alku, joka sivuTai Google Tag ManagerTai Framerissa tehty banneri
Site settings → Custom code → Start of <head> tagHead, kaikki sivut
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.
Tarkista, että Framer-pakettiisi sisältyy mukautettu koodiWidget-opas →
SUOSTUMUKSEN SUDENKUOPAT: FRAMER
Framer-sivusto kerää evästeitä kaikesta, mitä siihen lisätään.
ONGELMAFramer-sivustolle lisätyt analytiikka, upotukset ja integraatiot asettavat omia evästeitään, ja evästekäytäntö on mallipohja, jota joku kerran muokkasi.
KATLALLAKatla skannaa julkaistun sivuston niin kuin kävijä sen näkee, listaa jokaisen löytämänsä evästeen toimittajineen ja käyttötarkoituksineen ja kirjoittaa evästekäytännön sen listan pohjalta.
ONGELMAVakiobanneri on huolella suunnitellun Framer-sivuston ainoa elementti, joka ei välitä designista.
KATLALLALataa Katla headlessina, suunnittele banneri Framerissa ja kutsu KatlaConsentia sen painikkeista. Suostumuslogiikka, evästevahti ja kirjaukset pysyvät Katlan hoidossa.
ONGELMAHead-osion alkuun lisätty seurantakoodi ajetaan heti sivun latautuessa, ennen kuin yksikään kävijä on valinnut.
KATLALLAEvästevahti torjuu evästeet sallittujen luokkien ulkopuolelta ja poistaa ennen sen käynnistymistä asetetut. Itse lisäämäsi skriptit voivat odottaa suostumusta data-katla-category-attribuutin avulla.
KÄYTTÖÖNOTTO
Kolme asennustapaa ja halutessasi avustaja.
- Widget: liitä yksi koodinpätkäKopioi koodinpätkä Katlan kohdasta Install → Widget ja liitä se head-osioon kaikille sivuille, ennen analytiikkakoodia (Site settings → Custom code → Start of <head> tag).
- Tag Manager: ei mitään liitettävääJos Framer-sivustosi lataa jo Google Tag Manager -säilön, yhdistä Google Katlassa, niin se kirjoittaa sinne oman tagin Consent Initialization -triggeriin.
- Oma banneri: headlessLataa Katla headless-tilassa ja suunnittele banneri itse Framer-sivustollesi. Sen painikkeet kutsuvat funktioita KatlaConsent.acceptAll(), rejectAll() tai acceptCategories().
- Tai pyydä avustajaasiYhdistä Claude tai ChatGPT Katlan MCP-palvelimeen, niin se lisää sivuston, skannaa sen ja antaa sinulle koodinpätkän. Sinä liität sen Framer-sivustollesi; sen jälkeen avustaja tarkistaa julkaistulta sivulta evästeet, jotka asetetaan ennen suostumusta.
TEHTY ALUSTALLE FRAMER
Mitä saat, asennustavasta riippumatta.
Consent Mode v2GA4:n ja Google Adsin oletukset ja päivitykset tulevat bannerista, joten gtag-suostumuskoodia ei tarvitse kirjoittaa eikä pitää tahdissa.
Evästeskannaus tekoälylläJokainen julkaistun Framer-sivuston eväste luokiteltuna luokan ja toimittajan mukaan, kuvauksen kera jokaisella kielellä, jota tarjoat.
Käytäntö, joka pysyy perässäEvästekäytäntö upotetaan mille tahansa sivulle lyhyellä koodinpätkällä, luodaan skannauksesta ja päivittää itsensä jokaisen skannauksen jälkeen.
Tie takaisin valintaanKelluva kuvake tai katla.open()-funktiota kutsuva linkki antaa kävijöiden muuttaa tai perua valintansa miltä tahansa sivulta.
Global Privacy ControlKävijät, joiden selain lähettää GPC-signaalin, kirjataan kieltäytyneiksi tai CCPA:n mukaisen opt-outin tehneiksi ennen kuin banneri kysyy mitään.
Isännöity EU:ssaKatla toimii AWS:n eu-central-1-alueella Frankfurtissa.
CORE WEB VITALS
Keksi saa murentua. Hakukonesijoituksesi ei.
Suostumusbanneri on jokaisen sivun ensimmäinen kolmas osapuoli, ja sivustotyökaluilla tehdyillä sivustoilla on jo valmiiksi paljon skriptejä. Katlan bannerin siirtokoko on 18 kt, se tarjoillaan CDN:stä ja välimuistista reunapalvelimilta, ja headless-tila on 4 kt.
Näin headless-tila toimii →18 kBSiirtomääräBanneri ja evästetietosi, brotli
0 msLCP-lisäysVerrattuna samaan sivuun ilman sitä
0Asettelun siirtymäBanneri ei varaa tilaa sivun rakenteesta
2PyyntöYksi skripti, välimuistissa CDN:n reunalla
Omat mittauksemme, tehty : näin ne tehtiin.
Usein kysyttyä: Framer
- Onko Katlalla sovellusta Framer-alustalle?
- Ei, eikä sitä tarvita. Katla toimii Framer-alustalla yhtenä koodinpätkänä koko sivuston head-koodissa, Google Tag Manager -säilöstä tai headlessina suunnittelemasi bannerin takana.
- Estääkö Katla evästeet, jotka Framer asettaa itse?
- Skannaus listaa ne. Evästeet, joita Framer tarvitsee istuntoihin ja tietoturvaan, ovat välttämättömiä ja pysyvät. Jokainen eväste, jota kävijä ei ole sallinut, poistetaan Katlan käynnistyessä ja torjutaan sen jälkeen, mutta evästeet, jotka asetetaan Framer-palvelimilta eikä sivun skripteistä, ovat minkä tahansa banneriskriptin ulottumattomissa.
- Voiko tekoälyavustajani asentaa sen?
- Kaiken paitsi liittämisen. Katlan MCP-palvelimeen yhdistettynä Claude tai ChatGPT lisää sivuston, ajaa skannauksen, antaa koodinpätkän ja kertoo, mihin se laitetaan Framer-alustalla, ja tarkistaa julkaistun sivun, kun olet julkaissut.
- Mihin koodinpätkä laitetaan Framerissa?
- Site settings → Custom code, kenttään ”Start of <head> tag”, jotta se ajetaan ennen sivun muuta koodia. Julkaise sivusto sen jälkeen.
- Miten kytken Framerissa suunnitellun bannerin?
- Lataa https://cdn.katla.app/YOUR-SITE-ID.js?headless=true head-osion alussa, näytä banneriasi niin kauan kuin KatlaConsent.hasConsent() on false, ja anna sen painikkeiden kutsua KatlaConsent.acceptAll(), KatlaConsent.rejectAll() tai KatlaConsent.acceptCategories() code overriden kautta.
Skannaa Framer-sivustosi ja lisää yksi koodinpätkä.
Ilmaispaketti skannaa Framer-sivustosi ja luo evästekäytännön ilman korttia.