Banners adaptativos inline

Banners adaptativos são a próxima geração de anúncios responsivos, maximizando a performance otimizando o tamanho do anúncio para cada dispositivo. Com melhorias nos banners de tamanho fixo, que só tinham 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 gera oportunidades para melhorar o desempenho.

Quando usar banners adaptativos inline

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

Eles precisam ser colocados em conteúdo de rolagem, por exemplo:

Antes de começar

Ao implementar banners adaptativos no seu app, observe o seguinte:

• 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 seguras 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 adaptadores de mediação.

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

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

• Os métodos para descobrir o tamanho do anúncio são:

  • AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getPortraitInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getLandscapeInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight)

• Ao usar as APIs de banner adaptativo inline, o SDK dos anúncios para dispositivos móveis do Google retorna um AdSize com a largura especificada e uma sinalização inline. A altura é zero ou maxHeight, dependendo da API que você está usando. A altura real do anúncio será disponibilizada quando ele for retornado.

• Um banner adaptativo inline foi projetado para ser colocado em conteúdo rolável. O banner pode ter a mesma altura da tela do dispositivo ou ser limitado por uma altura máxima, dependendo da API.

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:

• Use 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 apropriados 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 para a 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.

Importante :os tamanhos de anúncios de reserva do Ad Manager podem ser veiculados no mesmo espaço de anúncio que os anúncios com tamanho de banner adaptativo. Para usar banners adaptativos com anúncios de reserva do Ad Manager no mesmo espaço de anúncio, chame setAdSizes com uma lista de tamanhos contendo o tamanho adaptável além de todos os tamanhos de anúncios de reserva.

Outros recursos

Exemplos no GitHub

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

Java Kotlin