Os banners adaptativos são a próxima geração de anúncios responsivos, maximizando o desempenho otimizando o tamanho do anúncio para cada dispositivo. Melhoria em tamanho fixo os banners, que só são compatíveis com alturas fixas, os banners adaptativos permitem que os desenvolvedores especifique a largura do anúncio e use isso para determinar o tamanho ideal.
Para escolher o melhor tamanho de anúncio, os banners adaptativos inline usam o máximo em vez de fixos. alturas. Isso resulta em oportunidades de melhoria na performance.
Quando usar banners adaptativos inline
Os banners adaptativos inline são maiores e mais altos em comparação com os adaptativos fixos. banners. Eles têm altura variável e podem ter a mesma altura da tela do dispositivo.
Eles se destinam a ser colocados em conteúdo de rolagem, por exemplo:
Pré-requisitos
- SDK dos anúncios para dispositivos móveis do Google 8.10.0 ou mais recente
Antes de começar
Ao implementar banners adaptativos no seu app, observe estes pontos:
Você deve saber a largura da visualização em que o anúncio será colocado e isso deve considerar a largura do dispositivo e quaisquer áreas de segurança que estejam aplicáveis.
Verifique se você está usando a versão mais recente do SDK dos anúncios para dispositivos móveis do Google e se usando a mediação, as versões mais recentes dos seus adaptadores.
Os tamanhos de banner adaptativo inline foram projetados para funcionar melhor ao usar o à largura total disponível. Na maioria dos casos, será a largura total do da tela do dispositivo em uso. Considere as áreas de segurança aplicáveis.
- Talvez seja necessário atualizar ou criar novos itens de linha para trabalhar com tamanhos. Saiba mais.
Os métodos para obter o tamanho do anúncio são:
Ao usar as APIs de banner adaptativo inline, o SDK dos anúncios para dispositivos móveis do Google retorna um
GADAdSize
com a largura especificada e um sinalização inline. A altura é zero oumaxHeight
, dependendo de qual API que você está usando. A altura real do anúncio é disponibilizada quando retornados.Um banner adaptativo inline foi projetado para ser colocado em conteúdo rolável. A O banner pode ter a altura da tela do dispositivo ou ser limitado por uma altura máxima, dependendo da API.
Implementação
As etapas para implementar anúncios de banner adaptativo inline são as mesmas para implementar anúncios de banner adaptativo fixo. A única diferença é inline os anúncios de banner adaptativo são carregados usando um tamanho de anúncio de banner adaptativo inline. Para para criar um tamanho de anúncio adaptativo inline:
- Confira a largura do dispositivo em uso ou defina sua própria largura, se você não quiser usar toda a largura da tela.
- Use os métodos estáticos apropriados na classe de tamanho do anúncio, como
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)
para ter um objeto de tamanho de anúncio adaptativo inline na orientação escolhida. - Se você quiser limitar a altura do banner, use o método estático
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
,
O exemplo de código 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 = 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.
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.
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.
Outros recursos
Exemplos no GitHub
Faça o download do aplicativo de exemplo para ver os banners adaptativos inline em ação.