Banners adaptables intercalados

Selecciona la plataforma: Android iOS Flutter

Los banners adaptables te permiten especificar el ancho de un anuncio para determinar el tamaño óptimo del anuncio. Los banners adaptables también maximizan el rendimiento, ya que optimizan el tamaño del anuncio para cada dispositivo. Este enfoque brinda oportunidades para mejorar el rendimiento.

En comparación con los banners adaptables fijos, los banners adaptables intercalados son más grandes, más altos y usan alturas variables en lugar de fijas. Los banners adaptables intercalados tienen una altura variable y pueden abarcar toda la pantalla o una altura máxima que especifiques.

Colocas banners adaptables intercalados en contenido por el que es posible desplazarse, por ejemplo:

Diagrama que muestra las diferencias entre los banners adaptables y los banners adaptables intercalados

Antes de comenzar

Antes de continuar, asegúrate de tener lo siguiente:

Implementa banners adaptables

A diferencia de los banners adaptables fijos, los banners adaptables intercalados se cargan con un tamaño de banner adaptable intercalado. Para crear un tamaño de anuncio adaptable intercalado, completa los siguientes pasos:

  1. Obtén el ancho del dispositivo en uso o establece tu propio ancho si no quieres usar el ancho completo de la pantalla.

  2. Usa los métodos estáticos adecuados en la clase de tamaño del anuncio, como GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) para obtener un objeto de tamaño del anuncio adaptable intercalado para la orientación elegida.

    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.
    

    Cuando implementes banners adaptables en tu app, ten en cuenta los siguientes puntos:

    • Los tamaños de banners adaptables intercalados funcionan mejor cuando se usa el ancho disponible completo. En la mayoría de los casos, este tamaño es el ancho completo de la pantalla del dispositivo en uso o el ancho completo del contenido principal del banner. Debes conocer el ancho de la vista que se colocará en el anuncio, el ancho del dispositivo, el ancho del contenido principal y las áreas seguras aplicables.
    • Es posible que debas actualizar o crear líneas de pedido nuevas para trabajar con tamaños adaptables. Obtén más información.

    Orientar el tamaño del banner adaptable intercalado

    Para cargar previamente un anuncio de banner adaptable intercalado para una orientación específica, usa los siguientes métodos:

    Si tu app admite vistas verticales y horizontales, y quieres cargar previamente un anuncio de banner adaptable en la orientación actual, usa GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width). Este método carga un anuncio en la orientación actual.

    Limita la altura del banner adaptable intercalado

    De forma predeterminada, los banners adaptables intercalados que se instancian sin un valor de maxHeight tienen un maxHeight igual a la altura del dispositivo. Para limitar la altura del banner adaptable intercalado, usa el método GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).

    Recursos adicionales

    Ejemplos en GitHub

    Descarga la aplicación de ejemplo para ver los banners adaptables intercalados en acción.

    Swift Objective-C