Banners adaptativos inline

Selecione a plataforma: Android iOS Flutter

Com os banners adaptativos, é possível especificar a largura de um anúncio para determinar o tamanho ideal. Os banners adaptativos também maximizam a performance ao otimizar o tamanho do anúncio para cada dispositivo. Essa abordagem resulta em oportunidades de melhoria de performance.

Em comparação com os banners adaptativos fixos, os banners adaptativos inline são maiores, mais compridos e usam alturas variáveis em vez de fixas. Os banners adaptativos inline têm altura variável e podem abranger a tela inteira ou uma altura máxima especificada por você.

Você coloca banners adaptativos inline em conteúdo com rolagem, por exemplo:

Diagrama mostrando as diferenças entre banners adaptativos e adaptativos inline

Antes de começar

Antes de continuar, verifique se você tem o seguinte:

  • SDK dos anúncios para dispositivos móveis do Google 8.10.0 ou mais recente.
  • Concluiu o guia de introdução Anúncios de banner.

Implementar banners adaptativos

Ao contrário dos banners adaptativos fixos, os banners adaptativos inline são carregados usando um tamanho de banner adaptativo inline. Para criar um tamanho de anúncio adaptável inline, 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 de tamanho do anúncio, como GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) para receber um objeto de tamanho de anúncio adaptável inline para a orientação escolhida.
  3. Se você quiser limitar a altura do banner, use o método estático GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) .

O exemplo a seguir demonstra essas etapas:

Swift

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or
// set your own width. This example sets a static width.
let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320)
// Step 2: Create banner with the inline size and set ad unit ID.
let bannerView = GADBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self

// Step 3: Load an ad.
let request = Request()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.

Objective-C

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
GADAdSize adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320);
// Step 2: Create banner with the inline size and set ad unit ID.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;

// Step 3: Load an ad.
GADRequest *request = [GADRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.

Ao implementar banners adaptativos no seu app, observe estes pontos:

  • Os tamanhos de banner adaptativo inline funcionam melhor quando ocupam toda a largura disponível. Na maioria dos casos, esse tamanho é a largura total da tela do dispositivo em uso ou do conteúdo principal do banner. Você precisa saber a largura da visualização a ser colocada no anúncio, a largura do dispositivo, a largura do conteúdo principal e as áreas seguras aplicáveis.

Orientar o tamanho do banner adaptativo inline

Para pré-carregar um anúncio de banner adaptativo inline para uma orientação específica, use os seguintes métodos:

Se o app oferecer suporte às visualizações retrato e paisagem e você quiser pré-carregar um anúncio de banner adaptativo na orientação atual, use GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width) Esse método carrega um anúncio na orientação atual.

Limitar a altura do banner adaptativo inline

Por padrão, os banners adaptativos in-line instanciados sem um valor maxHeight têm um maxHeight igual à altura do dispositivo. Para limitar a altura do banner adaptável inline, use o método GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).

Outros recursos

Exemplos no GitHub

Faça o download do aplicativo de exemplo para ver os banners adaptativos in-line em ação.

Swift Objective-C