Pop-ups Que Não Irritam: Captura de Leads com Bom Senso

Imagine o visitante que toca no link do Google, no celular. Antes do primeiro parágrafo aparecer, um quadro cobre a tela inteira pedindo o e-mail. Ele procura o X, não encontra de primeira, sai da página. É exatamente esse tipo de interrupção que a documentação do Google Search Central trata como problema de experiência de página, e é o tipo de pop-up que vale evitar ao montar um formulário de captura de leads.

O que o Google chama de pop-up intrusivo no celular

A documentação oficial do Google sobre interstícios e diálogos define o problema assim: interstícios e diálogos intrusivos são elementos de página que obstruem a visão do usuário sobre o conteúdo, geralmente com fins promocionais. A mesma página lista dois erros comuns a evitar, exceto quando o elemento é legalmente obrigatório: cobrir a página inteira com um interstício, e redirecionar o usuário para uma página separada só para coletar consentimento ou dado. No lugar disso, a recomendação é usar banners que ocupem uma fração pequena da tela para chamar atenção, sem tapar o conteúdo.

As exceções: quando o interstício não conta contra o site

A documentação atual isenta da orientação os chamados interstícios obrigatórios, aqueles que o site precisa mostrar por causa do tipo de conteúdo que publica. O exemplo dado pelo próprio Google é o aviso de verificação de idade em site de conteúdo adulto: para esse caso, a orientação é liberar o rastreamento do Googlebot sem disparar a verificação, para conseguir indexar o conteúdo mesmo assim. O anúncio original dessa política, publicado no blog do Google Search Central, detalhava a lista de exceções com mais exemplos: interstício em resposta a obrigação legal, como aviso de uso de cookies ou verificação de idade, diálogo de login em conteúdo que não é público, e banner que ocupa uma fração razoável da tela e pode ser fechado com facilidade.

Na prática, um aviso de cookies ou uma verificação de idade não entram na mesma categoria do pop-up promocional que cobre a tela inteira pedindo e-mail. A diferença que o Google marca é a obrigação legal por trás do aviso, não o formato do elemento.

Banner que empurra conteúdo é CLS, e CLS pesa na experiência de página

Um segundo problema, técnico, aparece quando o banner (de cookies, de novidade, de newsletter) carrega depois da página e empurra o texto para baixo. Isso é medido pelo Cumulative Layout Shift (CLS), uma das métricas Core Web Vitals: CLS mede a maior sequência de deslocamentos de layout inesperados que ocorrem durante o ciclo de vida da página. Entre as causas comuns desse deslocamento estão imagem ou vídeo sem dimensão definida, fonte que muda de tamanho ao carregar, e anúncio ou widget de terceiro que redimensiona a própria área sozinho, o que inclui boa parte dos banners de captura de lead.

A régua para essa métrica: até 0,1 é considerado bom, entre 0,1 e 0,25 precisa melhorar, acima de 0,25 é ruim, medido no percentil 75 das visitas. Um banner que aparece sem espaço reservado empurra tudo abaixo dele, e cada empurrão desses soma na pontuação. A correção é técnica: reservar o espaço do banner no layout antes dele carregar, com CSS, para que a chegada do elemento não desloque o que já estava na tela. É o mesmo cuidado que vale para qualquer elemento carregado depois, assunto que a Codech detalha em Site Lento Perde Venda: Como Deixar Seu Site Rápido.

Pop-up acessível: fechar com teclado e foco que não se perde

Além de não irritar visualmente, uma janela modal de captura de lead precisa funcionar para quem navega por teclado ou leitor de tela. O padrão de diálogo modal do WAI-ARIA Authoring Practices Guide, mantido pelo W3C, define três comportamentos: a tecla Escape fecha a janela; ao abrir, o foco se move para dentro do diálogo, geralmente para o primeiro elemento focável; e a navegação por Tab fica presa dentro da janela enquanto ela estiver aberta, voltando ao primeiro elemento depois do último e ao último quando o Shift+Tab passa do primeiro. Um pop-up sem esses três comportamentos trava quem depende do teclado: o foco escapa para trás do modal, ou não existe tecla nenhuma que feche a janela.

Para captar e-mail e mandar marketing, a LGPD pede consentimento específico

O pop-up que captura e-mail para depois enviar comunicação de marketing entra na Lei Geral de Proteção de Dados (Lei 13.709/2018). O artigo 7º lista as hipóteses em que o tratamento de dado pessoal é permitido, e a primeira delas, no inciso I, é mediante o fornecimento de consentimento pelo titular. O artigo 8º detalha o que esse consentimento precisa ter: forma escrita ou outro meio que demonstre a manifestação de vontade; cláusula destacada das demais, quando por escrito; ônus da prova de que o consentimento foi obtido corretamente cabe a quem trata o dado; finalidade determinada, sendo nula qualquer autorização genérica; e possibilidade de revogação a qualquer momento, por procedimento gratuito e facilitado.

Na prática, o formulário do pop-up precisa deixar claro para que serve o e-mail coletado (newsletter, promoção, contato comercial) e não pode se apoiar numa caixa de aceite genérica que cobre qualquer uso futuro. Essa decisão vale conversar com um advogado para o caso concreto da empresa; o texto aqui é informativo, não parecer jurídico. Quem já usa uma ferramenta de e-mail marketing integrada ao site costuma ter esse campo de finalidade dentro do próprio formulário de captura.

Gatilhos menos invasivos: intenção de saída e rolagem

Um pop-up que dispara no instante em que a página termina de carregar interrompe a leitura antes dela começar. Dois gatilhos evitam essa interrupção sem abrir mão da captura: a intenção de saída, que detecta o movimento do cursor em direção à barra do navegador e mostra a oferta só quando o visitante já está de saída, e o disparo por rolagem, que espera a pessoa avançar uma porcentagem da página antes de mostrar o convite. Nos dois casos, o pop-up aparece depois que o visitante já teve contato com o conteúdo, não antes de qualquer contato.

Qual gatilho funciona melhor para um site específico é pergunta de teste, não de suposição: cada página tem um comportamento de leitura diferente, e a forma de descobrir isso é rodar um teste controlado, como o descrito em Teste A/B na Prática, e não copiar a configuração de outro site.

O que muda na prática ao montar o pop-up

Juntando os pontos: um pop-up de captura de lead alinhado com a documentação do Google usa banner ou modal pequeno em vez de tela cheia, e é fácil de fechar. Ele só vira interstício obrigatório se houver uma exigência legal por trás, como aviso de cookies. No layout, o espaço dele fica reservado para não gerar CLS. No teclado, Escape fecha e o Tab não escapa do modal. No consentimento, o formulário deixa clara a finalidade do e-mail coletado e permite revogação a qualquer momento. Esse cuidado vale tanto para um pop-up dentro de uma landing page de campanha quanto para o site institucional inteiro.

Quer um pop-up de captura de lead que não derruba a experiência de página nem esbarra na LGPD? A Codech configura o formulário, o gatilho e o consentimento certos para o seu site.

Falar no WhatsApp Ir para o Contato