Banners adaptativos inline

Os banners adaptativos permitem 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 desempenho.

Em comparação com os banners adaptativos fixos, os inline são maiores, mais altos 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.

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

Diagrama mostrando as diferenças entre banners adaptativos e 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 para iniciantes, Anúncios de banner.

Implementar banners adaptativos

Ao contrário dos banners adaptativos fixos, os banners adaptativos inline são carregados usando um tamanho inline. Para criar um tamanho de anúncio adaptativo inline, siga estas instruções:

  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 adaptativo 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 abaixo 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 = GADRequest()
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 usam a largura total disponível. Na maioria dos casos, esse tamanho é a largura total da tela do dispositivo em uso ou a largura total do conteúdo pai 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 pai 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 inline instanciados sem um valor maxHeight têm um maxHeight igual à altura do dispositivo. Para limitar a altura do banner adaptativo inline, use o método GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).

Outros recursos

Exemplos no GitHub

Faça o download do aplicativo de exemplo para conferir os banners adaptativos inline em ação.

Swift Objective-C