Banners adaptativos fixos

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 inteligentes, que só são compatíveis com alturas fixas, os banners adaptativos permitem especificar a largura do anúncio e usá-la para determinar o tamanho ideal do anúncio.

Para escolher o melhor tamanho de anúncio, esses banners usam proporções fixas em vez de alturas fixas. Isso faz com que os anúncios de banner ocupam uma parte mais consistente da tela em todos os dispositivos e oferecem oportunidades para melhorar o desempenho.

Ao trabalhar com banners adaptativos, eles sempre vão retornar um tamanho constante para determinado dispositivo e largura. Depois de testar o layout em um determinado dispositivo, você terá certeza de que o tamanho do anúncio não vai mudar. No entanto, o tamanho do criativo de banner pode mudar em dispositivos diferentes. Consequentemente, é recomendável garantir que o layout possa acomodar variações na altura do anúncio. Em casos raros, o tamanho adaptável completo pode não ser preenchido, e um criativo de tamanho padrão será centralizado nesse slot.

Quando usar banners adaptativos

Os banners adaptativos foram criados para substituir o tamanho padrão do setor de banner de 320 x 50, bem como o formato de banner inteligente que eles substituem.

Esses tamanhos de banner costumam ser usados como banners fixos, que geralmente ficam fixados à parte de cima ou de baixo da tela. Para banners fixos, a proporção ao usar banners adaptativos será semelhante à de um anúncio padrão de 320 x 50, como pode ser visto nestas capturas de tela:


Banner de 320 x 50
Banner inteligente
Banner adaptativo

Um banner adaptativo faz melhor uso do tamanho de tela disponível. Além disso, em comparação com um banner inteligente, um banner adaptativo é uma escolha melhor porque:

  • Ela usa uma largura fornecida em vez de tela cheia, permitindo que você considere as áreas seguras.

  • Ela seleciona uma altura ideal para o dispositivo específico, em vez de ter uma altura constante em dispositivos de diferentes tamanhos, mitigando os efeitos da fragmentação de dispositivos.

Observações sobre implementação

Ao implementar banners adaptativos no seu app, não se esqueça do seguinte:

  • Você precisa saber a largura da visualização em que o anúncio será colocado, além de considerar a largura do dispositivo e as áreas seguras aplicáveis.

  • Verifique se o plano de fundo da visualização do anúncio está opaco para obedecer às políticas da AdMob quando tamanhos de anúncio menores são veiculados e não preenchem o espaço do anúncio.

  • Verifique se você está usando a versão mais recente do SDK dos anúncios para dispositivos móveis do Google para C++. Para mediação, use a versão mais recente de cada adaptador de mediação.

  • Os tamanhos de banners adaptativos 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.

  • O SDK dos anúncios para dispositivos móveis do Google para C++ retorna uma altura de anúncio otimizada para a largura especificada em um firebase::gma::AdSize.

  • Há três métodos para conferir um tamanho de anúncio para banners adaptativos: um para paisagem, um para retrato e outro para a orientação atual no momento da execução.

  • O tamanho retornado para uma determinada largura em um determinado dispositivo será sempre o mesmo. Portanto, depois de testar o layout em um determinado dispositivo, você terá certeza de que o tamanho do anúncio não será alterado.

  • A altura do banner fixo nunca é maior que 15% da altura do dispositivo e nunca é menor do que 50 pontos.

Início rápido

Siga as etapas abaixo para implementar um banner fixo adaptativo simples.

  1. Defina um tamanho de anúncio de banner adaptativo. O tamanho definido será usado para solicitar seu banner adaptativo. Para saber o tamanho do anúncio adaptável, faça o seguinte:

    1. Use a largura do dispositivo em uso ou defina sua própria largura, se não quiser usar a largura total da tela.

    2. Use os métodos estáticos apropriados na classe AdSize, como GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width), para receber um objeto AdSize adaptável para a orientação escolhida.

    3. Invoque Initialize() no AdView com o AdSize adaptável que você criou.

      Confira um exemplo completo abaixo.

  2. Crie um objeto AdRequest e carregue o banner usando o método loadAd() na visualização de anúncio preparada, como você faria com uma solicitação de banner normal.

Exemplo de código

Veja um exemplo de AdView que carrega um banner adaptativo:

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

Aqui, a função GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) é usada para descobrir o tamanho de um banner em uma posição ancorada para a orientação atual da interface. Para pré-carregar um banner fixo em uma determinada orientação, use as funções relevantes de GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) e GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).