Banner adattivi incorporati

I banner adattivi sono la nuova generazione di annunci adattabili, ottimizzando le dimensioni dell'annuncio per ciascun dispositivo. Miglioramento delle dimensioni fisse , che supportavano solo altezze fisse, i banner adattivi consentono agli sviluppatori specificare la larghezza dell'annuncio e utilizzarlo per determinare la dimensione ottimale dell'annuncio.

Per scegliere la dimensione migliore, 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 agli adattivi ancorati banner. Sono di altezza variabile e possono essere alti quanto lo schermo del dispositivo.

Sono pensati per essere inseriti in contenuti in scorrimento, 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 questo deve prendere in considerazione la larghezza del dispositivo e le eventuali aree sicure applicabile.

• Assicurati di utilizzare la versione più recente dell'SDK Google Mobile Ads e, se utilizzi 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 tratta dell'intera larghezza schermata del dispositivo in uso. Assicurati di tenere conto delle aree sicure applicabili.

• Potresti dover aggiornare o creare nuovi elementi pubblicitari per farli funzionare con gli elementi adattivi dimensioni. Ulteriori informazioni.

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

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

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

• Un banner adattivo in linea è progettato per essere inserito in contenuti scorrevoli. La possono avere un'altezza massima pari a quella dello schermo del dispositivo oppure essere limitati 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 è l'incorporamento gli annunci banner adattivi vengono caricati utilizzando una dimensione dell'annuncio banner adattivo in linea. Per creare una dimensione dell'annuncio adattabile in linea:

• Visualizza la larghezza del dispositivo in uso o impostane una personalizzata se non vuoi per usare l'intera larghezza dello schermo.
• Utilizza i metodi statici appropriati per la classe delle dimensioni dell'annuncio, come GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) per ottenere un oggetto con dimensione 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) di Google.

Il codice di esempio seguente illustra questi passaggi:

// 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 = GAMBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self

// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
bannerView.validAdSizes = [NSValueFromGADAdSize(GADAdSizeBanner)]

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

// 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.
GAMBannerView bannerView = [[GAMBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;

// For Ad Manager, the adSize property is used for the adaptive banner ad size.
// The validAdSizes property is used as normal for the supported reservation
// sizes for the ad placement. This is optional and only needed if you wish to
// support reservation ad sizes.
bannerView.validAdSizes = @[ NSValueFromGADAdSize(GADAdSizeBanner) ];

// Step 3: Load an ad.
GAMRequest *request = [GAMRequest 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 linea in azione.

Swift Objective-C