Definir a altura do seu anúncio In-feed

O Google AdSense ajusta automaticamente a altura dos anúncios In-feed para garantir que eles se encaixem bem no espaço disponível. Com esse dimensionamento automático, a maioria dos editores não precisa alterar a altura dos anúncios In-feed. No entanto, se houver requisitos específicos para a altura do seu anúncio In-feed, você poderá modificar o código dele para definir a altura desejada. É possível definir uma altura fixa ou variável, dependendo se seu feed estiver em um site responsivo ou não responsivo.

Os exemplos descritos neste artigo são modificações aceitáveis do código de anúncio do Google AdSense. Você não viola as políticas do programa Google AdSense ao modificar o código de anúncio In-feed de acordo com estas formas aprovadas.

Como definir uma altura fixa (sites não responsivos)

É possível especificar uma altura fixa para o seu anúncio adicionando um atributo de altura ao seu código de anúncio, por exemplo, height:120px. Use essa opção se seu bloco de anúncios In-feed estiver em um contêiner fixo, ou seja, não responsivo.

Se não souber a altura a ser definida, você poderá usar as ferramentas de desenvolvedor do seu navegador para determinar a altura exata para o seu anúncio sem espaços em branco. Para mais informações, consulte: Como determinar o tamanho das imagens no seu feed.

O exemplo a seguir mostra um anúncio In-feed com uma altura fixa de 120 px:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block;height:120px"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Como definir uma altura variável (sites responsivos)

Se a largura do seu bloco de anúncios In-feed depender da largura da tela, ou seja, se ele for responsivo, você precisará usar consultas de mídia CSS no seu código de anúncio para especificar uma altura diferente por largura da tela.

Para determinar quais as alturas a serem definidas, sugerimos que você:

1. redimensione seu site para uma variedade de larguras de tela (por exemplo, 350 px, 500 px, 1000 px.);
2. use para cada largura as ferramentas de desenvolvedor do seu navegador para determinar a altura exata para o seu anúncio sem espaços em branco. Para mais informações, consulte: Como determinar o tamanho das imagens no seu feed.

O exemplo a seguir mostra um anúncio In-feed com altura de 180 px para larguras de tela de até 350 px, uma altura de 130 px para larguras de tela de 500 a 800 px e uma altura de 200 px para larguras de tela acima de 800 px:

<style>
  @media (min-width: 350px) {
    .infeed {
      height: 180px;
    }
 @media (min-width: 500px) {
    .infeed {
      height: 130px;
    }
  }
 @media (min-width: 800px) {
    .infeed {
      height: 200px;
    }
  }

</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
     style="display:block;"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Importante: no exemplo acima, destacamos as modificações que você precisa fazer no seu código de anúncio. Use o mesmo nome de classe (por exemplo, infeed) em todo o seu código de anúncio.

Depois de alterar seu código de anúncio, não se esqueça de testar seu anúncio In-feed em vários tamanhos de tela para verificar se a altura escolhida funciona em dispositivos diferentes.

Por que meus anúncios In-feed às vezes têm um espaço em branco extra ou um botão "Mais"?

Os blocos de anúncios In-feed são responsivos e oferecem suporte a uma ampla gama de janelas de visualização. O tamanho deles é automaticamente ajustado para que se encaixem no layout da sua página expandindo para a largura total do contêiner de feed em que eles estão. A altura deles se baseia no conteúdo do anúncio em si e nas configurações do anúncio In-feed definidas por você no Google AdSense.

Ocasionalmente, quando um anúncio In-feed está na janela de visualização do usuário (acima da dobra), não é possível ajustarmos a altura do anúncio sem que haja um refluxo do conteúdo abaixo dele. Nesses casos, podemos deixar um espaço vazio ou exibir um botão Mais para expandir o anúncio. Fazemos isso para oferecer a melhor experiência do usuário.