Antes de fechar um espaço publicitário dentro da página, decida onde o anúncio pode entrar sem mover o botão de compra. A pergunta prática é: o espaço já está reservado no layout? Se a resposta for não, o anúncio pode deslocar conteúdo visível e atrapalhar o clique. A métrica Cumulative Layout Shift (CLS) mede a instabilidade do conteúdo combinando o quanto o conteúdo visível se deslocou na viewport com a distância percorrida pelos elementos afetados. A orientação do web.dev é buscar CLS de 0,1 ou menos em pelo menos 75% das visitas. Use isso como critério de contratação, não como promessa de venda.
Reserve o espaço antes de vender a mídia
O mecanismo é simples: se o anúncio entra depois do carregamento e não tem dimensões definidas, o navegador precisa abrir espaço e empurra o que está abaixo. O web.dev lista conteúdo injetado dinamicamente, como anúncios, embeds e iframes sem dimensões, entre as causas comuns de deslocamento. A alternativa é contratar o espaço com altura e largura acordadas e implementadas antes da veiculação. Isso vale para banner, widget de recomendação ou bloco de terceiro.
Exemplo hipotético: uma loja de material de construção vende um bloco de 300×250 acima do botão de compra. Se o bloco não tiver altura reservada, o botão desce quando o anúncio carrega. A alternativa é exigir no contrato a dimensão fixa e testar a página com o criativo mais alto previsto. Critério reproduzível: compare a posição do botão antes e depois do anúncio em três tamanhos de tela e em conexão lenta simulada. Se o botão mudar de posição, o espaço não está pronto para receber mídia.
Meça o deslocamento com o dado que o usuário vê
O CLS não é uma taxa de conversão. É uma medida unitária que combina a quantidade de conteúdo que se desloca e a distância do movimento. O web.dev explica que o CLS mede a maior rajada de pontuação de deslocamento durante todo o ciclo de vida da página, e não apenas no carregamento inicial. Ferramentas de laboratório podem não capturar tudo o que ocorre em produção, porque o dado de campo acompanha a página inteira. Para medir o efeito do anúncio, isole a página com e sem o espaço vendido e compare o CLS de campo no mesmo período.
A orientação prática é registrar o CLS antes da campanha, com o espaço reservado e vazio, e depois com o criativo. Se o valor subir acima de 0,1 para a maioria das visitas, o formato precisa ser revisto. Não trate essa comparação como prova de impacto em vendas: ela mostra instabilidade de layout, não receita. O limite é claro: CLS baixo não garante que o usuário compre, apenas indica que o conteúdo não salta. A decisão de contratar deve unir esse critério técnico ao objetivo de mídia.
Contrate com critério de aceite e plano B
Ao negociar o espaço, inclua no pedido de mídia a dimensão do criativo, a posição exata e a responsabilidade pela reserva do espaço no código. O web.dev recomenda evitar conteúdo injetado sem dimensões e testar a página com os recursos reais. A alternativa para formatos que mudam de tamanho é limitar a altura máxima ou usar um contêiner com dimensão fixa que acomode o maior criativo previsto. Se o fornecedor não aceitar a reserva, o espaço não deve entrar acima do botão de compra.
Exemplo hipotético: uma indústria B2B compra um bloco de mídia em uma página de cadastro de revendedores. O fornecedor entrega um iframe que se redimensiona conforme o anúncio. A alternativa é realocar o bloco para depois do formulário ou trocar por um formato de dimensão fixa. Critério reproduzível: peça ao fornecedor a especificação de altura e largura e simule o carregamento com bloqueio de terceiros. Se o botão de envio se mover, o formato é recusado. Quando a página não tem botão de compra ou cadastro visível, o risco de deslocamento existe, mas o critério de posição perde prioridade.
Quando essa conclusão não vale
A conclusão de exigir espaço reservado vale para páginas em que um elemento visível, como botão de compra ou cadastro, precisa manter posição estável. Não vale para páginas sem ação visível próxima ao anúncio, nem para inventário em que o deslocamento é controlado por outro sistema. Também não substitui a avaliação de marca, criatividade e adequação do canal. O web.dev afirma que o CLS é uma das três Core Web Vitals e que sites devem buscar 0,1 ou menos para pelo menos 75% das visitas; isso é uma referência de experiência, não uma meta de vendas.
A orientação de medir o CLS ao longo de todo o ciclo de vida da página vem do web.dev e deve ser atribuída a essa fonte. A recomendação de reservar dimensões para conteúdo dinâmico também consta no material. O exemplo da loja e o critério de três telas são análise editorial, não resultado de estudo. Se a página usa personalização que muda o layout por usuário, a comparação com e sem anúncio pode não isolar o efeito; nesse caso, o teste precisa ser mais controlado ou a decisão fica limitada ao contrato de dimensões.
Fontes
- Optimize Cumulative Layout Shift
Stay organized with collections
Save and categorize content ba
- Cumulative Layout Shift (CLS)
Stay organized with collections
Save and categorize content based
Para aprofundar
- Outdoor Digital Programático: Como Comprar Mídia em Tempo Real na Rua
- Mídia Indoor: Quando o Ponto de Venda Vira Canal de Comunicação Estratégico
Sinal / IA & Tecnologia. Texto produzido com auxílio de IA e revisão editorial automatizada.
