Banners adaptativos inline

Os banners adaptativos são a próxima geração de anúncios responsivos, que maximizam a performance otimizando o tamanho do anúncio para cada dispositivo. Com melhorias em banners de tamanho fixo, que só oferecem suporte a alturas fixas, os banners adaptativos permitem que os desenvolvedores especifiquem a largura do anúncio e a usem para determinar o tamanho ideal.

Para escolher o melhor tamanho de anúncio, os banners adaptativos inline usam o máximo em vez de alturas fixas. Isso resulta em oportunidades de melhoria na performance.

Quando usar banners adaptativos inline

Os banners adaptativos inline são maiores e mais altos em comparação com os banners adaptativos fixos. Eles têm altura variável e podem ter a mesma altura da tela do dispositivo.

Eles se destinam a ser colocados em conteúdo de rolagem, por exemplo:

Antes de começar

Ao implementar banners adaptativos no seu app, observe estes pontos:

  • Para que os banners adaptativos inline funcionem corretamente, é necessário tornar seus layouts responsivos. Se isso não for feito, as experiências de anúncios poderão ser cortadas ou renderizadas incorretamente.
  • Você precisa saber a largura da visualização em que o anúncio será colocado, e isso precisa considerar a largura do dispositivo e quaisquer áreas de segurança aplicáveis.

  • Verifique se você está usando a versão mais recente do SDK dos anúncios para dispositivos móveis do Google e, se estiver usando a mediação, as versões mais recentes dos seus adaptadores de mediação.

  • Os tamanhos de banner adaptativo inline foram projetados para funcionar melhor ao usar toda a largura disponível. Na maioria dos casos, essa será a largura total da tela do dispositivo em uso. Considere as áreas de segurança aplicáveis.

  • Talvez seja necessário atualizar ou criar novos itens de linha para trabalhar com tamanhos adaptáveis. Saiba mais.

Implementação

As etapas para implementar anúncios de banner adaptativo inline são as mesmas para implementar anúncios de banner adaptativo fixo. A única diferença é que os anúncios de banner adaptativo inline são carregados usando um tamanho de anúncio de banner adaptativo inline. Para criar um tamanho de anúncio adaptativo inline, faça o seguinte:

  • Confira a largura do dispositivo em uso ou defina sua própria largura, se não quiser usar a largura total da tela.
  • Use os métodos estáticos adequados na classe de tamanho do anúncio, como AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width) para acessar um objeto de tamanho de anúncio adaptativo inline na orientação escolhida.
  • Para limitar a altura do banner, use o método estático AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight) .

O exemplo de código abaixo demonstra essas etapas:

Java

// Step 1: Create an inline adaptive banner ad size using the activity context.
AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320);

// Step 2: Create banner using activity context and set the inline ad size and
// ad unit ID.
AdManagerAdView bannerView = new AdManagerAdView(this);
bannerView.setAdUnitId("ad unit ID");

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER);

// Step 3: Load an ad.
AdManagerAdRequest adRequest = new AdManagerAdRequest.Builder().build();
bannerView.loadAd(adRequest);
// TODO: Insert banner view in list view or scroll view, etc.

Kotlin

// Step 1: Create an inline adaptive banner ad size using the activity context.
val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320)

// Step 2: Create banner using activity context and set the inline ad size and
// ad unit ID.
val bannerView = AdManagerAdView(this)
bannerView.adUnitId = "ad unit ID"

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER)

// Step 3: Load an ad.
val adRequest = AdManagerAdRequest.Builder().build()
bannerView.loadAd(adRequest)
// TODO: Insert banner view in list view or scroll view, etc.

Outros recursos

Exemplos no GitHub

Faça o download do aplicativo de exemplo para ver os banners adaptativos inline em ação.

Java Kotlin