Banners adaptables fijos

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 inteligentes, que solo admitían alturas fijas, los banners adaptables te permiten 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 usan relaciones de aspecto fijas en lugar de alturas fijas. Como resultado, los anuncios de banner ocupan una parte más coherente de la pantalla en todos los dispositivos y proporcionan oportunidades para mejorar el rendimiento.

Cuando trabajes con banners adaptables, ten en cuenta que siempre mostrarán un tamaño constante para un dispositivo y un ancho determinados. Una vez que hayas probado el diseño en un dispositivo determinado, podrás estar seguro de que el tamaño del anuncio no cambiará. Sin embargo, el tamaño de la creatividad del banner puede cambiar según el dispositivo. Por lo tanto, te recomendamos que te asegures de que tu diseño pueda admitir variaciones de altura del anuncio. En casos excepcionales, es posible que no se llene el tamaño adaptable completo y que una creatividad de tamaño estándar se centre en este espacio publicitario.

Cuándo usar banners adaptables

Los banners adaptables están diseñados para ser un reemplazo directo del tamaño de banner estándar de la industria de 320 x 50, así como del formato de banner inteligente que sustituyen.

Por lo general, estos tamaños de banner se usan como banners fijos que suelen estar bloqueados en la parte superior o inferior de la pantalla. Para estos banners fijos, la relación de aspecto al usar banners adaptables será similar a la de un anuncio estándar de 320 x 50, como se puede ver en las siguientes capturas de pantalla:


Banner de 320 x 50

Banner inteligente

Banner adaptable

Un banner adaptable aprovecha mejor el tamaño de pantalla disponible. Además, en comparación con un banner inteligente, un banner adaptable es una mejor opción por los siguientes motivos:

  • Se utiliza un ancho proporcionado en lugar del ancho de pantalla completo, lo que te permite tener en cuenta las áreas seguras.

  • Selecciona una altura óptima para el dispositivo específico, en lugar de tener una altura constante en dispositivos de diferentes tamaños, lo que mitiga los efectos de la fragmentación del dispositivo.

Notas de la implementación

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

  • 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 que el fondo de vista de anuncio sea opaco para cumplir con las políticas de AdMob cuando se publiquen tamaños de anuncios más pequeños que no ocupen el espacio publicitario.

  • Asegúrate de usar la versión más reciente del SDK de C++ de anuncios de Google para dispositivos móviles. Para la mediación, usa la última versión de cada adaptador de mediación.

  • Los tamaños de banner adaptables están diseñados para funcionar mejor cuando se usa todo el ancho 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.

  • El SDK de C++ de anuncios de Google para dispositivos móviles muestra una altura de anuncio optimizada para el ancho determinado en un elemento firebase::gma::AdSize.

  • Existen tres métodos para obtener un tamaño de anuncio en los banners adaptables: uno para la orientación horizontal, otro para el vertical y otro para la orientación actual en el momento de la ejecución.

  • El tamaño que se muestra para un ancho determinado en un dispositivo determinado siempre será el mismo, por lo que una vez que hayas probado tu diseño en un dispositivo determinado, podrás estar seguro de que el tamaño del anuncio no cambiará.

  • La altura del banner fijo nunca debe superar el 15% de la altura del dispositivo ni debe ser inferior a 50 puntos.

Inicio rápido

Sigue los pasos que se indican a continuación para implementar un banner fijo adaptable simple.

  1. Obtén un tamaño de anuncio de banner adaptable. El tamaño que obtengas se usará para solicitar tu banner adaptable. Para obtener el tamaño del anuncio adaptable, asegúrese de hacer lo siguiente:

    1. Obtén el ancho del dispositivo en uso o configura el tuyo propio si no quieres usar el ancho completo de la pantalla.

    2. Usa los métodos estáticos correspondientes en la clase AdSize, como GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width), a fin de obtener un objeto AdSize adaptable para la orientación elegida.

    3. Invoca Initialize() en el AdView con el AdSize adaptable que creaste.

      A continuación, se incluye un ejemplo completo.

  2. Crea un objeto AdRequest y carga tu banner con el método loadAd() en la vista de anuncio preparada, tal como lo harías con una solicitud de banner normal.

Código de muestra

Este es un ejemplo de un elemento AdView que cargará un banner adaptable:

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

Aquí, se usa la función GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) para obtener el tamaño de un banner en una posición fija para la orientación actual de la interfaz. Para precargar un banner fijo en una orientación determinada, usa la función relevante de GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) y GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).