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. A vantagem em relação aos banners inteligentes, que só usam alturas fixas, é que os banners adaptativos permitem especificar a largura do anúncio e, com isso, determinam o tamanho ideal do anúncio.

Para escolher o melhor tamanho de anúncio, os banners adaptáveis 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 o layout em um dispositivo específico, você pode ter certeza de que o tamanho do anúncio não vai mudar. No entanto, o tamanho do criativo do banner pode mudar em diferentes dispositivos. Por isso, é recomendável 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 projetados para substituir o tamanho padrão do setor de 320 x 50, assim como o formato de banner inteligente.

Esses tamanhos de banner costumam ser usados como banners fixos, que ficam permanentemente 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 320 x 50
Banner inteligente
Banner adaptativo

Um banner adaptativo aproveita melhor o tamanho de tela disponível. Além disso, em comparação com um banner inteligente, um banner adaptativo é uma opção 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 tamanhos diferentes, mitigando os efeitos da fragmentação de dispositivos.

Observações sobre implementação

Ao implementar banners adaptáveis no app, lembre-se do seguinte:

  • 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 foram projetados para funcionar melhor quando usam 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 informada em um firebase::gma::AdSize.

  • Há três métodos para conseguir 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ê pode ter certeza de que o tamanho do anúncio não vai mudar.

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

Início rápido

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

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

    1. Receba 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 adequados 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.

Código de amostra

Confira um exemplo de AdView que vai 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 receber o tamanho de um banner em uma posição ancorada para a orientação atual da interface. Para pré-carregar um banner ancorado em uma determinada orientação, use a função relevante de GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) e GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).