Bannières adaptatives intégrées

Les bannières adaptatives constituent la nouvelle génération d'annonces responsives. Elles permettent de maximiser les performances en optimisant la taille des annonces pour chaque appareil. En améliorant les bannières de taille fixe, qui n'acceptaient que les hauteurs fixes, les bannières adaptatives permettent aux développeurs de spécifier la largeur de l'annonce et de s'en servir pour déterminer la taille d'annonce optimale.

Pour choisir la meilleure taille d'annonce, les bannières adaptatives intégrées utilisent des hauteurs maximales au lieu de hauteurs fixes. Cela peut vous permettre d'améliorer vos performances.

Quand utiliser les bannières adaptatives intégrées ?

Les bannières adaptatives intégrées sont plus grandes et plus grandes que les bannières adaptatives ancrées. Ils sont de hauteur variable et peuvent être aussi hauts que l'écran de l'appareil.

Elles sont destinées à être placées dans du contenu défilant, par exemple:

Avant de commencer

Lorsque vous implémentez des bannières adaptatives dans votre application, tenez compte des points suivants:

  • Pour que les bannières adaptatives intégrées fonctionnent correctement, vous devez rendre vos mises en page responsives. Dans le cas contraire, les expériences publicitaires risquent d'être recadrées ou mal affichées.
  • Vous devez connaître la largeur de la vue dans laquelle l'annonce sera placée, en tenant compte de la largeur de l'appareil et de toute zone de sécurité applicable.

  • Assurez-vous d'utiliser la dernière version du SDK Google Mobile Ads et, si vous utilisez la médiation, les dernières versions de vos adaptateurs de médiation.

  • Les tailles de bannières adaptatives intégrées sont conçues pour fonctionner de manière optimale lorsque vous utilisez toute la largeur disponible. Dans la plupart des cas, il s'agit de toute la largeur de l'écran de l'appareil utilisé. Veillez à tenir compte des zones de sécurité applicables.

  • Vous devrez peut-être mettre à jour ou créer des éléments de campagne pour utiliser les tailles adaptatives. En savoir plus

Implémentation

La procédure à suivre pour implémenter des bannières adaptatives intégrées est identique à celle permettant d'implémenter des bannières adaptatives ancrées. La seule différence réside dans le fait que les bannières adaptatives intégrées sont chargées à l'aide d'une taille de bannière adaptative intégrée. Pour créer une taille d'annonce adaptative intégrée:

  • Obtenez la largeur de l'appareil utilisé ou définissez votre propre largeur si vous ne souhaitez pas utiliser toute la largeur de l'écran.
  • Utilisez les méthodes statiques appropriées sur la classe de taille d'annonce, par exemple AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width) , afin d'obtenir un objet de taille d'annonce adaptative intégré pour l'orientation choisie.
  • Si vous souhaitez limiter la hauteur de la bannière, vous pouvez utiliser la méthode statique AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight) .

L'exemple de code ci-dessous illustre ces étapes:

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.

Autres ressources

Exemples sur GitHub

Téléchargez l'exemple d'application pour voir les bannières adaptatives intégrées en action.

Java Kotlin