Los banners adaptables son la nueva generación de anuncios responsivos, que maximizan el de los anuncios mediante la optimización del tamaño del anuncio para cada dispositivo. Mejora del tamaño fijo que solo admitían alturas fijas, los banners adaptables les permiten a los desarrolladores especificar el ancho del anuncio y usarlo para determinar el tamaño óptimo del anuncio.
Para elegir el mejor tamaño de anuncio, los banners adaptables intercalados usan un máximo de anuncios fijos en lugar de uno fijo. y alturas. 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. banners. 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 ubicará el anuncio. esto debe tener en cuenta el ancho del dispositivo y las áreas seguras aplicables.
Asegúrate de usar la versión más reciente del SDK de anuncios de Google para dispositivos móviles con la mediación, las versiones más recientes de tus adaptadores de mediación.
Los tamaños de los banners adaptables intercalados están diseñados para funcionar mejor cuando se usa el ancho total disponible. En la mayoría de los casos, será el ancho completo de la pantalla del dispositivo en uso. Asegúrate de tener en cuenta las áreas seguras correspondientes.
Los métodos para obtener el tamaño del anuncio son los siguientes:
Cuando se utilizan las APIs de banners adaptables intercalados, el SDK de anuncios muestra una
GADAdSize
con el ancho dado y una marca intercalada. La altura es cero omaxHeight
, dependiendo de la API que estás usando. La altura real del anuncio se muestra cuando es que se devuelven.Un banner adaptable intercalado está diseñado para colocarse en contenido por el que es posible desplazarse. El 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 se indican a continuación. para implementar anuncios de banner adaptable fijos. La única diferencia es que Los anuncios de banner adaptable se cargan con un tamaño de anuncio de banner adaptable intercalado. Para Cree un tamaño de anuncio adaptable intercalado:
- Obtén el ancho del dispositivo en uso o establece uno si no quieres utilizar todo el ancho de la pantalla.
- Utiliza los métodos estáticos apropiados en la clase de tamaño de anuncio, como
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)
a fin de obtener un objeto de tamaño de anuncio adaptable intercalado para la orientación elegida. - Si quieres limitar la altura del banner, puedes usar el método estático
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
de Google Cloud.
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 = GADBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self
// Step 3: Load an ad.
let request = GADRequest()
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.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;
// Step 3: Load an ad.
GADRequest *request = [GADRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.
Recursos adicionales
Ejemplos en GitHub
Descarga la aplicación de ejemplo para ver los banners adaptables intercalados en acción.