バナービューは、画面上の一部分に表示される長方形のイメージ広告またはテキスト広告です。 アプリの操作中は画面に表示され続け、更新できます。 自動的に適用されます。モバイル広告を初めてお使いの場合は、この広告から始めることをおすすめします。 事例紹介。
このガイドでは、バナービューを Unity アプリに統合する方法について説明します。その他の コード スニペットと手順の説明のほか、サイズに関する情報も 追加リソースへのリンクも適切に設定します。
前提条件
- スタートガイドの手順を完了していること。
常にテスト広告でテストする
次のサンプルコードには、テスト広告のリクエストに使用できる広告ユニット ID が含まれています。このオブジェクトは、特定のリソースではなく、テスト広告を返すように 安全に使用できます。
ただし、AdMob ウェブ インターフェースでアプリを登録し、アプリで使用する独自の広告ユニット ID を作成した後は、開発中に使用するデバイスを明示的にテストデバイスとして設定する必要があります。
Android
ca-app-pub-3940256099942544/6300978111
iOS
ca-app-pub-3940256099942544/2934735716
Mobile Ads SDK を初期化する
広告を読み込む前に、以下を呼び出して Mobile Ads SDK を初期化します。
MobileAds.Initialize()
。この処理は 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
: アクセス元の広告ユニット IDBannerView
で広告を読み込みます。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 |
指定された幅 x 最適な高さ | アダプティブ バナー | 携帯電話とタブレット | なし |
画面の幅×32、50 または 90 | スマートバナー | 携帯電話とタブレット | SMART_BANNER |
今後はスマートバナーに代わってアダプティブ バナーが使用される予定です。詳しくは、アダプティブ バナーをご覧ください。 |
参考情報
- HelloWorld の例: すべての広告フォーマットの最小実装です。