Specificare gli stili nativi

Seleziona la piattaforma: Android (beta) Nuovo Android iOS Flutter

Le impostazioni degli stili nativi consentono a Google Ad Manager di gestire il rendering degli annunci nativi in base agli stili nativi specificati all'interno del prodotto. Innanzitutto, specifica le dimensioni e il targeting. Poi aggiungi HTML, CSS e JavaScript per definire annunci adattabili e che producano una visualizzazione di qualità su tutti gli schermi. Non devi eseguire il rendering. Ad Manager applica automaticamente lo stile nativo corretto per la destinazione. Gli stili nativi vengono implementati proprio come gli annunci banner, utilizzando un AdManagerAdView. Possono essere utilizzati con una dimensione dell'annuncio fissa determinata in anticipo o con una dimensione dell'annuncio flessibile determinata in fase di runtime.

Prerequisiti

  • Google Mobile Ads Flutter Plugin versione 0.13.6 o successive

Questa guida presuppone una conoscenza pratica di Google Mobile Ads Flutter Plugin. Se non l'hai ancora fatto, ti consigliamo di consultare la nostra guida introduttiva.

Dimensioni fisse

Gli stili nativi con dimensioni fisse ti consentono di controllare la larghezza e l'altezza dell'annuncio nativo. Per impostare una dimensione fissa:

  1. Crea un elemento pubblicitario nell'interfaccia utente di Ad Manager e seleziona una delle dimensioni predefinite dal menu a discesa del campo Size (Dimensioni).

  2. Carica un AdManagerBannerAd con le stesse dimensioni che hai configurato nel passaggio 1. Consulta la documentazione relativa agli annunci banner per scoprire come creare un'istanza e caricare un annuncio. Puoi visualizzare un elenco delle dimensioni e delle costanti corrispondenti AdSize nella sezione Dimensioni banner.

Ecco un esempio di come specificare una dimensione fissa, ad esempio la dimensione dell'annuncio MEDIUM_RECTANGLE (300 x 250):

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

Dimensioni flessibili

In alcuni casi, una dimensione fissa potrebbe non essere appropriata. Ad esempio, potresti voler che la larghezza dell'annuncio corrisponda ai contenuti dell'app, ma che l'altezza si adatti dinamicamente ai contenuti dell'annuncio. Per gestire questo caso, puoi specificare Fluid come dimensione dell'annuncio nell'interfaccia utente di Ad Manager, il che indica che la dimensione dell'annuncio viene determinata in fase di runtime nell'app. L'SDK fornisce una costante AdSize speciale, FLUID, per gestire questo caso. L'altezza della dimensione dell'annuncio flessibile viene determinata dinamicamente in base alla larghezza definita dall'editore, consentendo alla visualizzazione di annuncio della piattaforma di regolare la propria altezza in modo che corrisponda a quella della creatività.

Richiesta flessibile

Utilizza FluidAdManagerBannerAd per richiedere un annuncio flessibile:

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();
    },
  ),

Visualizzare l'annuncio flessibile

Dopo aver caricato l'annuncio, utilizza FluidAdWidget per visualizzare gli annunci flessibili. L'altezza verrà regolata in modo che corrisponda a quella della visualizzazione dell'annuncio della piattaforma sottostante:

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

Consulta un'implementazione di esempio della dimensione dell'annuncio flessibile di Ad Manager nell'app di esempio su GitHub.