Stili nativi

Seleziona la piattaforma: 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 produrre una visualizzazione 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 proprio come gli annunci banner, utilizzando un AdManagerAdView. Possono essere utilizzati con dimensioni annuncio fisse determinate in anticipo o con dimensioni annuncio flessibili determinate in fase di runtime.

Prerequisiti

  • Plugin Flutter Google Mobile Ads versione 0.13.6 o successive

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

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'UI 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 impostato nel passaggio 1. Consulta la documentazione relativa all'annuncio banner per scoprire come creare un'istanza e caricare un annuncio. Puoi visualizzare un elenco delle dimensioni e delle relative costanti AdSize nella sezione Dimensioni banner.

Ecco un esempio di come specificare una dimensione fissa, ad esempio le 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 essere appropriata. Ad esempio, potresti volere che la larghezza dell'annuncio corrisponda ai contenuti dell'app, ma che la sua altezza si adatti dinamicamente per adattarsi ai contenuti dell'annuncio. Per gestire questo caso, puoi specificare Fluid come dimensioni dell'annuncio nell'interfaccia utente di Ad Manager, il che indica che le dimensioni dell'annuncio vengono determinate in fase di runtime nell'app. L'SDK fornisce una costante speciale AdSize, FLUID, per gestire questo caso. L'altezza dell'annuncio fluido viene determinata in modo dinamico in base alla larghezza definita dal publisher, consentendo alla visualizzazione dell'annuncio sulla piattaforma di regolare la propria altezza in modo che corrisponda a quella della creatività.

Richiesta fluida

Utilizza FluidAdManagerBannerAd per richiedere un annuncio fluido:

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 adattabili. Regolerà la sua altezza in modo che corrisponda alla visualizzazione dell'annuncio della piattaforma sottostante:

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

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