Banners adaptativos fixos

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 os banners inteligentes, que só oferecem suporte a alturas fixas, os banners adaptativos permitem especificar a largura do anúncio e usar essa informação para determinar o tamanho ideal.

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

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

Quando usar banners adaptativos

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

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


Banner de 320 x 50
Banner inteligente
Banner adaptativo

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

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

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

Observações sobre implementação

Ao implementar banners adaptativos no seu app, tenha em mente os seguintes pontos:

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

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

  • 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 banner adaptativo são 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 de segurança 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, outro 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 sempre será o mesmo. Portanto, depois de testar o layout em um determinado dispositivo, você terá certeza de que o tamanho do anúncio não vai mudar.

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

Início rápido

Siga as etapas abaixo para implementar um banner adaptativo âncora simples.

  1. Escolha um tamanho de anúncio de banner adaptativo. O tamanho definido será usado para solicitar seu banner adaptativo. Para conferir o tamanho do anúncio adaptável, você precisa:

    1. Confira 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 seu banner usando o método loadAd() na visualização de anúncio preparada, assim como você faria com uma solicitação de banner normal.

Exemplo de código

Confira um exemplo de AdView que carregará 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 acessar 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 a função relevante de GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) e GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).