Styles natifs

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 avez spécifiés dans le produit. Tout d'abord, spécifiez la taille et le ciblage. Ensuite, ajoutez du code HTML, CSS et JavaScript pour définir des annonces responsives et produire un affichage de qualité sur tous les écrans. Vous n'avez pas besoin de configurer l'affichage ; Ad Manager applique automatiquement le style natif approprié pour la destination. Les styles natifs sont implémentés comme les bannières publicitaires, à l'aide d'un AdManagerAdView. Elles peuvent être utilisées 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.

Conditions préalables

• Plug-in Flutter Google Mobile Ads 0.13.6 ou version ultérieure

Ce guide suppose que vous avez une connaissance pratique du SDK Google Mobile Ads. Si vous ne l'avez pas déjà fait, consultez notre guide de démarrage.

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 d'Ad Manager, puis 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 configurée à l'étape 1. Consultez la documentation sur les bannières pour découvrir comment instancier et charger une annonce. Vous pouvez consulter la liste des tailles et des constantes AdSize correspondantes dans la section Taille de la bannière.

Voici un exemple expliquant comment spécifier 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 judicieuse. Par exemple, vous pouvez choisir que la largeur de l'annonce corresponde au contenu de votre application, mais avoir besoin que sa hauteur s'ajuste dynamiquement au contenu de l'annonce. Pour gérer ce cas de figure, vous pouvez spécifier Fluid comme taille d'annonce dans l'interface utilisateur d'Ad Manager, ce qui signifie 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 dynamiquement en fonction de la largeur définie par l'éditeur, ce qui permet à l'affichage de l'annonce de la plate-forme d'ajuster sa hauteur pour qu'elle corresponde à celle de la création.

Demande "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. Il ajuste sa hauteur pour qu'elle corresponde à l'affichage de l'annonce de la plate-forme sous-jacente:

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

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