バナー広告

プラットフォームを選択: Android iOS Unity Flutter

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

このガイドでは、バナービューを Unity アプリに組み込む方法について説明します。コード スニペットと設定手順のほか、バナーの適切なサイズに関する情報、他の関連情報へのリンクも紹介します。

前提条件

常にテスト広告でテストする

次のサンプルコードには、テスト広告のリクエストに使用できる広告ユニット ID が含まれています。この ID は、どのリクエストに対しても実際の広告ではなくテスト広告を返すように設定されており、安全に使用できます。

ただし、AdMob ウェブ インターフェースでアプリを登録し、アプリで使用する独自の広告ユニット ID を作成した後は、開発中に使用するデバイスを明示的にテストデバイスとして設定する必要があります。

Android

ca-app-pub-3940256099942544/6300978111

iOS

ca-app-pub-3940256099942544/2934735716

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 の例

以下のサンプルコードは、バナービューの使用方法を示したものです。バナービューのインスタンスを作成し、AdRequest を使って広告をバナービューに読み込んだ後、ライフサイクル イベントのハンドリングによって機能を拡張する流れになっています。

バナービューを作成する

バナービューを使用するにはまず、バナービューのインスタンスを作成します。

// Create a 320x50 banner at top of the screen.
bannerView = new BannerView("AD_UNIT_ID", AdSize.Banner, AdPosition.Top);
BannerViewSnippets.cs

AD_UNIT_ID は、実際の広告ユニット ID に置き換えてください。

BannerView のコンストラクタには、次のパラメータがあります。

  • adUnitId: 読み込むバナー広告の広告ユニット ID。
  • AdSize: 使用するバナーのサイズ。
  • AdPosition: バナービューを配置する位置。

（省略可）位置をカスタム指定してバナービューを作成する

バナービューが画面上に配置される位置を AdPosition 値よりも正確に指定するには、x 座標と y 座標のパラメータを持つコンストラクタを使用します。

// Create a 320x50 banner views at coordinate (0,50) on screen.
bannerView = new BannerView("AD_UNIT_ID", AdSize.Banner, 0, 50);
BannerViewSnippets.cs

この場合、コンストラクタに渡された x 値と y 値の座標に、バナービューの左上の角が配置されます（原点は画面の左上です）。

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

広告のサイズは、AdSize 定数で指定するほか、カスタム指定することも可能です。

// Create a 250x250 banner at the bottom of the screen.
AdSize adSize = new AdSize(250, 250);
bannerView = new BannerView("AD_UNIT_ID", adSize, AdPosition.Bottom);
BannerViewSnippets.cs

バナー広告を読み込む

広告を読み込むには、AdRequest を作成して LoadAd() メソッドに渡します。

// Send a request to load an ad into the banner view.
bannerView.LoadAd(new AdRequest());
BannerViewSnippets.cs

バナービューのイベントをリッスンする

広告の動作をカスタマイズするには、広告のライフサイクルで生じるさまざまなイベント（読み込み、開始、終了など）を利用します。こういったイベントをリッスンするには、次のようにデリゲートを登録します。

bannerView.OnBannerAdLoaded += () =>
{
    // Raised when an ad is loaded into the banner view.
};
bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
{
    // Raised when an ad fails to load into the banner view.
};
bannerView.OnAdPaid += (AdValue adValue) =>
{
    // Raised when the ad is estimated to have earned money.
};
bannerView.OnAdImpressionRecorded += () =>
{
    // Raised when an impression is recorded for an ad.
};
bannerView.OnAdClicked += () =>
{
    // Raised when a click is recorded for an ad.
};
bannerView.OnAdFullScreenContentOpened += () =>
{
    // Raised when an ad opened full screen content.
};
bannerView.OnAdFullScreenContentClosed += () =>
{
    // Raised when the ad closed full screen content.
};
BannerViewSnippets.cs

バナービューを破棄する

バナービューを使い終わったら、必ず Destroy() を呼び出してリソースを解放してください。

if (bannerView != null)
{
    // Always destroy the banner view when no longer needed.
    bannerView.Destroy();
    bannerView = null;
}
BannerViewSnippets.cs

これで、アプリにバナー広告を表示できるようになりました。

広告を更新する

広告ユニットの更新を有効にしていれば、広告の読み込みに失敗しても、別の広告をリクエストする必要はありません。Google Mobile Ads SDK では、AdMob の管理画面で指定した更新頻度が使用されます。更新を有効にしていない場合は、新しいリクエストを発行します。更新頻度の設定など、広告ユニットの更新について詳しくは、バナー広告の自動更新を使用するをご覧ください。

標準のバナーサイズについては、以下の表をご覧ください。

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

参考情報