KATLA PARA WEBFLOW
Consentimento de cookies no Webflow, com o banner desenhado à sua maneira.
Adicione o Katla ao Webflow como head code em todas as páginas e use o banner alojado, ou desenhe o seu próprio banner no Webflow e corra o Katla em modo headless por trás dele. Um contentor do Google Tag Manager também funciona, e a análise redige a política de cookies a partir do que o seu site define.
Head code, todas as páginasOu Google Tag ManagerOu um banner feito no Webflow
Site settings → Custom code → Head codeHead, todas as páginas
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.
Confirme que o seu plano Webflow inclui código personalizado para todo o siteGuia do widget →
PORQUE É QUE OS SITES WEBFLOW TROPEÇAM NO CONSENTIMENTO
Um site Webflow recolhe cookies de tudo o que lhe é adicionado.
O PROBLEMAAs integrações, os conteúdos incorporados e as tags de marketing de um site Webflow definem os seus próprios cookies, e a política de cookies é um modelo que alguém adaptou uma vez.
COM O KATLAO Katla analisa o site publicado tal como um visitante o veria, lista cada cookie que encontra com o respetivo fornecedor e finalidade, e redige a política de cookies a partir dessa lista.
O PROBLEMAUm banner de consentimento que ignora o seu design system é o único elemento da página que não consegue estilizar.
COM O KATLACarregue o Katla em modo headless, desenhe o banner como um elemento normal do Webflow e chame o KatlaConsent a partir dos botões dele. A lógica de consentimento, o bloqueador e os registos continuam a ser do Katla.
O PROBLEMAO código de rastreio no head corre assim que a página carrega, antes de qualquer visitante ter escolhido.
COM O KATLAO bloqueador de cookies recusa cookies fora das categorias consentidas e apaga os que tenham sido definidos antes de ele arrancar. Os scripts que adicionar por si podem esperar pelo consentimento com data-katla-category.
CONFIGURAÇÃO
Três formas de instalar, e um assistente se quiser.
- Widget: cole um snippetCopie o snippet em Install → Widget no Katla e cole-o através de Site settings → Custom code → Head code, no head, em todas as páginas, acima de qualquer código de analítica.
- Tag Manager: nada para colarSe o seu site Webflow já carrega um contentor do Google Tag Manager, ligue a sua conta Google no Katla e ele cria a sua própria tag nesse contentor, no acionador Consent Initialization.
- O seu próprio banner: headlessCarregue o Katla com o modo headless ativo e desenhe o banner no Webflow. Os botões chamam KatlaConsent.acceptAll(), rejectAll() ou acceptCategories().
- Ou peça ao seu assistenteLigue o Claude ou o ChatGPT ao servidor MCP do Katla e ele adiciona o site, analisa-o e entrega-lhe o snippet. Colá-lo no Webflow fica a seu cargo; a seguir, o assistente verifica a página em produção à procura de cookies definidos antes do consentimento.
FEITO PARA WEBFLOW
O que recebe, seja qual for a forma de instalar.
Consent Mode v2Os valores predefinidos e as atualizações para o GA4 e o Google Ads vêm do banner, por isso não há código de consentimento gtag para escrever nem para manter sincronizado.
Análise de cookies com IACada cookie do site Webflow publicado, classificado por categoria e fornecedor, com uma descrição em cada idioma do seu site.
Uma política sempre em diaA política de cookies incorpora-se em qualquer página com um pequeno snippet, é gerada a partir da análise e atualiza-se sozinha depois de cada análise.
Um caminho de volta à escolhaUm ícone flutuante, ou um link que chama katla.open(), permite aos visitantes alterar ou retirar a sua escolha a partir de qualquer página.
Global Privacy ControlOs visitantes cujo navegador envia GPC ficam registados como tendo recusado, ou como tendo feito opt-out ao abrigo do CCPA, antes de o banner perguntar o que quer que seja.
Alojado na UEO Katla corre na região eu-central-1 da AWS, em Frankfurt.
CORE WEB VITALS
Os cookies esfarelam-se. O seu SEO não devia.
Um banner de consentimento é o primeiro recurso de terceiros em todas as páginas, e os sites feitos com construtores já carregam script de sobra. O banner do Katla transfere 18 KB, servido a partir de uma CDN e em cache na edge, e o modo headless tem 4 KB.
Como funciona o modo headless →18 kBTransferidoBanner e os seus dados de cookies, brotli
0 msLCP acrescentadoFace à mesma página sem ele
0Deslocamento de layoutO banner não reserva espaço no fluxo
2PedidoUm script, em cache na edge
Medições nossas, feitas a : como foram feitas.
Perguntas que as equipas Webflow fazem
- Existe uma app do Katla para Webflow?
- Não, e não é precisa. O Katla corre no Webflow como um snippet no código do head de todo o site, a partir de um contentor do Google Tag Manager, ou em modo headless por trás de um banner desenhado por si.
- O Katla bloqueia os cookies que o próprio Webflow define?
- A análise lista-os. Os cookies de que o Webflow precisa para sessões e segurança são necessários e ficam. Qualquer cookie que o visitante não tenha autorizado é removido quando o Katla arranca e recusado a partir daí, mas os cookies definidos pelos servidores do Webflow, e não por scripts na página, estão fora do alcance de qualquer script de banner.
- O meu assistente de IA pode instalá-lo?
- Tudo menos colar o snippet. Ligado ao servidor MCP do Katla, o Claude ou o ChatGPT adiciona o site, faz a análise, dá-lhe o snippet e diz-lhe onde o colocar no Webflow, e verifica a página em produção depois de publicar.
- Como ligo um banner desenhado no Webflow?
- Carregue https://cdn.katla.app/YOUR-SITE-ID.js?headless=true no head code, mostre o seu banner enquanto KatlaConsent.hasConsent() for false, e faça com que os botões chamem KatlaConsent.acceptAll(), KatlaConsent.rejectAll() ou KatlaConsent.acceptCategories() a partir de um pequeno script no código personalizado da página.
- De que plano Webflow preciso?
- De um que publique código personalizado para todo o site, por isso confirme que o seu plano o inclui. Do lado do Katla, o plano gratuito analisa o site e gera a política.
Analise o seu site Webflow e depois adicione um snippet.
O plano gratuito analisa o seu site Webflow e gera uma política de cookies, sem cartão.