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. Esses banners têm altura variável e podem ocupar toda a tela ou uma altura máxima especificada por você.

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

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 início, 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:

// 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 = GAMBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self

// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
bannerView.validAdSizes = [NSValueFromGADAdSize(GADAdSizeBanner)]

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

// 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.
GAMBannerView bannerView = [[GAMBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;

// For Ad Manager, the adSize property is used for the adaptive banner ad size.
// The validAdSizes property is used as normal for the supported reservation
// sizes for the ad placement. This is optional and only needed if you wish to
// support reservation ad sizes.
bannerView.validAdSizes = @[ NSValueFromGADAdSize(GADAdSizeBanner) ];

// Step 3: Load an ad.
GAMRequest *request = [GAMRequest 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.

• Talvez seja necessário atualizar ou criar novos itens de linha para trabalhar com tamanhos adaptáveis. Saiba mais.

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:

• GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)

• GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)

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 de 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 ver os banners adaptativos inline em ação.

Swift Objective-C