Banners adaptables intercalados

Los banners adaptables son la nueva generación de anuncios responsivos, que maximizan el rendimiento mediante la optimización del tamaño del anuncio para cada dispositivo. Como mejoramos los banners de tamaño fijo, que solo admitían alturas fijas, los banners adaptables les permiten a los desarrolladores especificar el ancho del anuncio y utilizarlo para determinar el tamaño óptimo del anuncio.

Para elegir el mejor tamaño de anuncio, los banners adaptables intercalados usan alturas máximas en lugar de fijas. Esto genera oportunidades para mejorar el rendimiento.

Cuándo usar banners adaptables intercalados

Los banners adaptables intercalados son banners más grandes y más altos en comparación con los banners adaptables fijos. Son de altura variable y pueden ser tan altas como la pantalla del dispositivo.

Están diseñadas para colocarse en contenido de desplazamiento, por ejemplo:

Requisitos previos

• SDK de anuncios de Google para dispositivos móviles, versión 8.10.0 o posterior

Antes de comenzar

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

• Debes conocer el ancho de la vista en la que se colocará el anuncio, y tener en cuenta el ancho del dispositivo y las áreas seguras que correspondan.

• Asegúrate de usar la versión más reciente del SDK de anuncios de Google para dispositivos móviles y, si usas la mediación, las versiones más recientes de tus adaptadores de mediación.

• Los tamaños de banners adaptables intercalados están diseñados para funcionar mejor cuando se usa todo el ancho disponible. En la mayoría de los casos, este será el ancho completo de la pantalla del dispositivo en uso. Asegúrate de tener en cuenta las áreas seguras correspondientes.

• Es posible que debas actualizar o crear líneas de pedido nuevas para trabajar con tamaños adaptables. Más información.

• Los métodos para obtener el tamaño del anuncio son los siguientes:

  • GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)

• Cuando se usan las APIs de banners adaptables intercalados, el SDK de anuncios de Google para dispositivos móviles muestra un GADAdSize con el ancho determinado y una marca intercalada. La altura es cero o maxHeight, según la API que uses. La altura real del anuncio estará disponible cuando se muestre.

• Un banner adaptable intercalado está diseñado para colocarse en contenido por el que es posible desplazarse. El banner puede ser tan alto como la pantalla del dispositivo o estar limitado por una altura máxima, según la API.

Implementación

Los pasos para implementar anuncios de banner adaptable intercalados son los mismos que los pasos para implementar anuncios de banner adaptable fijos. La única diferencia es que los anuncios de banner adaptable intercalados se cargan usando un tamaño de anuncio de banner adaptable intercalado. Para crear un tamaño de anuncio adaptable intercalado, haz lo siguiente:

• Obtén el ancho del dispositivo en uso o establece uno propio si no quieres usar el ancho completo de la pantalla.
• Utiliza los métodos estáticos apropiados en la clase de tamaño de anuncio, como GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) para obtener un objeto de tamaño de anuncio adaptable intercalado para la orientación elegida.
• Si deseas limitar la altura del banner, puedes usar el método estático GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) .

En el siguiente código de muestra, se ilustran estos pasos:

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(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 = @"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.

Importante: Los tamaños de los anuncios de reservación de Ad Manager se pueden publicar en el mismo espacio publicitario que los anuncios del tamaño de banner adaptable. Para usar banners adaptables con anuncios de reservación de Ad Manager en el mismo espacio publicitario, se deben realizar dos cambios. Primero, establece adSize en el tamaño adaptable. Luego, configura validAdSizes en un array de tamaños que contenga todos los tamaños de anuncios de reservación que deseas publicar en el espacio publicitario adaptable.

Recursos adicionales

Ejemplos en GitHub

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

Swift Objective‐C