Usa banners intercalados adaptables que admiten el desplazamiento

Selecciona la plataforma: Android iOS Flutter Android (heredado)

Los banners adaptables te permiten especificar el ancho de un anuncio para determinar cuál es su tamaño óptimo en cada dispositivo. A diferencia de los banners adaptables fijos, los intercalados son más grandes, más altos y no usan alturas fijas. Los banners adaptables intercalados tienen una altura variable. Estos banners pueden ocupar toda la pantalla o la altura máxima que especifiques.

En esta guía, se explica cómo crear banners adaptables intercalados y establecer su tamaño.

En la siguiente imagen, se muestran banners adaptables intercalados en contenido desplazable:

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

Antes de comenzar

Antes de continuar, asegúrate de configurar anuncios de banner.

Para ver un ejemplo completo de un banner adaptable intercalado, descarga la siguiente app de ejemplo:

Implementa banners adaptables intercalados

Para implementar banners adaptables intercalados, debes establecer el tamaño del anuncio, crear una solicitud de anuncio y cargarlo.

Para definir el tamaño de un banner adaptable intercalado, determina el ancho del anuncio. Entre los enfoques comunes, se incluyen los siguientes:

  • Usa todo el ancho de la pantalla.
  • Se usa el ancho del diseño de nivel superior que contiene el anuncio.
  • Ajusta el ancho para tener en cuenta las áreas seguras del dispositivo.

Cuando crees el objeto de tamaño del anuncio, usa este ancho calculado.

En el siguiente ejemplo, se crea un tamaño de anuncio adaptable intercalado con el ancho del área segura del dispositivo:

Swift

// Make sure the ad fits inside the readable area.
let adWidth = view.bounds.inset(by: view.safeAreaInsets).width
bannerView.adSize = currentOrientationInlineAdaptiveBanner(width: adWidth)

Objective-C

// Make sure the ad fits inside the readable area.
CGFloat adWidth = CGRectGetWidth(UIEdgeInsetsInsetRect(view.bounds, view.safeAreaInsets));
bannerView.adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(adWidth);

Si necesitas actualizar o crear líneas de pedido para usar banners adaptables, consulta Configura líneas de pedido para banners adaptables.

Cómo establecer el diseño del banner adaptable intercalado

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

Si tu app admite vistas verticales y horizontales, y quieres precargar un anuncio de banner adaptable en el diseño actual, usa el método GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width). Este método carga un anuncio en el diseño actual.

Limita la altura del banner adaptable intercalado

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