Google libera nova unidade do Adsense para sites responsivos

O Google disponibilizou hoje uma nova unidade responsiva do Adsense em beta especificamente voltada para sites que se adaptam a diferentes formatos de tela. Agora que o design responsivo↳Design responsivo4 conteúdosDicas de Front-End para usabilidade, acessibilidade, performance e responsividadeProduto & UX · fev 2025Tipos de layouts e suas diferençasProduto & UX · jan 2025Dica de ouro: Saiba como fazer uma navbar responsivaDev (Back & Front) · jun 2025Ver tudo em Produto & UX → é algo que os designers realmente têm colocado em prática, ser capaz de controlar como os anúncios aparecem nesses sites se tornou algo essencial para desenvolvedores e designers.

A novidade utiliza código assíncrono do Adsense, e os desenvolvedores podem utilizar o mesmo tipo de CSS↳CSS31 conteúdosArquitetura CSS: CSS FuncionalDev (Back & Front) · set 2019Entendendo posicionamento com CSS de uma vez por todasDev (Back & Front) · jul 2025Sites que combinam estética e usabilidade: reflexos da evolução do CSSDev (Back & Front) · fev 2025Ver tudo em Dev (Back & Front) → media queries às quais estão acostumados para construir suas unidades de anúncio responsivo. Segundo o Google, isso significa que você pode agora “dinamicamente especificar o tamanho do anúncio que será oferecido, adaptando-o para a forma como seu site renderiza uma página em um determinado dispositivo”.

A única coisa que os desenvolvedores precisam assegurar é que o tamanho da unidade de anúncio que eles especificam para cada tamanho de tela corresponda aos tamanhos-padrão de anúncios do Google. Logo, você não pode simplesmente pegar o código, copiá-lo e colá-lo em seu site para funcionar.

De acordo com o Google, algo que ainda não funciona é o suporte para mudanças de orientação de tela depois que uma página tenha sido carregada. Mas a empresa pretende corrigir isso em breve. Por enquanto, o Google não fornece uma discriminação por tamanho para todos os anúncios oferecidos por uma unidade responsiva em suas ferramentas de analytics. Isso é algo que a empresa também pretende corrigir num futuro próximo.

Como CSS media queries só funcionam em navegadores modernos, os desenvolvedores ainda têm que garantir que configuraram um tamanho padrão de anúncio. De resto, usuários que ainda utilizam Internet Explorer 7 ou inferior podem nunca visualizar um anúncio em sites responsivos.

Com informações de TechCrunch