Définir le style des annonces natives dans l'UI

Les paramètres de style natif permettent à Google Ad Manager de gérer l'affichage de vos annonces natives en fonction des styles natifs que vous spécifiez dans le produit. Commencez par spécifier la taille et le ciblage. Ajoutez ensuite du code HTML, CSS et JavaScript pour définir des annonces responsives qui s'affichent correctement sur tous les écrans. Vous n'avez pas besoin d'effectuer l'affichage. Ad Manager applique automatiquement le style natif approprié à la destination. Les styles natifs sont implémentés comme les bannières publicitaires. Ils sont affichés avec une taille d'annonce fluide déterminée au moment de l'exécution ou avec une taille d'annonce fixe déterminée à l'avance.

Prérequis

Taille "Fluide"

Vous pouvez utiliser la taille d'annonce "Fluide" dans l'interface utilisateur d'Ad Manager pour obtenir une annonce qui s'adapte dynamiquement à son contenu. Avec ce paramètre, la largeur de l'annonce correspondra au contenu de votre application, et sa hauteur s'ajustera au moment de l'exécution pour s'adapter au contenu de l'annonce. Le SDK fournit une constante spéciale AdSize, FLUID, pour gérer ce cas. La hauteur de la taille d'annonce fluide est déterminée de manière dynamique en fonction de la largeur définie par l'éditeur, ce qui permet à la vue d'annonce d'ajuster sa hauteur à celle de la création.

Créer une demande d'annonce fluide

Créez un conteneur de mise en page pour la vue d'annonce. Définissez le layout_height du conteneur d'annonce sur wrap_content car sa hauteur sera déterminée par l'annonce renvoyée au moment de l'exécution.

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

Voici à quoi ressemble l'implémentation pour effectuer la demande d'annonce :

Kotlin

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()

Java

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();

Remplacez AD_UNIT_ID par l'ID de votre appareil de test.

Une fois l'annonce chargée, ajoutez BannerAd.getView() à la hiérarchie de vues. Pour en savoir plus, consultez la section Charger une annonce.

Taille fixe

Les styles natifs avec une taille fixe vous permettent de contrôler la largeur et la hauteur de l'annonce native. Pour définir une taille fixe, procédez comme suit :

  1. Créez un élément de campagne dans l'interface utilisateur d'Ad Manager et sélectionnez l'une des tailles prédéfinies dans le menu déroulant du champ Size.

  2. Chargez une BannerAd annonce avec le AdSize prédéfini.