Definire lo stile degli annunci nativi nell'UI

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 dimensioni dell'annuncio flessibili determinate in fase di runtime o con dimensioni dell'annuncio fisse determinate 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 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 dall'editore, consentendo alla visualizzazione dell'annuncio di regolare l'altezza in modo che corrisponda a quella della creatività.

Creare una richiesta di annuncio flessibile

Crea un contenitore di layout per la visualizzazione dell'annuncio. Imposta layout_height del contenitore dell'annuncio su wrap_content perché la sua altezza verrà determinata dall'annuncio restituito in fase di runtime.

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

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

Kotlin

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()

Java

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();

Sostituisci AD_UNIT_ID con l'ID del dispositivo di test.

Una volta caricato correttamente l'annuncio, aggiungi BannerAd.getView() alla gerarchia di oggetti View. Per maggiori dettagli, consulta Caricare un annuncio.

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 Resources.getDisplayMetrics metodo. 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 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.

  2. Carica un BannerAd annuncio con AdSize predefinito.