Banner adattivi ancorati

I banner adattivi sono la nuova generazione di annunci adattabili, che massimizzano il rendimento ottimizzando le dimensioni degli annunci per ciascun dispositivo. Migliorando i banner intelligenti, che supportavano solo altezze fisse, i banner adattivi ti consentono di specificare la larghezza dell'annuncio e di utilizzarli per determinare la dimensione ottimale dell'annuncio.

Per scegliere la dimensione degli annunci migliore, i banner adattivi utilizzano proporzioni fisse anziché altezza fisse. Ciò si traduce in annunci banner che occupano una porzione più coerente dello schermo su tutti i dispositivi e offrono opportunità per migliorare il rendimento.

Quando lavori con i banner adattivi, tieni presente che restituiranno sempre una dimensione costante per un determinato dispositivo e larghezza. Dopo aver testato il layout su un determinato dispositivo, puoi avere la certezza che le dimensioni dell'annuncio non cambieranno. Tuttavia, le dimensioni della creatività banner possono cambiare nei diversi dispositivi. Di conseguenza, ti consigliamo di assicurarti che il layout possa supportare le variazioni di altezza dell'annuncio. In rari casi, potrebbe non essere possibile riempire la dimensione adattiva completa e al suo posto verrà centrata una creatività di dimensioni standard.

Quando utilizzare i banner adattivi

I banner adattivi sono progettati per sostituire le dimensioni standard di settore 320 x 50, nonché il formato banner intelligente che sostituiscono.

Queste dimensioni sono comunemente utilizzate come banner ancorati, che di solito sono bloccati nella parte superiore o inferiore dello schermo. Per questi banner ancorati, le proporzioni quando utilizzi i banner adattivi saranno simili a quelle di un annuncio standard 320 x 50, come puoi vedere in questi screenshot:


Banner 320 x 50
Banner intelligente
Banner adattivo

Un banner adattivo sfrutta meglio le dimensioni dello schermo disponibili. Inoltre, rispetto a un banner intelligente, il banner adattivo è la scelta migliore perché:

  • Utilizza la larghezza fornita anziché la larghezza dello schermo intero, in modo da tenere conto delle aree sicure.

  • Seleziona un'altezza ottimale per il dispositivo specifico, anziché avere un'altezza costante su dispositivi di diverse dimensioni, attenuando gli effetti della frammentazione dei dispositivi.

Note di implementazione

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 questa deve tenere conto della larghezza del dispositivo e di eventuali aree sicure applicabili.

  • Assicurati che lo sfondo della visualizzazione dell'annuncio sia opaco per essere conforme alle norme di AdMob quando vengono pubblicati annunci di dimensioni inferiori che non occupano l'area annuncio.

  • Assicurati di utilizzare la versione più recente dell'SDK Google Mobile Ads C++. Per la mediazione, utilizza la versione più recente di ogni adattatore di mediazione.

  • Le dimensioni dei banner adattivi 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.

  • L'SDK Google Mobile Ads C++ restituisce un'altezza dell'annuncio ottimizzata per la larghezza specificata in un firebase::gma::AdSize.

  • Esistono tre metodi per definire le dimensioni degli annunci per i banner adattivi: uno per i banner adattivi, uno per i banner orizzontali, uno per i banner verticali e uno per l'orientamento corrente al momento dell'esecuzione.

  • Le dimensioni restituite per una determinata larghezza su un determinato dispositivo saranno sempre le stesse. Di conseguenza, dopo aver testato il layout su un determinato dispositivo, puoi essere certo che le dimensioni degli annunci non cambieranno.

  • L'altezza del banner ancorato non supera mai il 15% dell'altezza del dispositivo e non supera mai i 50 punti.

Guida rapida

Per implementare un semplice banner ancorato adattivo, segui i passaggi riportati di seguito.

  1. Ottieni le dimensioni di un annuncio banner adattivo. Le dimensioni scelte verranno utilizzate per richiedere il banner adattivo. Per ottenere le dimensioni dell'annuncio adattivo, assicurati di:

    1. Visualizza la larghezza del dispositivo in uso o impostala se non vuoi utilizzare l'intera larghezza dello schermo.

    2. Utilizza i metodi statici appropriati nella classe AdSize, ad esempio GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) per ottenere un oggetto AdSize adattivo per l'orientamento scelto.

    3. Richiama Initialize() su AdView con il AdSize adattivo che hai creato.

      Di seguito è riportato un esempio completo.

  2. Crea un oggetto AdRequest e carica il banner utilizzando il metodo loadAd() nella visualizzazione dell'annuncio pronta, proprio come faresti con una normale richiesta di banner.

Codice campione

Ecco un esempio di AdView che caricherà un banner adattivo:

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

Qui, la funzione GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) viene utilizzata per ottenere le dimensioni di un banner in una posizione ancorata per l'orientamento corrente dell'interfaccia. Per precaricare un banner ancorato in un determinato orientamento, utilizza la funzione pertinente tra GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) e GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).