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 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 esattamente come gli annunci banner. Vengono visualizzati 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 adatta dinamicamente ai contenuti. Con questa impostazione, la larghezza dell'annuncio corrisponderà ai contenuti dell'app e l'altezza verrà regolata in fase di runtime per adattarsi ai contenuti dell'annuncio. L'SDK fornisce una costante AdSize speciale, FLUID, per gestire questo caso. L'altezza delle dimensioni dell'annuncio fluido viene determinata in modo dinamico in base alla larghezza definita dal publisher, consentendo alla visualizzazione dell'annuncio di regolare la propria altezza in modo che corrisponda a quella della creatività.

Crea una richiesta di annuncio fluido

A differenza di altri formati degli annunci, la dimensione dell'annuncio flessibile non ha 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 ti consentono di controllare la larghezza e l'altezza dell'annuncio nativo.

Per impostare una dimensione fissa:

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

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

  2. Nel file di layout XML della tua app, imposta l'attributo ads:adSize sulla costante corrispondente alla dimensione predefinita selezionata nel passaggio 1. Puoi visualizzare un elenco di dimensioni e le relative costanti AdSize nella sezione Dimensioni fisse.

Ecco 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" />