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

Sélectionnez une plate-forme : Android iOS Flutter Android (ancien)

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. Tout d'abord, spécifiez 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 le rendu. Ad Manager applique automatiquement le style natif approprié pour la destination. Les styles natifs sont implémentés de la même manière que les bannières. Elles sont affichées 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'ajuste de manière dynamique à son contenu. Avec ce paramètre, la largeur de l'annonce correspond au contenu de votre application, et sa hauteur s'ajuste au moment de l'exécution pour s'adapter au contenu de l'annonce. Le SDK fournit une constante AdSize spéciale, FLUID, pour gérer ce cas de figure. 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. Cela permet à la vue de l'annonce d'ajuster sa hauteur pour correspondre à celle de la création.

Créer une demande d'annonce fluide

Contrairement aux autres formats d'annonce, la taille d'annonce fluide n'a pas de largeur prédéfinie. Veillez donc à définir explicitement l'attribut layout_width de l'élément AdManagerAdView dans votre fichier de mise en page XML :

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

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

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)

Taille fixe

Les styles natifs de 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 :

Définissez une taille d'annonce inférieure ou égale à la taille de l'écran de l'appareil. Pour déterminer la taille maximale de l'écran, utilisez la méthode Resources.getDisplayMetrics. Les dimensions de l'objet AdSize utilisent des pixels indépendants de la densité (dp). Pour effectuer la comparaison, convertissez la taille de l'écran de pixels en dp. Pour en savoir plus sur les contraintes de taille, consultez Résoudre les problèmes d'impressions inachevées dans Ad Manager.

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

  2. Dans le fichier de mise en page XML de votre application, définissez l'attribut ads:adSize sur la constante correspondant à la taille prédéfinie que vous avez sélectionnée à l'étape 1. Vous trouverez une liste des tailles et de leurs constantes AdSize correspondantes dans la section Taille fixe.

Voici un exemple de spécification d'une taille fixe, telle que la taille d'annonce MEDIUM_RECTANGLE (300 x 250), dans votre fichier de mise en page :

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />