バナー広告

バナービューは、画面の一部分に表示される長方形のイメージ広告またはテキスト広告です。アプリの操作中は画面に表示され続けますが、一定時間が経過すると自動的に更新されるよう設定できます。モバイル広告を初めてお使いの場合は、この広告から始めることをおすすめします。 事例紹介。

このガイドでは、バナービューを 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 を初期化します。この処理は 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);

BannerView の左上隅は、コンストラクタに渡される x 値と y 値の位置に配置されます。原点は画面の左上です。

（省略可）カスタムサイズでバナービューを作成する

広告のサイズは、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 DestroyBannerView()
{
    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
今後はスマートバナーに代わってアダプティブ バナーが使用される予定です。詳しくは、アダプティブ バナーをご覧ください。

参考情報