Los banners adaptables te permiten especificar el ancho de un anuncio para determinar el tamaño óptimo. Los banners adaptables también maximizan el rendimiento, ya que optimizan el tamaño del anuncio para cada dispositivo. Este enfoque genera oportunidades para mejorar el rendimiento.
En comparación con los banners adaptables fijos, los banners adaptables intercalados son más grandes y altos, y usan alturas variables en lugar de fijas. Los banners adaptables intercalados son de altura variable y pueden abarcar toda la pantalla o una altura máxima que especifiques.
Coloca banners adaptables intercalados en contenido por el que es posible desplazarse, por ejemplo:
Antes de comenzar
Antes de continuar, asegúrate de tener lo siguiente:
- El SDK de anuncios de Google para dispositivos móviles 8.10.0 o versiones posteriores
- Completaste la guía de introducción Anuncios gráficos.
Cómo implementar banners adaptables
A diferencia de los banners adaptables fijos, los banners de adaptador intercalados se cargan con un tamaño de banner adaptable intercalado. Para crear un tamaño de anuncio adaptable intercalado, completa lo siguiente:
- Obtén el ancho del dispositivo en uso o establece tu propio ancho si no quieres usar el ancho completo de la pantalla.
- Usa los métodos estáticos adecuados 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, usa el método estático
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).
En el siguiente ejemplo, se muestran 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 = "<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.
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 superior y las áreas seguras aplicables.
- Es posible que debas actualizar o crear líneas de pedido nuevas para trabajar con tamaños adaptativos. Obtén más información.
Orienta el tamaño del banner adaptable intercalado
Para precargar un anuncio de banner adaptable intercalado para una orientación específica, usa los siguientes métodos:
GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
Si tu app admite vistas verticales y horizontales, y deseas precargar 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 crean sin un valor de maxHeight tienen un maxHeight igual a la altura del dispositivo. Para limitar la altura del banner adaptativo 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.