Banner adattivi in ​​linea

I banner adattivi sono la nuova generazione di annunci adattabili, che massimizzano il rendimento ottimizzando le dimensioni degli annunci per ciascun dispositivo. Grazie ai banner di dimensioni fisse, che supportavano solo altezze fisse, i banner adattivi consentono agli sviluppatori di specificare la larghezza dell'annuncio e di utilizzare questa informazione per determinare la dimensione ottimale dell'annuncio.

Per scegliere la dimensione migliore degli annunci, i banner adattivi in linea utilizzano altezze massime anziché fisse. Ciò si traduce in opportunità per migliorare il 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. Sono di altezza variabile e possono essere alti quanto lo schermo del dispositivo.

Sono studiati per essere posizionati nei 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 quanto segue:

• Devi conoscere la larghezza della visualizzazione in cui verrà posizionato l'annuncio e deve tenere conto della larghezza del dispositivo e di eventuali aree sicure applicabili.

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

• Le dimensioni dei banner adattivi in linea sono progettate per funzionare al meglio quando viene utilizzata l'intera larghezza disponibile. Nella maggior parte dei casi, si tratta dell'intera larghezza dello schermo del dispositivo in uso. Assicurati di tenere conto delle aree sicure applicabili.

• I metodi per ottenere le dimensioni dell'annuncio sono:

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

• Quando si utilizzano le API per i banner adattivi in linea, l'SDK Google Mobile Ads restituisce un valore GADAdSize con la larghezza specificata e un flag in linea. L'altezza è pari a zero o maxHeight, a seconda dell'API utilizzata. L'altezza effettiva dell'annuncio è resa disponibile quando viene restituito.

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

Implementazione

I passaggi per implementare gli annunci banner adattivi in linea sono uguali a quelli per implementare gli annunci banner adattivi ancorati. L'unica differenza è che gli annunci banner adattivi in linea vengono caricati utilizzando le dimensioni di un annuncio banner adattivo in linea. Per creare una dimensione di annuncio adattivo in linea:

• Visualizza 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 dell'annuncio, ad esempio GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) per ottenere un oggetto con dimensioni dell'annuncio adattivo in linea per l'orientamento scelto.
• Se vuoi limitare l'altezza del banner, puoi utilizzare il metodo statico GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) .

Il codice di esempio seguente 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 in azione.

Swift Objective-C