Stili nativi

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 produrre una visualizzazione di qualità su tutti gli schermi. Non devi eseguire il rendering perché Ad Manager applica automaticamente lo stile nativo appropriato alla destinazione. Gli stili nativi vengono implementati come gli annunci banner utilizzando un AdManagerAdView. Possono essere utilizzati con dimensioni degli annunci fisse determinate in anticipo o con dimensioni flessibili degli annunci al momento dell'attivazione.

Prerequisiti

• Plug-in Flutter per Google Mobile Ads versione 0.13.6 o successive

Questa guida presuppone una conoscenza pratica dell'SDK Google Mobile Ads. Se non lo hai già 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, procedi nel seguente modo:

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

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

Ecco un esempio di come specificare una dimensione fissa, come 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 avere senso. Ad esempio, potresti volere che la larghezza dell'annuncio corrisponda ai contenuti dell'app, ma che l'altezza sia da regolare in modo dinamico per adattarsi ai contenuti dell'annuncio. Per gestire questo caso, puoi specificare Fluid come dimensione dell'annuncio nell'interfaccia utente di Ad Manager, che indica che le dimensioni dell'annuncio sono determinate durante l'esecuzione nell'app. Per gestire questo caso, l'SDK fornisce una costante AdSize speciale, FLUID. L'altezza delle dimensioni flessibili degli annunci viene determinata dinamicamente in base alla larghezza definita dal publisher, consentendo alla visualizzazione dell'annuncio della piattaforma di regolarne l'altezza in base 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();
    },
  ),

Visualizzazione dell'annuncio flessibile

Una volta caricato l'annuncio, utilizza FluidAdWidget per pubblicare annunci flessibili. L'altezza viene regolata in base alla visualizzazione dell'annuncio della piattaforma sottostante:

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

Guarda un esempio di implementazione delle dimensioni flessibili degli annunci di Ad Manager nell'app di esempio su GitHub.