橫幅檢視區塊會占據螢幕上部分版面,放送矩形圖片/文字廣告。使用者與應用程式互動時,這類廣告會固定顯示於畫面上,且經過一段時間會自動重新整理。如果您剛接觸行動廣告,這是很好的入門選擇。個案研究。
本指南說明如何在 Unity 應用程式中整合橫幅廣告檢視區塊,包括程式碼片段、操作說明、妥善調整橫幅廣告大小的方法,並提供其他資源連結。
必備條件
- 完成入門指南的步驟。
請務必使用測試廣告進行測試
下列程式碼範例包含廣告單元 ID,可用於要求測試廣告。這類 ID 經特別設定,可針對每項要求傳回測試廣告,而非實際廣告,因此可安心使用。
不過,在 AdMob 網頁介面中註冊應用程式,並建立要在應用程式中使用的廣告單元 ID 後,請在開發期間將裝置明確設為測試裝置。
Android
ca-app-pub-3940256099942544/6300978111
iOS
ca-app-pub-3940256099942544/2934735716
初始化 Mobile Ads SDK
應用程式必須先呼叫 MobileAds.Initialize()
,初始化 Mobile Ads SDK 之後,才能載入廣告。這項操作只需執行一次,最佳時機是應用程式啟動時。
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 範例
以下程式碼範例詳細說明如何使用橫幅廣告檢視區塊。在本例中,您會建立橫幅廣告檢視區塊例項,使用 AdRequest
在橫幅廣告檢視區塊中載入廣告,然後處理生命週期事件來擴充檢視區塊功能。
建立橫幅廣告檢視區塊
使用橫幅廣告檢視區塊的第一步,是在附加至 GameObject
的 C# 指令碼中,建立橫幅廣告檢視區塊的例項。
// These ad units are configured to always serve test ads.
#if UNITY_ANDROID
private string _adUnitId = "ca-app-pub-3940256099942544/6300978111";
#elif UNITY_IPHONE
private string _adUnitId = "ca-app-pub-3940256099942544/2934735716";
#else
private string _adUnitId = "unused";
#endif
BannerView _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 BannerView(_adUnitId, AdSize.Banner, AdPosition.Top);
}
BannerView
的建構函式包含以下參數:
adUnitId
:BannerView
應從哪個廣告單元 ID 載入廣告。AdSize
:要使用的廣告大小。詳情請參閱「橫幅廣告大小」。AdPosition
:放置橫幅廣告檢視區塊的位置。AdPosition
列舉會列出有效的廣告排序值。
請留意各平台使用不同廣告單元的方式。在 iOS 裝置上提出廣告請求時,需使用 iOS 廣告單元,Android 裝置則需使用 Android 廣告單元。
(選用) 建立自訂位置的橫幅廣告檢視區塊
如要用比 AdPosition
值更精確的方式,控管 BannerView
在螢幕上的顯示位置,請使用包含 X 和 Y 座標參數的建構函式:
// Create a 320x50 banner views at coordinate (0,50) on screen.
_bannerView = new BannerView(_adUnitId, AdSize.Banner, 0, 50);
系統會以畫面左上角為原點,根據傳入建構函式的 X 與 Y 值,定位 BannerView
左上角的位置。
(選用) 建立自訂大小的橫幅廣告檢視區塊
除了使用 AdSize
常數,您也可以自行指定廣告大小:
// Use the AdSize argument to set a custom size for the ad.
AdSize adSize = new AdSize(250, 250);
_bannerView = new BannerView(_adUnitId, adSize, AdPosition.Bottom);
載入橫幅廣告
如要載入廣告,請建立 AdRequest
並傳遞至 LoadAd()
方法。
/// <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)
{
CreateBannerView();
}
// create our request used to load the ad.
var adRequest = new AdRequest();
// 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()
以釋出資源。
/// <summary>
/// Destroys the banner view.
/// </summary>
public void DestroyAd()
{
if (_bannerView != null)
{
Debug.Log("Destroying banner view.");
_bannerView.Destroy();
_bannerView = null;
}
}
大功告成!應用程式可以顯示橫幅廣告了。
重新整理廣告
如已設定廣告單元重新整理功能,廣告載入失敗時,就不需要請求其他廣告。Google Mobile Ads SDK 會套用您在 AdMob UI 指定的重新整理頻率。如果您未啟用重新整理功能,請發出新請求。請參閱「為橫幅廣告使用自動重新整理功能」一文,進一步瞭解廣告單元重新整理功能 (例如設定重新整理頻率)。
橫幅廣告大小
下表列出標準橫幅廣告的大小。
尺寸 (寬 x 高,以 dp 為單位) | 說明 | 適用裝置 | AdSize 常數 |
---|---|---|---|
320x50 | 標準橫幅廣告 | 手機和平板電腦 | BANNER |
320x100 | 大型橫幅廣告 | 手機和平板電腦 | LARGE_BANNER |
300x250 | IAB 中矩形廣告 | 手機和平板電腦 | MEDIUM_RECTANGLE |
468x60 | IAB 完整橫幅廣告 | 平板電腦 | FULL_BANNER |
728x90 | IAB 超級橫幅廣告 | 平板電腦 | LEADERBOARD |
提供的寬度 x 自動調整高度 | 自動調整橫幅廣告 | 手機和平板電腦 | 不適用 |
螢幕寬度 x 32|50|90 | 智慧型橫幅廣告 | 手機和平板電腦 | SMART_BANNER |
進一步瞭解自動調整橫幅廣告 (用於取代智慧型橫幅廣告)。 |
其他資源
- HelloWorld 範例: 所有廣告格式的最簡單導入方式。