Applicare stili agli annunci nativi nell'interfaccia utente di Ad Manager

Seleziona la piattaforma: Android iOS Flutter Android (Legacy)

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, perché Ad Manager applica automaticamente lo stile nativo corretto per la destinazione. Gli stili nativi vengono implementati esattamente come gli annunci banner. Il rendering viene eseguito con una dimensione dell'annuncio flessibile determinata in fase di runtime o con una dimensione dell'annuncio fissa determinata in anticipo.

Prerequisiti

Dimensioni flessibili

Puoi utilizzare le dimensioni dell'annuncio flessibili nell'interfaccia utente di Ad Manager per ottenere un annuncio che si adatti dinamicamente ai suoi contenuti. Con questa impostazione, la larghezza dell'annuncio corrisponderà ai contenuti dell'app e l'altezza si adatterà in fase di runtime per adattarsi ai contenuti dell'annuncio. L'SDK fornisce una costante speciale AdSize, FLUID, per gestire questo caso. L'altezza delle dimensioni dell'annuncio flessibili viene determinata dinamicamente in base alla larghezza definita dal publisher, consentendo alla visualizzazione dell'annuncio di regolare l'altezza in modo che corrisponda a quella della creatività.

Creare una richiesta di annuncio flessibile

A differenza di altri formati di annunci, le dimensioni dell'annuncio flessibili non hanno una larghezza predefinita, quindi assicurati di impostare esplicitamente layout_width di AdManagerAdView nel file di layout XML:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

Ecco come appare l'implementazione per effettuare la richiesta di annuncio:

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)

Dimensioni fisse

Gli stili nativi con dimensioni fisse consentono di controllare la larghezza e l'altezza dell'annuncio nativo.

Per impostare una dimensione fissa:

Imposta una dimensione dell'annuncio inferiore o uguale alla dimensione dello schermo del dispositivo. Per determinare la dimensione massima dello schermo, utilizza il Resources.getDisplayMetrics metodo. Le dimensioni dell'oggetto AdSize utilizzano pixel indipendenti dalla densità (dp). Quando esegui il confronto, converti la dimensione dello schermo da pixel a dp. Per maggiori dettagli sui vincoli di dimensione, consulta Risolvere i problemi relativi alle impressioni inevase in Ad Manager.

  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. Nel file di layout XML dell'app, imposta l'attributo ads:adSize sulla costante che corrisponde alla dimensione predefinita selezionata nel passaggio 1. Puoi visualizzare un elenco delle dimensioni e delle relative AdSize costanti nella sezione Dimensioni fisse.

Di seguito è riportato un esempio di come specificare una dimensione fissa, ad esempio la dimensione dell'annuncio MEDIUM_RECTANGLE (300 x 250), nel file di layout:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />