Banner adattivi ancorati

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 intelligenti, che supportavano solo altezze fisse, i banner adattivi consentono 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 utilizzano proporzioni fisse invece di altezze fisse. Questo si traduce in annunci banner che occupano una porzione più coerente dello schermo su tutti i dispositivi e offrono opportunità di miglioramento del rendimento.

Quando lavori con i banner adattivi, tieni presente che restituiranno sempre una dimensione costante per un dispositivo e una larghezza specifici. Dopo aver testato il layout su un determinato dispositivo, hai la certezza che le dimensioni dell'annuncio non cambieranno. Tuttavia, le dimensioni della creatività banner possono cambiare da un dispositivo all'altro. Di conseguenza, è consigliabile assicurarsi che il layout sia in grado di soddisfare le variazioni di altezza dell'annuncio. In rari casi, le dimensioni adattive complete potrebbero non essere riempite e una creatività di dimensioni standard verrà centrata in quest'area.

Quando utilizzare i banner adattivi

I banner adattivi sono progettati per sostituire direttamente le dimensioni dei banner standard di settore 320 x 50, oltre che per il formato banner intelligente che sostituisce.

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


Banner 320 x 50
Banner intelligente
Banner adattivo

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

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

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

Note sull'implementazione

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

  • Devi conoscere la larghezza della visualizzazione in cui verrà inserito l'annuncio e questo deve tenere conto della larghezza del dispositivo e di tutte le 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 più piccole che non riempiono 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 prendere in considerazione le aree di sicurezza applicabili.

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

  • Esistono tre metodi per ottenere una dimensione di annuncio per i banner adattivi: uno per orizzontale, uno per verticale e uno per l'orientamento corrente al momento dell'esecuzione.

  • Le dimensioni restituite per una determinata larghezza su un determinato dispositivo saranno sempre la stessa. Dopo aver testato il layout su un determinato dispositivo, puoi essere certo che le dimensioni dell'annuncio non cambieranno.

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

Guida rapida

Per implementare un semplice banner ancorato adattivo, procedi nel seguente modo.

  1. Utilizza le dimensioni degli annunci banner adattivi. Le dimensioni ottenute verranno utilizzate per richiedere il banner adattivo. Per ottenere le dimensioni dell'annuncio adattivo, assicurati di:

    1. Imposta la larghezza del dispositivo in uso o impostane una personalizzata se non vuoi utilizzare l'intera larghezza dello schermo.

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

    3. Richiama Initialize() in 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 preparata, come faresti con una normale richiesta banner.

Codice campione

Di seguito è riportato un esempio di AdView che carica 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);

In questo caso, 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 di GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) e GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).