Stili nativi

Impostazioni dello stile nativo consentire a Google Ad Manager di gestire il rendering degli annunci nativi in base gli stili specificati all'interno del prodotto. Innanzitutto, specifica le dimensioni e il targeting. Poi aggiungi HTML, CSS e JavaScript per definire gli annunci adattabili e produrre un display di qualità su tutti gli schermi. Non devi eseguire alcun rendering; Ad Manager applica automaticamente lo stile nativo corretto per la destinazione. Gli stili nativi vengono implementati come gli annunci banner, utilizzando un AdManagerAdView. Possono essere utilizzate con un annuncio fisso determinate in anticipo o dimensioni flessibili di un annuncio determinate in fase di esecuzione.

Prerequisiti

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

Questa guida presuppone una certa conoscenza dell'utilizzo dell'SDK Google Mobile Ads. Se non l'hai ancora fatto, consulta la nostra guida Inizia.

Dimensioni fisse

Gli stili nativi con dimensioni fisse 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.

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 di dimensioni e le rispettive costanti AdSize nelle dimensioni del banner .

Di seguito viene riportato un esempio di come specificare una dimensione fissa, come Dimensioni 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 a quella dei 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, indica che le dimensioni dell'annuncio vengono determinate in fase di esecuzione nell'app. L'SDK fornisce una costante AdSize speciale, FLUID, per gestire questo caso. L'altezza delle dimensioni degli annunci flessibili viene determinata dinamicamente in base al publisher definita, consentendo alla visualizzazione dell'annuncio della piattaforma di regolare l'altezza in base a quella della creatività.

Richiesta di fluido

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

Dopo aver caricato l'annuncio, utilizza FluidAdWidget per visualizzare gli annunci fluidi. Sarà regolane l'altezza in modo che corrisponda alla visualizzazione dell'annuncio della piattaforma sottostante:

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

Guarda un esempio di implementazione di dimensioni dell'annuncio flessibili di Ad Manager nell'app di esempio su GitHub.