Bannières adaptatives ancrées

Les bannières adaptatives constituent la nouvelle génération d'annonces responsives. Elles maximisent les performances en optimisant la taille des annonces pour chaque appareil. En plus des bannières intelligentes, qui n'acceptaient que les hauteurs fixes, les bannières adaptatives vous permettent de spécifier la largeur de l'annonce et de l'utiliser pour déterminer la taille optimale de l'annonce.

Pour choisir la meilleure taille d'annonce, les bannières adaptatives utilisent des formats fixes plutôt que des hauteurs fixes. Ainsi, les bannières occupent une partie plus cohérente de l'écran sur tous les appareils et offrent des opportunités d'améliorer les performances.

Lorsque vous utilisez des bannières adaptatives, notez qu'elles renvoient toujours une taille constante pour un appareil et une largeur donnés. Une fois que vous avez testé votre mise en page sur un appareil donné, vous pouvez être sûr que la taille de l'annonce ne changera pas. Cependant, la taille de la bannière peut varier d'un appareil à l'autre. Par conséquent, nous vous recommandons de vous assurer que votre mise en page peut s'adapter aux variations de hauteur des annonces. Dans de rares cas, la taille adaptative complète peut ne pas être remplie. Une création de taille standard est alors centrée dans cet emplacement.

Quand utiliser des bannières adaptatives ?

Les bannières adaptatives sont conçues pour remplacer directement la taille de bannière standard 320 x 50, ainsi que le format de bannière intelligente qu'elles remplacent.

Ces tailles de bannière sont couramment utilisées comme bannières ancrées, qui sont généralement verrouillées en haut ou en bas de l'écran. Pour ces bannières ancrées, le format des bannières adaptatives est semblable à celui d'une annonce standard au format 320 x 50, comme illustré dans les captures d'écran suivantes:


Bannière 320 x 50

Bannière intelligente

Bannière adaptative

Une bannière adaptative exploite mieux la taille d'écran disponible. De plus, une bannière adaptative est un meilleur choix qu'une bannière intelligente pour les raisons suivantes:

  • Il utilise la largeur fournie plutôt que la largeur totale de l'écran, ce qui vous permet de tenir compte des zones de sécurité.

  • Elle sélectionne une hauteur optimale pour l'appareil spécifique plutôt que d'avoir une hauteur constante sur des appareils de différentes tailles, ce qui réduit les effets de la fragmentation de l'appareil.

Notes de mise en œuvre

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

  • Vous devez connaître la largeur de la vue dans laquelle l'annonce sera placée, et cela doit tenir compte de la largeur de l'appareil et de toutes les zones de sécurité applicables.

  • Assurez-vous que l'arrière-plan de l'affichage de l'annonce est opaque afin de respecter les règles AdMob lorsque des tailles d'annonces plus petites sont diffusées, mais ne remplissent pas l'espace publicitaire.

  • Assurez-vous d'utiliser la dernière version du SDK Google Mobile Ads pour C++. Pour la médiation, utilisez la dernière version de chaque adaptateur de médiation.

  • Les tailles de bannières adaptatives sont conçues pour fonctionner de manière optimale lorsque toute la largeur est disponible. Dans la plupart des cas, il s'agira de toute la largeur de l'écran de l'appareil en cours d'utilisation. Prenez en compte les zones de sécurité applicables.

  • Le SDK C++ Google Mobile Ads renvoie une hauteur d'annonce optimisée pour la largeur donnée dans un firebase::gma::AdSize.

  • Il existe trois méthodes pour obtenir une taille d'annonce pour les bannières adaptatives : une pour le mode paysage, une pour le mode portrait et une pour l'orientation actuelle au moment de l'exécution.

  • La taille renvoyée pour une largeur donnée sur un appareil donné sera toujours la même. Par conséquent, une fois que vous avez testé votre mise en page sur un appareil donné, vous pouvez être sûr que la taille de l'annonce ne changera pas.

  • La hauteur de la bannière ancrée ne dépasse jamais 15% de la hauteur de l'appareil et ne doit jamais être inférieure à 50 points.

Guide de démarrage rapide

Suivez les étapes ci-dessous pour implémenter une bannière ancrée adaptative simple.

  1. Obtenez une taille de bannière adaptative. La taille obtenue sera utilisée pour demander votre bannière adaptative. Pour obtenir la taille d'annonce adaptative, vérifiez les points suivants:

    1. Obtenez la largeur de l'appareil en cours d'utilisation ou définissez votre propre largeur si vous ne souhaitez pas utiliser toute la largeur de l'écran.

    2. Utilisez les méthodes statiques appropriées sur la classe AdSize, telles que GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width), afin d'obtenir un objet AdSize adaptatif pour l'orientation choisie.

    3. Appelez Initialize() sur AdView avec le AdSize adaptatif que vous avez créé.

      Vous trouverez un exemple complet ci-dessous.

  2. Créez un objet AdRequest et chargez votre bannière à l'aide de la méthode loadAd() sur la vue d'annonce préparée, comme vous le feriez pour une demande de bannière normale.

Exemple de code

Voici un exemple de AdView qui charge une bannière adaptative:

// 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);

Ici, la fonction GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) permet d'obtenir la taille d'une bannière dans une position ancrée pour l'orientation actuelle de l'interface. Pour précharger une bannière ancrée dans une orientation donnée, utilisez la fonction correspondante de GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) et GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).