バナー広告

バナー広告は、アプリ レイアウト内のデバイス画面の上部または下部に表示されます。ユーザーがアプリを操作している間は画面に表示され続けますが、一定時間が経過すると自動的に更新されるよう設定できます。モバイル広告を初めてお使いの場合は、この広告から始めるのが最適です。事例紹介。

前提条件

必ずテスト広告でテストする

アプリの作成とテストでは、実際の配信中の広告ではなくテスト広告を使用するようにしてください。実際の広告を使用すると、アカウントが停止される可能性があります。

テスト広告を読み込む最も簡単な方法は、バナー用の専用のテスト広告ユニット ID を使用することです。この ID はデバイス プラットフォームによって異なります。

  • Android: ca-app-pub-3940256099942544/6300978111
  • iOS: ca-app-pub-3940256099942544/2934735716

これらの広告ユニット ID は、リクエストごとにテスト広告を返すように特別に構成されており、アプリのコーディング、テスト、デバッグの際に自由に使用できます。アプリを公開する前に、必ずご自身の広告ユニット ID に置き換えてください。

Mobile Ads SDK のテスト広告の仕組みについて詳しくは、テスト広告をご覧ください。

実装

AdView を構成する

バナー広告は AdView オブジェクトで表示されるため、バナー広告を統合するための最初のステップは、AdView を作成して配置することです。

  1. アプリの C++ コードに次のヘッダーを追加します。

     #include "firebase/gma/ad_view.h"

  2. AdView オブジェクトを宣言してインスタンス化します。

      firebase::gma::AdView* ad_view;
  ad_view = new firebase::gma::AdView();

  3. AdSize を作成し、AdParent 親ビューを使用して広告ビューを初期化します。親ビューは、Android Activity への JNI jobject 参照、または AdParent 型にキャストされる iOS UIView へのポインタです。

     // my_ad_parent is a jobject reference
 // to an Android Activity or a pointer to an iOS UIView.
 firebase::gma::AdParent ad_parent = static_cast(my_ad_parent);
 firebase::Future result =
   ad_view->Initialize(ad_parent, kBannerAdUnit, firebase::gma::AdSize::kBanner);

  4. Future を変数として保持する代わりに、AdView オブジェクトに対して InitializeLastResult() を呼び出すことで、初期化オペレーションのステータスを定期的に確認できます。これは、グローバル ゲームループで初期化プロセスを追跡するのに役立ちます。

      // Monitor the status of the future in your game loop:
  firebase::Future<void> result = ad_view->InitializeLastResult();
  if (result.status() == firebase::kFutureStatusComplete) {
    // Initialization completed.
    if(future.error() == firebase::gma::kAdErrorCodeNone) {
      // Initialization successful.
    } else {
      // An error has occurred.
    }
  } else {
    // Initialization on-going.
  }

  5. firebase::Future の操作の詳細については、Future を使用してメソッド呼び出しの完了ステータスをモニタリングするをご覧ください。

広告の掲載順位を設定する

AdView の位置は、初期化後にいつでも設定できます。

firebase::Future<void> result = ad_view->SetPosition(firebase::gma::AdView::kPositionTop);

広告を読み込む

AdView が初期化されたら、広告を読み込むことができます。

firebase::gma::AdRequest ad_request;
firebase::Future<firebase::gma::AdResult> load_ad_result = ad_view->LoadAd(my_ad_request);

AdRequest オブジェクトは単一の広告リクエストを表し、ターゲティングなどの情報に関するプロパティが含まれます。

広告を表示する

最後に、Show() を呼び出して画面に広告を表示します。このメソッドは、広告の初期化後、いつでも呼び出すことができます。

firebase::Future<void> result = ad_view->Show();

広告イベント

Google Mobile Ads C++ SDK には、広告ビューの状態の変化について通知を受けるために拡張して AdView::SetListener() に渡すことができる AdListener クラスが用意されています。

AdListener のメソッドの拡張は任意であるため、必要なメソッドを実装するだけで済みます。すべての AdListener メソッドクラスを拡張するクラスの実装例を次に示します。

class ExampleAdListener
    : public firebase::gma::AdListener {
 public:
  ExampleAdListener() {}
  void OnAdClicked() override {
    // This method is invoked when the user clicks the ad.
  }

  void OnAdClosed() override {
   // This method is invoked when the user closes the ad.
  }

  void OnAdImpression() override {
    // This method is invoked when an impression is recorded for an ad.
  }

  void OnAdOpened() override {
    // This method is invoked when an ad opens an overlay that covers the screen.
  }
};

ExampleAdListener* ad_listener = new ExampleAdListener();
ad_view->SetAdListener(ad_listener);

下の表は標準のバナーサイズを示しています。

ポイント単位（幅×高さ） 説明 可用性 firebase::gma::AdSize 定数
320×50 バナー 携帯電話とタブレット kBanner
320×100 バナー（大） 携帯電話とタブレット kLargeBanner
300×250 IAB レクタングル（中） 携帯電話とタブレット kMediumRectangle
468×60 IAB フルサイズ バナー タブレット kFullBanner
728×90 IAB ビッグバナー タブレット kLeaderboard
指定された幅 x 最適な高さ アダプティブ バナー 携帯電話とタブレット なし

カスタムの広告サイズ

カスタムのバナーサイズを定義するには、次に示すように、幅と高さのパラメータを含む firebase::gma::AdSize コンストラクタを使用して、希望のサイズを設定します。

firebase::gma::AdSize ad_size(/*width=*/320, /*height=*/50);

補足資料

GitHub の例

成功事例