Banner adattivi in ​​linea

I banner adattivi sono la nuova generazione di annunci adattabili, in quanto massimizzano il rendimento ottimizzando le dimensioni dell'annuncio per ciascun dispositivo. Migliorare per quanto riguarda i banner a dimensioni fisse, che supportavano solo altezze fisse, mentre i banner adattivi consentono agli sviluppatori di specificare la larghezza dell'annuncio e di utilizzarla per determinare la dimensione ottimale dell'annuncio.

Per scegliere le dimensioni migliori per gli annunci, i banner adattivi in linea utilizzano l'altezza massima anziché l'altezza fissa. Questo si traduce in opportunità di miglioramento del rendimento.

Quando utilizzare i banner adattivi in linea

I banner adattivi in linea sono banner più grandi e più alti rispetto ai banner adattivi ancorati. Hanno un'altezza variabile e possono raggiungere l'altezza dello schermo del dispositivo.

Sono pensati per essere inseriti in contenuti scorrevoli, ad esempio:

Prerequisiti

• SDK Google Mobile Ads 8.10.0 o versioni successive

Prima di iniziare

Quando implementi i banner adattivi nella tua app, tieni presente i seguenti aspetti:

• Devi conoscere la larghezza della visualizzazione in cui verrà inserito l'annuncio e questo dovrebbe tenere conto della larghezza del dispositivo e di tutte le aree sicure applicabili.

• Assicurati di utilizzare la versione più recente dell'SDK Google Mobile Ads e, se usi la mediazione, le versioni più recenti degli adattatori di mediazione.

• Le dimensioni dei banner adattivi in linea sono progettate per funzionare al meglio quando si utilizza l'intera larghezza disponibile. Nella maggior parte dei casi, si tratterà dell'intera larghezza dello schermo del dispositivo in uso. Assicurati di prendere in considerazione le aree di sicurezza applicabili.

• Di seguito sono riportati i metodi per ottenere le dimensioni dell'annuncio:

  • GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)

• Quando utilizzi le API dei banner adattivi in linea, l'SDK Google Mobile Ads restituisce un valore GADAdSize con la larghezza specificata e un flag in linea. L'altezza è zero o maxHeight, a seconda dell'API in uso. L'altezza effettiva dell'annuncio diventa disponibile al momento della restituzione.

• Un banner adattivo in linea è progettato per essere inserito in contenuti scorrevoli. Il banner può avere l'altezza dello schermo del dispositivo o essere limitato da un'altezza massima, a seconda dell'API.

Implementazione

I passaggi per implementare gli annunci banner adattivi in linea sono gli stessi di quelli per implementare gli annunci banner adattivi ancorati. L'unica differenza è che gli annunci banner adattivi in linea vengono caricati utilizzando una dimensione dell'annuncio banner adattivo in linea. Per creare dimensioni dell'annuncio adattivo in linea, procedi nel seguente modo:

• Imposta la larghezza del dispositivo in uso o impostane una personalizzata se non vuoi utilizzare l'intera larghezza dello schermo.
• Utilizza i metodi statici appropriati per la classe delle dimensioni degli annunci, ad esempio GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) per ottenere un oggetto di dimensione dell'annuncio adattivo incorporato per l'orientamento scelto.
• Per limitare l'altezza del banner, puoi utilizzare il metodo statico GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) .

Il codice di esempio riportato di seguito illustra questi passaggi:

Swift

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320)
// Step 2: Create banner with the inline size and set ad unit ID.
let bannerView = GADBannerView(adSize: adSize)
bannerView.adUnitID = "ad unit ID"
bannerView.rootViewController = self

// Step 3: Load an ad.
let request = GADRequest()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.

Objective-C

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
GADAdSize *adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320);
// Step 2: Create banner with the inline size and set ad unit ID.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"ad unit ID";
bannerView.rootViewController = self;

// Step 3: Load an ad.
GADRequest *request = [GADRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.

Risorse aggiuntive

Esempi su GitHub

Scarica l'applicazione di esempio per vedere i banner adattivi incorporati in azione.

Swift Obiettivo-C