Banner adattivi ancorati

I banner adattivi sono la nuova generazione di annunci adattabili, ottimizzando le dimensioni dell'annuncio per ciascun dispositivo. Migliorare i banner intelligenti supportavano solo altezze fisse, i banner adattivi ti consentono di specificare ad-width e utilizza questo valore per determinare la dimensione ottimale dell'annuncio.

Per scegliere le dimensioni degli annunci migliori, i banner adattivi utilizzano proporzioni fisse anziché altezze fisse. Ciò si traduce in annunci banner che occupano una parte più coerente dello schermo su tutti i dispositivi e offrono opportunità di miglioramento del rendimento.

Quando lavori con i banner adattivi, tieni presente che viene sempre restituito un dimensione costante per un dispositivo e una larghezza specifici. Dopo aver testato il layout su un determinato dispositivo, puoi essere certo che le dimensioni dell'annuncio non cambieranno. Tuttavia, le dimensioni della creatività banner possono cambiare nei vari dispositivi. Di conseguenza, si consiglia di assicurarsi che il layout possa adattarsi alle variazioni dell'altezza dell'annuncio. In rari casi, le dimensioni adattabili complete potrebbero non essere riempite e in questo spazio verrà centrata una creatività con dimensioni standard.

Quando utilizzare i banner adattivi

I banner adattivi sono progettati per essere un'alternativa nel settore dimensioni del banner standard 320 x 50, nonché il formato banner intelligente che sostituisce.

Queste dimensioni dei banner sono comunemente utilizzate come banner ancorati, che in genere sono bloccati nella parte superiore o inferiore dello schermo. Per questi banner ancorati, il rapporto di aspetto con l'utilizzo di banner adattivi sarà simile a quello di un annuncio standard 320 x 50, come si può 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, un banner adattivo è una scelta migliore perché:

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

  • Seleziona un'altezza ottimale per il dispositivo specifico, invece di avere un altezza costante su dispositivi di diverse dimensioni, mitigando gli effetti la frammentazione dei dispositivi.

Note sull'implementazione

Quando implementi i banner adattivi nella tua app, tieni presenti i seguenti punti mente:

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

  • Assicurati che lo sfondo della visualizzazione dell'annuncio sia opaco per essere conforme con AdMob quando vengono pubblicati annunci di dimensioni inferiori 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 si utilizzano disponibile. Nella maggior parte dei casi, corrisponderà all'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 la dimensione dell'annuncio per i banner adattivi: uno per orizzontale, una per verticale e una per l'orientamento corrente al momento. dell'esecuzione.

  • La dimensione restituita per una determinata larghezza su un determinato dispositivo sarà sempre la stessa, Dopo aver testato il layout su un determinato dispositivo, potete essere certi che le dimensioni dell'annuncio non cambieranno.

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

Avvio rapido

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

  1. Ottieni le dimensioni di un annuncio banner adattivo. La dimensione che ottieni verrà utilizzata per richiedere il tuo banner adattivo. Per ottenere le dimensioni degli annunci adattabili, assicurati di:

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

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

    3. Richiama Initialize() su AdView con il AdSize adattivo che hai è stato 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 di banner.

Codice di esempio

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 dell'interfaccia corrente. Per precaricare un banner ancorato in un determinato orientamento, utilizza la classe funzione pertinente da GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) e GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).