錨定自動調整橫幅廣告

自動調整橫幅廣告是新一代的回應式廣告,可根據各種裝置調整廣告大小,盡可能提高成效。針對僅支援固定高度的智慧型橫幅廣告,自動調整橫幅廣告則可讓您指定廣告寬度並利用此元素決定最合適的廣告大小。

為了選擇最佳廣告大小,自動調整橫幅廣告會採用固定的長寬比,而非固定高度。這會導致橫幅廣告在各種裝置上佔用的螢幕比例更加一致,並提供更優異的效能。

使用自動調整橫幅廣告時,請注意,自動調整橫幅廣告一律會針對特定裝置和寬度傳回固定大小。在特定裝置上測試版面配置後,就能確定廣告大小不會改變。但是,橫幅廣告素材的大小可能會因裝置而異。因此,建議您在版面配置中配合廣告高度的變化。在極少數情況下,系統可能不會填入完整的自動調整大小,而標準大小的廣告素材會改放在這個版位的中心位置。

先備知識

自動調整橫幅廣告的使用時機

自動調整橫幅廣告的用途為直接取代業界標準的 320x50 橫幅廣告大小和智慧型橫幅廣告格式 (取而代之)。

這些橫幅廣告大小通常會做為錨定橫幅廣告,通常固定在畫面頂端或底部。

就這類錨定橫幅廣告而言,自動調整橫幅廣告採用的長寬比會與標準 320x50 廣告的顯示比例類似,如以下三個範例所示:


320 x 50 橫幅廣告

自動調整橫幅廣告

智慧型橫幅廣告

自動調整橫幅廣告會善用可用的螢幕大小。此外,與智慧型橫幅廣告相比,自動調整橫幅廣告會是更好的選擇,原因如下:

  • 它採用您提供的任何寬度,而非強制以全螢幕顯示,這樣您就能考量 iOS 上的安全區域,並在 Android 上顯示螢幕凹口。

  • 這可以為特定裝置選擇最佳高度,而不是讓不同大小的裝置維持固定高度,減少裝置分裂的影響。

實作注意事項

在應用程式中導入自動調整橫幅廣告時,請注意以下幾點:

  • 您必須知道廣告擺放的檢視畫面寬度,請考量裝置寬度及任何適用的安全區域或凹口
  • 當廣告畫面較小,但卻未填滿廣告版位時,請確保廣告檢視背景的不透明符合 AdMob 政策規定。
  • 請確認您使用的是最新版的 Google 行動廣告 Unity 外掛程式。如果是中介服務,請使用每個中介服務轉接程式的最新版本。
  • 自動調整橫幅廣告大小經過特殊設計,可在使用完整寬度時發揮最佳效果。在大多數情況下,這會是使用中裝置螢幕的最大寬度。請務必考量適用的安全區域。
  • 使用 Adaptive AdSize API 時,Google Mobile Ads SDK 會根據指定寬度,調整橫幅廣告大小,並採用最佳化廣告高度。
  • 有三種方法可以取得自動調整的廣告大小:AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth (橫向)、AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth (直向) 和 AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth (在執行時目前的螢幕方向)。
  • 在特定裝置上針對指定寬度傳回的大小一律相同,因此在特定裝置上測試版面配置後,就能確保廣告大小不會改變。
  • 錨定橫幅廣告高度絕不會大於裝置高度或 90 像素密度獨立像素的 15%,以及小於 50 像素密度獨立像素的尺寸。
  • 對於全寬橫幅廣告,您可以使用 AdSize.FullWidth 標記,而非提供特定寬度。

快速入門導覽課程

導入簡易自動調整錨定橫幅廣告的步驟如下:

  1. 取得自動調整橫幅廣告尺寸。您取得的尺寸會用於請求自動調整橫幅廣告。如要取得自動調整廣告大小,請務必完成下列事項:
    1. 取得所用裝置的寬度 (以密度獨立像素為單位),或者,如果您不想使用螢幕的完整寬度,也可以自行設定寬度。由於 Screen.width 等 Unity API 會傳回絕對像素,因此您需要根據裝置比例劃分 (可從 MobileAds.Utils.GetDeviceScale() 擷取)。
    2. 針對全寬度橫幅廣告使用 AdSize.FullWidth 旗標。
    3. 針對廣告尺寸類別使用適當的靜態方法 (例如 AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(width)),取得目前螢幕方向的自動調整 AdSize 物件。
  2. 請使用廣告單元 ID、自動調整大小和廣告相關位置建立 BannerView 物件。
  3. 建立廣告請求物件,然後在您準備的廣告檢視畫面上使用 LoadAd() 方法載入橫幅廣告,做法與處理一般橫幅廣告要求相同。

程式碼範例

以下範例指令碼會在考量安全區域的情況下,載入並重新載入自動調整橫幅廣告,以符合螢幕寬度:

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
}

此處的 AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth 函式會用來將橫幅廣告的大小放在目前介面方向的錨定位置。如要針對特定方向預先載入錨定橫幅廣告,請使用 AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidthAdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth 中的相關函式。