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. Migliorare i banner intelligenti, che supportavano solo altezze fisse, i banner adattivi ti consentono di specificare la larghezza dell'annuncio e di utilizzarla per determinare le dimensioni ottimali dell'annuncio.

Per scegliere le dimensioni migliori per gli annunci, i banner adattivi utilizzano proporzioni fisse anziché altezze fisse. In questo modo, gli annunci banner 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 restituiranno sempre una 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 a seconda del dispositivo. Di conseguenza, consigliamo di tenere conto delle variazioni di altezza dell'annuncio nel layout. In rari casi, le dimensioni adattive complete potrebbero non essere riempite e una creatività di dimensioni standard verrà centrata in quest'area.

Prerequisiti

Quando utilizzare i banner adattivi

I banner adattivi sono progettati per sostituire direttamente le dimensioni dei banner standard di settore (320 x 50) e il formato banner intelligente che sostituiscono.

Queste dimensioni vengono comunemente utilizzate come banner ancorati, che in genere sono bloccati nella parte superiore o inferiore dello schermo.

Per questi banner ancorati, le proporzioni quando vengono utilizzati i banner adattivi saranno simili a quelle di un annuncio standard 320 x 50, come si evince dai tre esempi riportati di seguito:


Banner 320 x 50
Banner adattivo
Banner intelligente

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 che hai specificato, senza forzare la larghezza a schermo intero, in modo da tenere conto dell'area di sicurezza su iOS e visualizzare ritagli su Android.

  • Consente di selezionare un'altezza ottimale per il dispositivo specifico, anziché avere un'altezza costante su dispositivi di dimensioni diverse, mitigando 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à inserito l'annuncio, che deve tenere conto della larghezza del dispositivo e di eventuali aree sicure o ritagli applicabili.
  • Assicurati che lo sfondo della visualizzazione dell'annuncio sia opaco per garantire la conformità 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 del plug-in Unity di Google Mobile Ads. 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 tratterà dell'intera larghezza dello schermo del dispositivo in uso. Assicurati di prendere in considerazione le aree sicure applicabili.
  • Quando utilizzi le API AdSize adattive, l'SDK Google Mobile Ads ridimensiona il banner con un'altezza dell'annuncio ottimizzata in base alla larghezza specificata.
  • Esistono tre metodi per ottenere una dimensione dell'annuncio per l'adattivo: AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth per orizzontale, AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth per verticale e AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth per l'orientamento corrente al momento dell'esecuzione.
  • La dimensione restituita per una determinata larghezza su un determinato dispositivo sarà sempre la stessa. Di conseguenza, una volta testato il layout su un determinato dispositivo, puoi essere certo che le dimensioni dell'annuncio non cambieranno.
  • L'altezza del banner ancorato non è mai superiore al 15% inferiore all'altezza del dispositivo o a 90 pixel indipendenti dalla densità e mai inferiore a 50 pixel indipendenti dalla densità.
  • Per i banner a larghezza intera, puoi utilizzare il flag AdSize.FullWidth anziché fornire una larghezza specifica.

Guida rapida

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

  1. Scegli 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 in pixel indipendenti dalla densità oppure imposta una larghezza personalizzata se non vuoi utilizzare l'intera larghezza dello schermo. Poiché le API Unity, come Screen.width, restituiscono pixel assoluti, devi suddividere in base alla scala del dispositivo (recuperabile da MobileAds.Utils.GetDeviceScale()).
    2. Utilizza il flag AdSize.FullWidth per i banner a larghezza intera.
    3. Utilizza i metodi statici appropriati per la classe delle dimensioni degli annunci, ad esempio AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(width) per ottenere un oggetto AdSize adattivo per l'orientamento corrente.
  2. Crea un oggetto BannerView con l'ID unità pubblicitaria, le dimensioni adattive e la posizione pertinente per l'annuncio.
  3. Crea un oggetto di richiesta di annuncio e carica il banner utilizzando il metodo LoadAd() nella visualizzazione dell'annuncio pronta, proprio come faresti con una normale richiesta banner.

Esempio di codice

Ecco uno script di esempio che carica e ricarica un banner adattivo che si adatta alla larghezza dello schermo, tenendo conto dell'area di sicurezza:

using UnityEngine;
using System;
using GoogleMobileAds.Api;

public class AdaptiveBannerSample : MonoBehaviour
{
    private BannerView _bannerView;

    // Use this for initialization
    void Start()
    {
        // Set your test devices.
        // https://developers.google.com/ad-manager/mobile-ads-sdk/unity/test-ads
        RequestConfiguration requestConfiguration = new RequestConfiguration
        {
            TestDeviceIds = new List<string>
            {
                AdRequest.TestDeviceSimulator,
                // Add your test device IDs (replace with your own device IDs).
                #if UNITY_IPHONE
                "96e23e80653bb28980d3f40beb58915c"
                #elif UNITY_ANDROID
                "75EF8D155528C04DACBBA6F36F433035"
                #endif
            }
        };
        MobileAds.SetRequestConfiguration(requestConfiguration);

        // Initialize the Google Mobile Ads SDK.
        MobileAds.Initialize((InitializationStatus status) =>
        {
            RequestBanner();
        });
    }

    public void OnGUI()
    {
        GUI.skin.label.fontSize = 60;
        Rect textOutputRect = new Rect(
          0.15f * Screen.width,
          0.25f * Screen.height,
          0.7f * Screen.width,
          0.3f * Screen.height);
        GUI.Label(textOutputRect, "Adaptive Banner Example");
    }

    private void RequestBanner()
    {
        // These ad units are configured to always serve test ads.
        #if UNITY_EDITOR
            string adUnitId = "unused";
        #elif UNITY_ANDROID
            string adUnitId = "ca-app-pub-3212738706492790/6113697308";
        #elif UNITY_IPHONE
            string adUnitId = "ca-app-pub-3212738706492790/5381898163";
        #else
            string adUnitId = "unexpected_platform";
        #endif

        // Clean up banner ad before creating a new one.
        if (_bannerView != null)
        {
            _bannerView.Destroy();
        }

        AdSize adaptiveSize =
                AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(AdSize.FullWidth);

        _bannerView = new BannerView(adUnitId, adaptiveSize, AdPosition.Bottom);

        // Register for ad events.
        _bannerView.OnBannerAdLoaded += OnBannerAdLoaded;
        _bannerView.OnBannerAdLoadFailed += OnBannerAdLoadFailed;

        AdRequest adRequest = new AdRequest();

        // Load a banner ad.
        _bannerView.LoadAd(adRequest);
    }

    #region Banner callback handlers

    private void OnBannerAdLoaded(object sender, EventArgs args)
    {
        Debug.Log("Banner view loaded an ad with response : "
                 + _bannerView.GetResponseInfo());
        Debug.Log("Ad Height: {0}, width: {1}",
                _bannerView.GetHeightInPixels(),
                _bannerView.GetWidthInPixels());
    }

    private void OnBannerAdLoadFailed(LoadAdError error)
    {
        Debug.LogError("Banner view failed to load an ad with error : "
                + error);
    }

    #endregion
}

Qui la funzione AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth viene utilizzata per ottenere le dimensioni di un banner in una posizione ancorata per l'orientamento corrente dell'interfaccia. Per il precaricamento di un banner ancorato in un determinato orientamento, utilizza la funzione pertinente di AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth e AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth.