バナービューは、画面の一部分に表示される長方形のイメージ広告またはテキスト広告です。アプリの操作中は画面に表示され続けますが、一定時間が経過すると自動的に更新されるよう設定できます。モバイル広告を初めてお使いの場合は、この広告から始めることをおすすめします。 事例紹介。
このガイドでは、バナービューを Unity アプリに統合する方法について説明します。コード スニペットと手順に加えて、バナーの適切なサイズに関する情報、その他のリソースへのリンクも記載しています。
前提条件
- スタートガイドの手順を完了していること。
常にテスト広告でテストする
次のサンプルコードには、テスト広告のリクエストに使用できる広告ユニット ID が含まれています。この API は、リクエストごとに本番用の広告ではなくテスト広告を返すように特別に構成されており、安全に使用できます。
ただし、AdMob ウェブ インターフェースでアプリを登録し、アプリで使用する独自の広告ユニット ID を作成した後は、開発中に使用するデバイスを明示的にテストデバイスとして設定する必要があります。
Android
ca-app-pub-3940256099942544/6300978111
iOS
ca-app-pub-3940256099942544/2934735716
Mobile Ads SDK を初期化する
広告を読み込む前に MobileAds.Initialize()
を呼び出して、アプリで Mobile Ads SDK を初期化します。この処理は 1 回だけ行います(アプリの起動時に行うのが理想的です)。
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 用の広告ユニットを使用する必要があります。
(省略可)位置をカスタムに設定してバナービューを作成する
BannerView
が画面上で配置される場所を、AdPosition
値による指定よりも柔軟に管理するには、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;
}
}
これで、アプリにバナー広告を表示できるようになりました。
バナーのサイズ
標準のバナーサイズについては、以下の表をご覧ください。
サイズ(単位は dp、幅×高さ) | 説明 | 対象 | AdSize 定数 |
---|---|---|---|
320×50 | 標準バナー | 携帯電話とタブレット | BANNER |
320×100 | バナー(大) | 携帯電話とタブレット | LARGE_BANNER |
300×250 | IAB レクタングル(中) | 携帯電話とタブレット | MEDIUM_RECTANGLE |
468×60 | IAB フルサイズ バナー | タブレット | FULL_BANNER |
728×90 | IAB ビッグバナー | タブレット | LEADERBOARD |
指定された幅 × 最適な高さ | アダプティブ バナー | 携帯電話とタブレット | なし |
画面の幅×32、50 または 90 | スマートバナー | 携帯電話とタブレット | SMART_BANNER |
アダプティブ バナーの詳細をご確認ください(スマートバナーに代わるものです)。 |
参考情報
- HelloWorld の例: すべての広告フォーマットの最小限の実装。