Banners adaptativos fixos

Os banners adaptativos são a próxima geração de anúncios responsivos, maximizando a performance ao otimizar o tamanho do anúncio para cada dispositivo. Ao melhorar os banners inteligentes, que só tem suporte a alturas fixas, os banners adaptativos permitem especificar largura do anúncio e use isso 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. 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, eles sempre retornam um tamanho constante para um 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 tamanho padrão será centralizado nesse espaço.

Quando usar banners adaptativos

Os banners adaptativos foram criados para serem uma substituição simples do setor tamanho de banner padrão 320 x 50 e o formato de banner inteligente que eles substituem.

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 ancorados, o aspecto ao usar banners adaptativos será semelhante ao de um 320 x 50 padrão anúncio, como pode ser visto 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, o banner adaptativo é uma escolha melhor porque:

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

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

Observações sobre implementação

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

  • Você deve saber a largura da visualização em que o anúncio será colocado, e essa devem considerar a largura do dispositivo e quaisquer áreas de segurança que estejam 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úncio menores são veiculados e não preenchem o espaço de 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 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 definir o tamanho do anúncio para banners adaptativos: um para paisagem, uma para retrato e outra para a orientação atual no momento de 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 fixo nunca é maior que 15% da altura do dispositivo. nunca menos 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 obtido será usado para solicitar seu banner adaptativo. Para usar o tamanho adaptável do anúncio, faça o seguinte:

    1. Confira a largura do dispositivo em uso ou defina sua própria largura, caso não faça isso 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ê criados.

      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 você faria com uma solicitação de banner normal.

Código de amostra

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 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).