Spécifier des styles natifs

Sélectionnez une plate-forme : Android (bêta) Nouveau Android iOS Flutter

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 de vous occuper de l'affichage. Ad Manager applique automatiquement le style natif approprié à la destination. Les styles natifs sont implémentés comme les bannières, à l'aide d'un AdManagerAdView. Ils peuvent être utilisés avec une taille d'annonce fixe déterminée à l'avance ou une taille d'annonce fluide déterminée au moment de l'exécution.

Prérequis

  • Google Mobile Ads Flutter Plugin version 0.13.6 ou ultérieure

Ce guide suppose que vous disposez de connaissances pratiques sur Google Mobile Ads Flutter Plugin. Si ce n'est pas déjà fait, nous vous recommandons de consulter notre guide Premiers pas.

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 :

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

  2. Chargez un AdManagerBannerAd de la même taille que celle que vous avez configurée à l'étape 1. Consultez la documentation sur les bannières pour savoir comment instancier et charger une annonce. Vous trouverez la liste des tailles et des constantes AdSize correspondantes dans la section Taille de la bannière.

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

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

Taille "Fluide"

Dans certains cas, une taille fixe peut ne pas être appropriée. Par exemple, vous pouvez souhaiter que la largeur de l'annonce corresponde au contenu de votre application, mais que sa hauteur s'ajuste de manière dynamique pour s'adapter au contenu de l'annonce. Pour gérer ce cas, vous pouvez spécifier Fluid comme taille d'annonce dans l'interface utilisateur Ad Manager. Cela indique que la taille de l'annonce est déterminée au moment de l'exécution dans l'application. Le SDK fournit une constante AdSize spéciale, 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 de la plate-forme d'ajuster sa hauteur à celle de la création.

Requête fluide

Utilisez FluidAdManagerBannerAd pour demander une annonce fluide :

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

Afficher l'annonce fluide

Une fois votre annonce chargée, utilisez FluidAdWidget pour afficher des annonces fluides. Sa hauteur s'ajuste à celle de la vue d'annonce de la plate-forme sous-jacente :

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

Consultez un exemple d'implémentation de la taille d'annonce fluide Ad Manager dans l'application exemple sur GitHub.