Styles natifs

Paramètres des styles natifs permettre à Google Ad Manager de gérer l'affichage de vos annonces natives en fonction que vous spécifiez dans le produit. Spécifiez d'abord la taille et le ciblage. Ajoutez ensuite du code HTML, CSS et JavaScript pour définir des annonces responsives et offrent un affichage de qualité sur tous les écrans. Vous n'avez pas besoin de procéder au rendu. Ad Manager applique automatiquement le style natif approprié à la destination. Les styles natifs sont implémentés de la même manière que les bannières, à l'aide d'un AdManagerAdView. Elles peuvent être utilisées avec une annonce fixe une taille d'annonce déterminée à l'avance ou une taille d'annonce fluide déterminée au moment de l'exécution.

Prérequis

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

Ce guide suppose une connaissance pratique du SDK Google Mobile Ads. Si vous ne l'avez pas déjà fait, consultez nos 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 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 bannière sur la façon d'instancier et de charger une annonce. Vous trouverez une 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, comme la propriété 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 souhaiter que la largeur de l'annonce corresponde au contenu de votre application, mais que sa hauteur s'ajuste dynamiquement pour s'adapter au contenu de l'annonce. Pour gérer ce cas, vous pouvez spécifier Fluid comme taille de l'annonce dans l'interface utilisateur d'Ad Manager, ce qui 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 façon dynamique en fonction de l'éditeur. ce qui permet au visionnage de l'annonce de la plate-forme d'ajuster sa hauteur 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();
    },
  ),

Affichage de l'annonce fluide

Une fois votre annonce chargée, utilisez FluidAdWidget pour afficher des annonces fluides. Il ajustera sa hauteur pour correspondre à 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.