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 dele. Eles também maximizam a performance ao otimizar o tamanho do anúncio para cada dispositivo. Essa abordagem resulta em oportunidades para aprimorar seu desempenho.

Em comparação com os banners adaptativos fixos, os banners adaptativos inline são maiores, mais altos e usam alturas variáveis em vez de fixas. Eles têm altura adaptável e podem ocupar a tela inteira ou a altura máxima que você especifica.

É possível colocar banners adaptativos inline em conteúdo com rolagem, por exemplo:

Diagrama mostra as diferenças entre banners adaptativos e adaptativos inline.

Antes de começar

Antes de continuar, você precisa:

Implementar banners adaptativos

Ao contrário dos banners adaptativos fixos, os adaptativos inline são carregados usando um tamanho inline. Para criar um tamanho de anúncio adaptável inline:

  1. Pegue a largura do dispositivo em uso ou defina sua própria, 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 obter um objeto de tamanho de anúncio adaptável inline para a orientação escolhida.

    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 = "AD_UNIT_ID"
    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(AdSizeBanner)]
    
    // Step 3: Load an ad.
    let request = AdManagerRequest()
    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 = @"AD_UNIT_ID";
    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 o seguinte:

    • Os tamanhos de banner adaptativo inline funcionam melhor quando ocupam toda a largura disponível. Na maioria dos casos, é a largura total da tela do dispositivo ou do conteúdo principal do banner. Você precisa saber a largura da visualização onde o anúncio será inserido, do dispositivo, do conteúdo principal e as áreas seguras relevantes.
    • Talvez seja necessário atualizar ou criar 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 em uma orientação específica, use estes métodos:

    Se o app aceita as visualizações retrato e paisagem e você quer 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 que está sendo usada.

    Limitar a altura do banner adaptativo inline

    Por padrão, os banners adaptativos in-line instanciados sem um valor de maxHeight têm maxHeight igual à altura do dispositivo. Para limitar esse parâmetro, use o método GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).

    Outros recursos

    Exemplos no GitHub

    Baixe o aplicativo de exemplo para conferir os banners adaptativos inline em ação.

    Swift Objective-C