Utilizzare i banner adattivi in linea per i banner scorrevoli

Seleziona la piattaforma: Android iOS Flutter Android (legacy)

I banner adattivi ti consentono di specificare la larghezza di un annuncio per determinare le dimensioni ottimali per ogni dispositivo. A differenza dei banner adattivi ancorati, i banner adattivi in linea sono più grandi, più alti e non utilizzano altezze fisse. I banner adattivi in linea hanno un'altezza variabile. Questi banner possono riempire l'intero schermo o un'altezza massima che specifichi.

Questa guida spiega come creare banner adattivi in linea e impostare le dimensioni del banner.

L'immagine seguente mostra i banner adattivi in linea nei contenuti scorrevoli:

Diagramma che mostra le differenze tra i banner adattivi e i banner adattivi in linea

Prima di iniziare

Prima di continuare, assicurati di configurare gli annunci banner.

Per visualizzare un esempio completo di banner adattivo in linea, scarica la seguente app di esempio:

Implementare i banner adattivi in linea

Per implementare i banner adattivi in linea, imposta le dimensioni dell'annuncio, crea una richiesta di annuncio e carica l'annuncio.

Per dimensionare un banner adattivo in linea, determina la larghezza dell'annuncio. Gli approcci comuni includono:

  • Utilizzando la larghezza a schermo intero.
  • Utilizzando la larghezza del layout principale contenente l'annuncio.
  • Regolazione della larghezza per tenere conto delle aree sicure del dispositivo.

Quando crei l'oggetto delle dimensioni dell'annuncio, utilizza questa larghezza calcolata.

L'esempio seguente crea un formato annuncio adattabile in linea utilizzando la larghezza dell'area sicura del dispositivo:

Swift

// Make sure the ad fits inside the readable area.
let adWidth = view.bounds.inset(by: view.safeAreaInsets).width
bannerView.adSize = currentOrientationInlineAdaptiveBanner(width: adWidth)

Objective-C

// Make sure the ad fits inside the readable area.
CGFloat adWidth = CGRectGetWidth(UIEdgeInsetsInsetRect(view.bounds, view.safeAreaInsets));
bannerView.adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(adWidth);

Se devi aggiornare o creare elementi pubblicitari per utilizzare i banner adattivi, consulta Impostare elementi pubblicitari per i banner adattivi.

Impostare il layout del banner adattivo in linea

Per precaricare un annuncio banner adattivo in linea per un layout specifico, utilizza i seguenti metodi:

Se la tua app supporta le visualizzazioni verticale e orizzontale e vuoi precaricare un annuncio banner adattivo nel layout corrente, utilizza il metodo GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width). Questo metodo carica un annuncio nel layout corrente.

Limitare l'altezza dei banner adattivi in linea

Per impostazione predefinita, i banner adattivi in linea creati senza un valore maxHeight hanno un'altezza massima pari all'altezza del dispositivo. Per limitare l'altezza del banner adattivo in linea, utilizza il metodo GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).