Banners adaptables intercalados

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

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 altos en comparación con los banners adaptables fijos. Tienen altura variable y pueden ser tan altas como la pantalla del dispositivo.

Están diseñados para colocarse en el contenido desplazable, por ejemplo:

Antes de comenzar

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

• Para que los banners adaptables intercalados funcionen correctamente, debes hacer que tus diseños sean responsivos. De lo contrario, es posible que las experiencias del anuncio se recorten o se rendericen de forma incorrecta.

• Debes conocer el ancho de la vista en la que se ubicará el anuncio, y esto debe tener en cuenta el ancho del dispositivo y las áreas seguras que se apliquen.

• 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 banner adaptable intercalados están diseñados para funcionar mejor cuando se usa el ancho completo 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 aplicables.

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

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

  • AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getPortraitInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getLandscapeInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight)

• Cuando se usan las APIs de banners adaptables intercalados, el SDK de anuncios de Google para dispositivos móviles muestra una AdSize 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 está disponible cuando se muestra.

• Un banner adaptable intercalado está diseñado para colocarse en contenido desplazable. 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 adaptables intercalados son los mismos que los pasos para implementar anuncios de banner adaptables fijos. La única diferencia es que los anuncios de banner adaptables intercalados se cargan con 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 configura el tuyo propio si no deseas usar el ancho completo de la pantalla.
• Utiliza los métodos estáticos adecuados en la clase de tamaño de anuncio, como AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width) para 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 AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight) .

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

Java

// Step 1: Create an inline adaptive banner ad size using the activity context.
AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320);

// Step 2: Create banner using activity context and set the inline ad size and
// ad unit ID.
AdManagerAdView bannerView = new AdManagerAdView(this);
bannerView.setAdUnitId("ad unit ID");

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER);

// Step 3: Load an ad.
AdManagerAdRequest adRequest = new AdManagerAdRequest.Builder().build();
bannerView.loadAd(adRequest);
// TODO: Insert banner view in list view or scroll view, etc.

Kotlin

// Step 1: Create an inline adaptive banner ad size using the activity context.
val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320)

// Step 2: Create banner using activity context and set the inline ad size and
// ad unit ID.
val bannerView = AdManagerAdView(this)
bannerView.adUnitId = "ad unit ID"

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER)

// Step 3: Load an ad.
val adRequest = AdManagerAdRequest.Builder().build()
bannerView.loadAd(adRequest)
// TODO: Insert banner view in list 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 con tamaño de banner adaptable. Para usar banners adaptables con anuncios de reservación de Ad Manager en el mismo espacio publicitario, llama a setAdSizes con una lista de tamaños que contengan el tamaño adaptable además de todos los tamaños de los anuncios de reservación.

Recursos adicionales

Ejemplos en GitHub

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

Java Kotlin