本頁面由 Cloud Translation API 翻譯而成。

橫幅廣告

橫幅廣告視圖是指會在畫面上顯示一個位置的矩形圖片或文字廣告。使用者與應用程式互動時，這類廣告會停留在畫面上，且可以重新整理並在經過特定時間過後自動顯示如果你剛開始使用行動裝置都是很好的起點

本指南說明如何將橫幅檢視畫面整合至 Unity 應用程式。此外，也會包含尺寸和操作說明以及其他資源的連結

先備知識

完成入門指南。

一律使用測試廣告進行測試

以下程式碼範例包含廣告單元 ID，供您請求測試廣告該功能已設定為傳回測試廣告，而不是導入及導入廣告，以備不時之需。

不過，在 Ad Manager 網頁介面，並建立自己的廣告單元用於應用程式的 ID，請明確將裝置設為測試裝置裝置。

/6499/example/banner

初始化 Mobile Ads SDK

載入廣告前，請呼叫應用程式，以便呼叫 MobileAds.Initialize()。這項操作只需進行一次，最好在應用程式啟動時。

using GoogleMobileAds;
using GoogleMobileAds.Api;

public class GoogleMobileAdsDemoScript : MonoBehaviour
{
    public void Start()
    {
        // Initialize the Google Mobile Ads SDK.
        MobileAds.Initialize((InitializationStatus initStatus) =>
        {
            // This callback is called once the MobileAds SDK is initialized.
        });
    }
}

如果您使用中介服務，請等到回呼發生後，再於以確保所有中介服務轉接程式的初始化完成。

BannerView 範例

以下程式碼範例詳細說明如何使用橫幅廣告檢視畫面。在這個範例中，建立橫幅廣告檢視畫面的執行個體，請使用 AdManagerAdRequest 將廣告載入橫幅廣告檢視畫面，以及然後處理生命週期事件來擴充其功能

建立橫幅檢視畫面

使用橫幅檢視畫面的第一步，是建立橫幅廣告檢視畫面的執行個體附加至 GameObject 的 C# 指令碼中。


  // This ad unit is configured to always serve test ads.
  private string _adUnitId = "/6499/example/banner";

  AdManagerBannerView _bannerView;

  /// <summary>
  /// Creates a 320x50 banner view at top of the screen.
  /// </summary>
  public void CreateBannerView()
  {
      Debug.Log("Creating banner view");

      // If we already have a banner, destroy the old one.
      if (_bannerView != null)
      {
          DestroyAd();
      }

      // Create a 320x50 banner at top of the screen
      _bannerView = new AdManagerBannerView(_adUnitId, AdSize.Banner, AdPosition.Top);
  }

AdManagerBannerView 的建構函式如下：參數：

adUnitId： AdManagerBannerView 應載入廣告。
AdSize：您要使用的廣告大小。參考橫幅廣告大小。
AdPosition：橫幅檢視畫面的放置位置。 AdPosition 列舉列出有效的廣告位置值。

請注意各平台使用不同廣告單元的方式。您必須使用用於發出廣告請求的 iOS 廣告單元，以及用於發出廣告請求的 Android 廣告單元針對 Android 上的要求

(選用) 建立含有自訂位置的橫幅檢視畫面

進一步控管 AdManagerBannerView 的位置廣告出現在畫面上而非 AdPosition 值所提供的空間中，請使用建構函式具有 x- 和 y 座標做為參數：

// Create a 320x50 banner views at coordinate (0,50) on screen.
_bannerView = new AdManagerBannerView(_adUnitId, AdSize.Banner, 0, 50);

AdManagerBannerView 的左上角是放置在傳遞至建構函式的 x 和 y 值，其中起點畫面左上角。

(選用) 建立含有自訂大小的橫幅檢視畫面

除了使用 AdSize 常數以外，您也可以指定自訂大小：

// Use the AdSize argument to set a custom size for the ad.
AdSize adSize = new AdSize(250, 250);
_bannerView = new AdManagerBannerView(_adUnitId, adSize, AdPosition.Bottom);

(選用) 多種廣告大小

Ad Manager 可讓您指定多個符合放送資格的廣告大小在 AdManagerBannerView 中。在 SDK 中導入這項功能前，請先建立委刊項指定與不同大小廣告素材相關聯的廣告單元。

在應用程式中，將多個 AdSize 參數傳遞至 ValidAdSizes：

var adView = new AdManagerBannerView(_adUnitId, AdSize.Banner, AdPosition.Top);
adView.ValidAdSizes = new List<AdSize>
{
    AdSize.Banner, new AdSize(120, 20), new AdSize(250, 250),
};

如果 AdManagerAdView 在重新整理時改變大小，您的版面配置應該就能自動調整大小AdManagerAdView 預設為大小傳入第一個參數，直到下一個廣告傳回為止。

載入橫幅廣告

AdManagerBannerView 就緒後，繼續載入在 AdManagerBannerView 中使用 LoadAd() 方法的廣告類別該函式會使用參數，例如指定資訊、排除標籤以及發布商提供的 ID。

/// <summary>
/// Creates the banner view and loads a banner ad.
/// </summary>
public void LoadAd()
{
    // create an instance of a banner view first.
    if(_bannerView == null)
    {
        CreateAdManagerBannerView();
    }

    // create our request used to load the ad.
    var adRequest = new AdManagerAdRequest();

    // send the request to load the ad.
    Debug.Log("Loading banner ad.");
    _bannerView.LoadAd(adRequest);
}

監聽橫幅瀏覽事件

若要自訂廣告的行為，您可以在廣告的生命週期，例如載入、開啟或關閉若要收聽這些請註冊委派代表：

/// <summary>
/// listen to events the banner view may raise.
/// </summary>
private void ListenToAdEvents()
{
    // Raised when an ad is loaded into the banner view.
    _bannerView.OnBannerAdLoaded += () =>
    {
        Debug.Log("Banner view loaded an ad with response : "
            + _bannerView.GetResponseInfo());
    };
    // Raised when an ad fails to load into the banner view.
    _bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
    {
        Debug.LogError("Banner view failed to load an ad with error : "
            + error);
    };
    // Raised when the ad is estimated to have earned money.
    _bannerView.OnAdPaid += (AdValue adValue) =>
    {
        Debug.Log(String.Format("Banner view paid {0} {1}.",
            adValue.Value,
            adValue.CurrencyCode));
    };
    // Raised when an impression is recorded for an ad.
    _bannerView.OnAdImpressionRecorded += () =>
    {
        Debug.Log("Banner view recorded an impression.");
    };
    // Raised when a click is recorded for an ad.
    _bannerView.OnAdClicked += () =>
    {
        Debug.Log("Banner view was clicked.");
    };
    // Raised when an ad opened full screen content.
    _bannerView.OnAdFullScreenContentOpened += () =>
    {
        Debug.Log("Banner view full screen content opened.");
    };
    // Raised when the ad closed full screen content.
    _bannerView.OnAdFullScreenContentClosed += () =>
    {
        Debug.Log("Banner view full screen content closed.");
    };
}

刪除橫幅檢視畫面

使用橫幅檢視畫面後，請務必呼叫 Destroy() 以發布再複習一下，機構節點是所有 Google Cloud Platform 資源的根節點

/// <summary>
/// Destroys the banner view.
/// </summary>
public void DestroyAd()
{
    if (_bannerView != null)
    {
        Debug.Log("Destroying banner view.");
        _bannerView.Destroy();
        _bannerView = null;
    }
}

大功告成！您的應用程式現在可以顯示橫幅廣告了。

橫幅廣告大小

下表列出標準橫幅廣告大小。

大小，以 dp 為單位 (寬 x 高)	說明	可用性	AdSize 常數
320x50	標準橫幅廣告	手機和平板電腦	`BANNER`
320x100	大型橫幅廣告	手機和平板電腦	`LARGE_BANNER`
300x250	IAB 中矩形廣告	手機和平板電腦	`MEDIUM_RECTANGLE`
468x60	IAB 全橫幅廣告	平板電腦	`FULL_BANNER`
728x90	IAB 超級橫幅廣告	平板電腦	`LEADERBOARD`
提供的寬度 x 自動調整高度	自動調整橫幅廣告	手機和平板電腦	不適用
螢幕寬度 x 32\|50\|90	智慧型橫幅廣告	手機和平板電腦	`SMART_BANNER`
進一步瞭解自動調整橫幅廣告。取代智慧型橫幅廣告。

應用程式事件

應用程式事件可讓您建立廣告，以便傳送訊息到應用程式的程式碼。應用程式就能依據這些訊息採取動作

您可以使用 AppEvent 監聽 Ad Manager 專屬的應用程式事件。這些活動這種情況在廣告生命週期的任何時間點發生，即使是在呼叫載入之前亦然。

namespace GoogleMobileAds.Api.AdManager;

/// The App event message sent from the ad.
public class AppEvent
{
    // Name of the app event.
    string Name;
    // Argument passed from the app event.
    string Value;
}

廣告發生應用程式事件時，系統會產生 OnAppEventReceived。以下是以下舉例說明如何在程式碼中處理此事件：

_bannerview.OnAppEventReceived += (AppEvent args) =>
{
    Debug.Log($"Received app event from the ad: {args.Name}, {args.Value}.");
};

以下範例說明如何變更應用程式的背景顏色根據包含顏色名稱的應用程式事件進行選擇：

_bannerview.OnAppEventReceived += (AppEvent args) =>
{
  if (args.Name == "color")
  {
    Color color;
    if (ColorUtility.TryParseColor(arg.Value, out color))
    {
      gameObject.GetComponent<Renderer>().material.color = color;
    }
  }
};

以下的對應廣告素材會傳送顏色應用程式事件：

<html>
<head>
  <script src="//www.gstatic.com/afma/api/v1/google_mobile_app_ads.js"></script>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      // Send a color=green event when ad loads.
      admob.events.dispatchAppEvent("color", "green");

      document.getElementById("ad").addEventListener("click", function() {
        // Send a color=blue event when ad is clicked.
        admob.events.dispatchAppEvent("color", "blue");
      });
    });
  </script>
  <style>
    #ad {
      width: 320px;
      height: 50px;
      top: 0px;
      left: 0px;
      font-size: 24pt;
      font-weight: bold;
      position: absolute;
      background: black;
      color: white;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="ad">Carpe diem!</div>
</body>
</html>

其他資源

HelloWorld 範例：最需要導入所有廣告格式。