A adoção de anúncios multi-sizes continua a crescer entre networks e publishers, visto que esse comportamento dinâmico gera bons resultados em termos de receita. No entanto, apesar da otimização dos anúncios, a resposta sobre como minimizar a mudança de layout com anúncios multi-sizes pode ser confusa e desafiadora para muitos publishers. Nesta postagem do blog, descobriremos o que é a mudança de layout e como ela pode ser minimizada em páginas com anúncios multi-sizes.


Índice


O que é e o que causa a mudança de layout?

A mudança de layout é um movimento do conteúdo na página sem a intenção do usuário ou notificação prévia (por exemplo, texto que se move para cima e para baixo na página ou um link que muda de posição enquanto o usuário tenta clicar nele). Saltos imprevisíveis do conteúdo que ocorrem quando um usuário navega em um site podem causar confusão e frustração, o que acaba levando a uma experiência ruim do usuário e à perda da fidelidade dos leitores. Além disso, as mudanças de layout podem causar cliques acidentais que afetam negativamente os resultados de monetização.

A instabilidade do layout pode ser causada por elementos carregados de forma assíncrona no site ou por elementos que são adicionados dinamicamente à página acima do conteúdo visualizado no momento. Na prática, pode ser causado por elementos (por exemplo, imagens ou vídeo) sem dimensões definidas explicitamente, uso incorreto de fontes, mas mais frequentemente pelos anúncios de terceiros que são adicionados ou redimensionados dinamicamente, também conhecidos como anúncios multi-sizes.

Como medir a mudança de layout?

Em maio de 2020, o Google introduziu um conjunto de métricas, chamado Core Web Vitals, para avaliar se um site oferece ou não uma boa experiência ao usuário. Em particular, as métricas medem as três dimensões principais da experiência do usuário, como tempo de carregamento, interatividade e estabilidade visual. Uma das métricas, o Cumulative Layout Shift (CLS), aborda especificamente a questão da instabilidade do layout e medidas; ou, mais simplesmente, com que frequência e quão grandes mudanças ocorrem para os usuários finais.

Cumulative Layout Shift pode ser medido usando todas as principais ferramentas de desenvolvedor da web do Google, incluindo Lighthouse, PageSpeed Insights, Chrome DevTools, Search Console, web.dev’s measure tool, Web Vitals Chrome extension e Chrome UX Report API.

CLS varia de 0 (sem mudanças) a 1 (mudanças máximas). De acordo com o Google, um site oferece uma boa experiência ao usuário se seu CLS for inferior a 0.1.

Source: web.dev – https://web.dev/cls/

Como minimizar a mudança de layout com anúncios multi-sizes?

Conforme mencionado acima, um dos motivos mais frequentes para mudanças de layout é a natureza dinâmica dos anúncios. Anúncios multi-sizes (que suportam diferentes tamanhos de criativos), apesar de causar alguma mudança de layout, em média têm um desempenho melhor do que os anúncios de tamanho fixo.

O principal motivo para as mudanças de layout ocorrerem em páginas com anúncios multi-sizes é seu carregamento assíncrono e o insuficiente espaço reservado para anúncios. Para resolver esse problema, uma opção pode ser reservar o espaço dos tamanhos mais frequentes de anúncios, de acordo com os dados históricos dos relatórios do Google Ad Manager; ou reservar o espaço para os maiores tamanhos possíveis dos anúncios a serem veiculados. No entanto, os dois métodos apresentam o risco de espaços em branco se os criativos menores forem veiculados neste local. Espaços em branco ao redor de anúncios menores geram uma experiência do usuário ruim e baixa visibilidade, o que pode eventualmente afetar os resultados de monetização.

Minimizando a mudança de layout em anúncios multi-size com Clickio Prism

Para mitigar o problema de baixa visibilidade e má experiência do usuário em páginas com anúncios multi-sizes, a Clickio desenvolveu um recurso chamado mini-sticky. Isso diminui consideravelmente as mudanças de layout sem afetar os resultados da monetização.  

Ao fixar o tamanho do local do anúncio, os criativos de tamanho menor se movem dentro do local do anúncio enquanto o usuário rola a página, permanecendo visíveis por mais tempo. Isso pode levar a taxas de conversão mais altas e melhorar a experiência do usuário

Foi comprovado que o recurso mini-sticky diminui as mudanças de layout causadas por anúncios multi-sizes em mais de 90%. Como bônus, aumenta a visibilidade.

O recurso mini-sticky está disponível para todos os publishers Clickio em Prism, uma tecnologia que transforma qualquer site de conteúdo em um progressive web app (PWA), tornando-o mais rápido, interativo e estável.

Se você quiser saber mais sobre como minimizar mudanças de layout com mini-sticky no Prism, por favor, não hesite em entrar em contato com a equipe Clickio.