バナービューは、画面の一部分に表示される長方形のイメージ広告またはテキスト広告で、アプリの操作中は画面に表示され続けますが、一定時間が経過すると自動的に更新されるよう設定できます。モバイル広告を初めてお使いの場合は、この広告から始めることをおすすめします。
このガイドでは、バナービューを Unity アプリに組み込む方法について説明します。コード スニペットと設定手順のほか、バナーの適切なサイズに関する情報、他の関連情報へのリンクも紹介します。
前提条件
- スタートガイドの手順を完了していること
常にテスト広告でテストする
次のサンプルコードには、テスト広告のリクエストに使用できる広告ユニット ID が含まれています。この ID は、どのリクエストに対しても実際の広告ではなくテスト広告を返すように設定されており、安全に使用できます。
ただし、アド マネージャーのウェブ インターフェースでアプリを登録し、アプリで使用する独自の広告ユニット ID を作成した後は、開発中に使用するデバイスを明示的にテストデバイスとして設定する必要があります。
/21775744923/example/adaptive-banner
Mobile Ads SDK を初期化する
広告を読み込む前に MobileAds.Initialize() を呼び出して、アプリで Google Mobile Ads SDK を初期化します。この処理は 1 回だけ行います（アプリの起動時に行うのが理想的です）。
using GoogleMobileAds;
using GoogleMobileAds.Api;
public class GoogleMobileAdsDemoScript : MonoBehaviour
{
public void Start()
{
// Initialize Google Mobile Ads SDK.
MobileAds.Initialize((InitializationStatus initStatus) =>
{
// This callback is called once the MobileAds SDK is initialized.
});
}
}
メディエーションを使用している場合、すべてのメディエーション アダプターを確実に初期化できるよう、広告の読み込みはコールバックが発生してから行います。
BannerView の例
以下のサンプルコードは、バナービューの使用方法を示したものです。バナービューのインスタンスを作成し、AdManagerAdRequest を使って広告をバナービューに読み込んだ後、ライフサイクル イベントのハンドリングによって機能を拡張する流れになっています。
バナービューを作成する
バナービューを使用するにはまず、バナービューのインスタンスを作成します。
AD_UNIT_ID は、実際の広告ユニット ID に置き換えてください。
AdManagerBannerView のコンストラクタには、次のパラメータがあります。
adUnitId: 読み込むバナー広告の広告ユニット ID。AdSize: 使用するバナーのサイズ。AdPosition: バナービューを配置する位置。
（省略可）位置をカスタム指定してバナービューを作成する
バナービューが画面上に配置される位置を AdPosition 値よりも正確に指定するには、x 座標と y 座標のパラメータを持つコンストラクタを使用します。
この場合、コンストラクタに渡された x 値と y 値の座標に、バナービューの左上の角が配置されます（原点は画面の左上です）。
（省略可）サイズをカスタム指定してバナービューを作成する
広告のサイズは、AdSize 定数で指定するほか、カスタム指定することも可能です。
（任意）複数の広告サイズ
アド マネージャーでは、AdManagerBannerView の配信対象となる広告サイズを複数指定できます。SDK でこの機能を実装する前に、同じ広告ユニットをターゲティングし、異なるサイズのクリエイティブを関連付けた広告申込情報を作成してください。
アプリで、複数の AdSize パラメータが ValidAdSizes に渡されるようにします。
更新時に AdManagerAdView のサイズが変わった場合は、レイアウトが新しいサイズに合わせて自動的に調整されるようになります。AdManagerAdView は、次の広告が返されるまで、最初のパラメータで渡されたサイズにデフォルトで設定されます。
バナー広告を読み込む
AdManagerBannerView を配置したら、AdManagerBannerView クラスの LoadAd() メソッドを使用した広告の読み込みに進みます。このメソッドは、ターゲティング情報、除外ラベル、パブリッシャー指定の ID などのランタイム情報を保持する パラメータを取ります。
広告を読み込むには、AdManagerAdRequest を作成して LoadAd() メソッドに渡します。
// Send a request to load an ad into the banner view.
adManagerBannerView.LoadAd(new AdManagerAdRequest());
バナービューのイベントをリッスンする
広告の動作をカスタマイズするには、広告のライフサイクルで生じるさまざまなイベント（読み込み、開始、終了など）を利用します。こういったイベントをリッスンするには、次のようにデリゲートを登録します。
adManagerBannerView.OnBannerAdLoaded += () =>
{
// Raised when an ad is loaded into the banner view.
};
adManagerBannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
{
// Raised when an ad fails to load into the banner view.
};
adManagerBannerView.OnAdPaid += (AdValue adValue) =>
{
// Raised when the ad is estimated to have earned money.
};
adManagerBannerView.OnAdImpressionRecorded += () =>
{
// Raised when an impression is recorded for an ad.
};
adManagerBannerView.OnAdClicked += () =>
{
// Raised when a click is recorded for an ad.
};
adManagerBannerView.OnAdFullScreenContentOpened += () =>
{
// Raised when an ad opened full screen content.
};
adManagerBannerView.OnAdFullScreenContentClosed += () =>
{
// Raised when the ad closed full screen content.
};
バナービューを破棄する
バナービューを使い終わったら、必ず Destroy() を呼び出してリソースを解放してください。
if (adManagerBannerView != null)
{
// Always destroy the banner view when no longer needed.
adManagerBannerView.Destroy();
adManagerBannerView = null;
}
これで、アプリにバナー広告を表示できるようになりました。
広告を更新する
広告ユニットの更新を有効にしていれば、広告の読み込みに失敗しても、別の広告をリクエストする必要はありません。Google Mobile Ads SDK では、アド マネージャーの管理画面で指定した更新頻度が使用されます。更新を有効にしていない場合は、新しいリクエストを発行します。更新頻度の設定など、広告ユニットの更新について詳しくは、モバイルアプリでの広告の更新頻度をご覧ください。
バナーのサイズ
標準のバナーサイズについては、以下の表をご覧ください。
| サイズ（単位は 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 |
| 今後はスマートバナーに代わってアダプティブ バナーが使用される予定です。詳しくは、アダプティブ バナーをご覧ください。 | |||
アプリ内イベント
アプリ内イベントを利用することで、アプリのコードにメッセージを送信する広告を作成できます。アプリは、送信されたメッセージに基づいて処理を行います。
アド マネージャー専用のアプリ内イベントをリッスンするには、AppEvent を使用します。これらのイベントは、広告ライフサイクルのあらゆるタイミングで（読み込み処理の呼び出し前でも）発生する可能性があります。
広告でアプリ内イベントが発生すると、OnAppEventReceived が発生します。このイベントをコードで処理する方法の例を次に示します。
adManagerBannerView.OnAppEventReceived += (AppEvent args) =>
{
Debug.Log($"Received app event from the ad: {args.Name}, {args.Data}.");
};
色名を含むアプリ内イベントに応じてアプリの背景色を変更する方法について、次に例を示します。
adManagerBannerView.OnAppEventReceived += (AppEvent args) =>
{
if (args.Name == "color")
{
Color color;
if (ColorUtility.TryParseHtmlString(args.Data, out color))
{
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: 0;
left: 0;
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 の例: すべての広告フォーマットの最小限の実装