Banners adaptativos fixos

Os banners adaptativos são a próxima geração de anúncios responsivos, maximizando o desempenho ao otimizar 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, determinar o tamanho ideal.

Para escolher o melhor tamanho de anúncio, os banners adaptáveis usam proporções fixas em vez de alturas fixas. Com isso, os anúncios de banner ocupam uma parte mais consistente da tela em vários tipos e tamanhos de dispositivo e podem melhorar o desempenho da publicidade.

Ao trabalhar com banners adaptativos, observe que eles sempre retornam um tamanho constante para um determinado dispositivo e largura. Depois de testar o layout em um determinado dispositivo, você pode ter certeza de que o tamanho do anúncio não vai mudar. No entanto, o tamanho do criativo de banner pode mudar em diferentes dispositivos. Por isso, é recomendável garantir que seu 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 projetados para substituir o tamanho padrão do setor de 320 x 50, assim como o formato de banner inteligente.

Esses tamanhos são usados com frequência como banners fixos, que geralmente ficam 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 pode ser visto nestas capturas de tela:


Banner 320 x 50
Banner inteligente
Banner adaptativo

Um banner adaptativo aproveita melhor o tamanho da 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 em tela cheia, permitindo que você considere á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 seu app, lembre-se do seguinte:

  • Você precisa saber a largura da visualização em que o anúncio será colocado, e isso deve levar em consideração a largura do dispositivo e todas as áreas seguras aplicáveis.

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

  • 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 quando ocupam toda a largura disponível. Na maioria dos casos, é a largura total da tela do dispositivo em uso. Não se esqueça de considerar 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 conseguir um tamanho de anúncio para banners adaptativos: um para paisagem, um para retrato e um 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 seu layout em um dispositivo específico, você pode 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 é menor que 50 pontos.

Início rápido

Siga as etapas abaixo para implementar um banner fixo adaptável simples.

  1. Receba um tamanho de anúncio de banner adaptativo. O tamanho definido será usado para solicitar seu banner adaptativo. Para receber o tamanho do anúncio adaptável, 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 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, assim como 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 fixo em uma determinada orientação, use a função relevante de GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) e GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).