Banner adattivi incorporati

Seleziona la piattaforma: Android iOS Flutter

I banner adattivi consentono di specificare la larghezza di un annuncio per determinare le dimensioni ottimali dell'annuncio. I banner adattivi massimizzano il rendimento ottimizzando le dimensioni dell'annuncio per ogni dispositivo. Questo approccio offre opportunità per migliorare il rendimento.

Rispetto ai banner adattivi ancorati, i banner adattivi in linea sono più grandi, più alti e utilizzano altezze variabili anziché fisse. I banner adattivi in linea hanno un'altezza variabile e possono occupare l'intero schermo o un'altezza massima che specifichi.

Posiziona i banner adattivi in linea nei contenuti scorrevoli, ad esempio:

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

Prima di iniziare

Prima di continuare, assicurati di avere quanto segue:

Implementare i banner adattivi

A differenza dei banner adattivi ancorati, i banner adattivi in linea vengono caricati utilizzando una dimensione adattiva in linea. Per creare una dimensione dell'annuncio adattabile in linea, completa i seguenti passaggi:

  1. Ottieni la larghezza del dispositivo in uso o imposta la tua larghezza se non vuoi utilizzare la larghezza massima dello schermo.

  2. Utilizza i metodi statici appropriati nella classe delle dimensioni dell'annuncio, ad esempio GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) per ottenere un oggetto delle dimensioni dell'annuncio adattivo in linea per l'orientamento scelto.

    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 = Request()
    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.
    

    Quando implementi i banner adattivi nella tua app, tieni presente quanto segue:

    • Le dimensioni dei banner adattivi in linea si adattano meglio quando viene utilizzata l'intera larghezza disponibile. Nella maggior parte dei casi, questa dimensione è la larghezza massima dello schermo del dispositivo in uso o del contenuto principale del banner. Devi conoscere la larghezza della visualizzazione da inserire nell'annuncio, la larghezza del dispositivo, la larghezza dei contenuti principali e le aree sicure applicabili.

    Orientare le dimensioni del banner adattivo in linea

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

    Se la tua app supporta sia la visualizzazione verticale che orizzontale e vuoi precaricare un annuncio banner adattivo nell'orientamento corrente, utilizza GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width) Questo metodo carica un annuncio nell'orientamento corrente.

    Limitare l'altezza dei banner adattivi in linea

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

    Risorse aggiuntive

    Esempi su GitHub

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

    Swift Objective-C