KATLA JA WEBFLOW
Webflow-evästesuostumus, banneri suunniteltuna omalla tavallasi.
Lisää Katla Webflow’hun head-koodina jokaiselle sivulle ja käytä isännöityä banneria, tai suunnittele oma banneri Webflow’ssa 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-koodi, kaikki sivutTai Google Tag ManagerTai Webflow’ssa tehty banneri
Site settings → Custom code → Head codeHead, kaikki sivut
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.
Tarkista, että Webflow-pakettiisi sisältyy koko sivuston mukautettu koodiWidget-opas →
SUOSTUMUKSEN SUDENKUOPAT: WEBFLOW
Webflow-sivusto kerää evästeitä kaikesta, mitä siihen lisätään.
ONGELMAWebflow-sivuston integraatiot, upotukset ja markkinointitagit 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.
ONGELMASuostumusbanneri, joka ei välitä designjärjestelmästäsi, on sivun ainoa elementti, jota et voi tyylitellä.
KATLALLALataa Katla headlessina, suunnittele banneri tavallisena Webflow-elementtinä ja kutsu KatlaConsentia sen painikkeista. Suostumuslogiikka, evästevahti ja kirjaukset pysyvät Katlan hoidossa.
ONGELMAHead-osion 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 → Head code).
- Tag Manager: ei mitään liitettävääJos Webflow-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 Webflow-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 Webflow-sivustollesi; sen jälkeen avustaja tarkistaa julkaistulta sivulta evästeet, jotka asetetaan ennen suostumusta.
TEHTY ALUSTALLE WEBFLOW
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 Webflow-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ä: Webflow
- Onko Katlalla sovellusta Webflow-alustalle?
- Ei, eikä sitä tarvita. Katla toimii Webflow-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 Webflow asettaa itse?
- Skannaus listaa ne. Evästeet, joita Webflow 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 Webflow-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 Webflow-alustalla, ja tarkistaa julkaistun sivun, kun olet julkaissut.
- Miten kytken Webflow’ssa suunnitellun bannerin?
- Lataa https://cdn.katla.app/YOUR-SITE-ID.js?headless=true head-koodissa, näytä banneriasi niin kauan kuin KatlaConsent.hasConsent() on false, ja anna sen painikkeiden kutsua KatlaConsent.acceptAll(), KatlaConsent.rejectAll() tai KatlaConsent.acceptCategories() pienestä skriptistä sivun mukautetussa koodissa.
- Mikä Webflow-paketti tarvitaan?
- Sellainen, joka julkaisee koko sivuston mukautetun koodin, joten tarkista, että pakettiisi sisältyy se. Katlan puolella ilmainen paketti skannaa sivuston ja luo evästekäytännön.
Skannaa Webflow-sivustosi ja lisää yksi koodinpätkä.
Ilmaispaketti skannaa Webflow-sivustosi ja luo evästekäytännön ilman korttia.