H5 ゲームのインタースティシャル広告を表示する

ゲーム インタースティシャル広告は、アクセス制限のあるフォーマットです。アクセス権を取得するには、h5support@google.com 宛てにメールを送信してください。

この記事では、Google パブリッシャー タグ(GPT)ライブラリを使用して H5 ゲームのインタースティシャル広告を表示する方法に関する注意事項と例を説明します。ゲーム インタースティシャルは、ウェブページで実行されるゲームで手動のトリガーによってユーザーに表示される、GPT 管理の全画面広告です。

ゲーム インタースティシャル広告の表示と操作には、次の GPT イベントが使用されます。

イベント トリガーのタイミング

GameManualInterstitialSlotReady

ゲーム インタースティシャル広告スロットを表示する準備ができている場合。

インタースティシャルを表示するには、指定されたイベント オブジェクトで makeGameManualInterstitialVisible() を呼び出します。

GameManualInterstitialSlotClosed

表示されていたゲーム インタースティシャル広告スロットが現在閉じられている場合。ゲーム インタースティシャルが閉じられている際にカスタム ロジックを実行する場合に使用します。

ゲーム インタースティシャルは、ゲームの表示方法に応じて、全画面またはゲームフレーム内にレンダリングできます。詳しくは、H5 ゲーム広告の構造をご覧ください。

次のサンプルコードでは、H5 ゲームが(「全画面表示」構造を使用して)ページと同じトップフレームに直接配置されていることを想定しています。その場合は、ゲーム インタースティシャル広告も全画面表示でレンダリングされます。

ただし、このコードは、(「iframe / WebView」構造を使用して)子フレーム内に配置された場合も機能します。ゲーム インタースティシャル広告の表示を H5 ゲーム キャンバスに制限するには、ゲームが iframe に配置されている必要があります。

<!doctype html>

<html>

<head>

  <!-- Google パブリッシャー タグが存在する場合、H5 ゲーム以外での広告配信にのみ使用されます。-->

  <title>このサンプル H5 ゲームのページ</title>

  <!-- <head> のコンテンツはここに配置します。-->

</head>

<body>

  <span id="example-text">サンプル H5 ゲーム</span>

  <iframe src="https://www.example-game.com" title="Example game" allow="autoplay">

    <!-- サンプルコードはここに配置します。このフレームで読み込まれた Google パブリッシャー タグは、H5 ゲーム内でのみ使用されます。-->

  </iframe>

</body>

</html>

使用上の注意

  • 最適なユーザー エクスペリエンスを実現するため、GPT ではこのフォーマットを適切にサポートしているページでのみ、ゲーム インタースティシャル広告をリクエストします。このため、defineOutOfPageSlot() は null を返す可能性があります。インタースティシャルを表示したいページや環境でのみ、ゲーム インタースティシャル広告をリクエストします。ゲーム インタースティシャル広告は、パソコン、タブレット、モバイル デバイスに配信できます。
  • インタースティシャルは、makeGameManualInterstitialVisibleから makeGameManualInterstitialVisible を呼び出した場合に表示されます。
  • ゲーム インタースティシャル広告には一定のフリークエンシー キャップが設定されます。これは、gameManualInterstitialSlotReady イベントが 30 秒ごとに 2 回以上呼び出されないようにするためです。
Chrome デベロッパー ツールのモバイル シミュレーションを使用すると、デスクトップ環境からモバイルでのゲーム インタースティシャル広告をテストできます。

要件と推奨事項

  • ゲーム以外の広告枠で H5 ゲームのインタースティシャルを使用することは認められません。パブリッシャー様はこのフォーマットを実装することで、自動的にこの条件に同意したものと見なされます。Google パブリッシャー向けポリシーと Google アド マネージャー パートナー ガイドラインも遵守していただく必要があります。
  • Google は、パブリッシャー様を承認または不承認とする権利を常に有しており、違反が判明したパブリッシャー様は許可リストから除外されます。
  • ゲーム インタースティシャル広告では、独自の広告スロットが生成されます。他の広告タイプとは異なり、ゲーム インタースティシャル広告では <div> 要素を定義する必要がありません。これらの広告では、広告が掲載時に自動的に作成され、独自のコンテナがページに挿入されます。
  • 複数のスロットがあるページでシングル リクエスト アーキテクチャ(SRA)を使用する場合は、静的広告スロットの div が作成されるまで display() を呼び出さないようにします。広告のベスト プラクティスで説明されているように、display() の最初の呼び出しでは、それまでに定義されたすべての広告スロットがリクエストされます。ゲーム インタースティシャル スロットでは事前定義された <div> は不要ですが、静的広告スロットでは必要です。ページにあるこれらの要素より前に display() を呼び出すと、シグナルの品質が低下する可能性があるため、静的スロットが定義されるまで最初の呼び出しを遅らせることをおすすめします。
  • 手動インタースティシャルを入稿するには、広告ユニットと広告申込情報の設定を標準のウェブ インタースティシャルと同じものにする必要があります。

設定方法

  1. タグ設定
    • googletag.defineOutOfPageSlot() を使用して GPT スロットを作成し、OutOfPage Format を googletag.enums.OutOfPageFormat.GAME_MANUAL_INTERSTITIAL に設定します。
      H5 ゲームのインタースティシャルに関する GPT 技術デベロッパー向けガイダンスをご覧ください。
    • スロットを定義したら、gameManualInterstitialSlotReady イベントをリッスンするイベント リスナーを追加します。イベント リスナー コールバックで、指定されたイベント オブジェクトで makeGameManualInterstitialVisible() メソッドを呼び出して広告を表示します。
    • 他のすべての静的広告スロットを宣言したら、googletag.display を呼び出すと、ゲーム インタースティシャルのスロットを埋めるためのリクエストがトリガーされます。

入稿

  1. 新しい広告ユニットを作成するか、既存の広告ユニットを再利用します。広告ユニットのサイズとして 320×480、300×250、336×280 を選択します。
  2. 広告申込情報を作成します。ユースケースに応じて、適切な広告申込情報の設定を選択します。
  広告申込情報の設定
ユースケース 広告タイプ 広告申込情報タイプ 想定されるクリエイティブ [ターゲティング] > [広告枠]
予約ディスプレイ広告を配信する ディスプレイ
  • スポンサーシップ
  • 標準

 

300×250、728×90、468×60

 

 

 

上述の手順で作成または選択した広告ユニット

予約以外の広告を配信する ディスプレイ
  • 価格優先
  • ネットワーク
  • バルク
予約動画広告(VAST タグや MP4 など)を配信する 動画またはオーディオ
  • スポンサーシップ
  • 標準
300×250v または 320×480v
バックフィル / 公開オークションの広告を配信する ディスプレイ Ad Exchange リクエストされたすべてのサイズ

 

注: ディスプレイと動画のデマンドをバックフィル / 公開オークションの対象にするには、広告ユニットで [ディスプレイ広告をブロック] または [インストリーム以外の動画広告をブロック] の保護設定が無効になっていることを確認します。

レポート

ゲーム インタースティシャル フォーマットは、「広告在庫のフォーマット」ディメンションに「インタースティシャル」として表示されます。

この情報は役に立ちましたか?

改善できる点がありましたらお聞かせください。
true
リリースノート

アド マネージャーの最新の機能とヘルプセンターの更新情報を紹介しています。

最新情報をご覧ください

2842381288200799759
true
ヘルプセンターを検索
true
true
true
true
true
148
検索
検索をクリア
検索を終了
メインメニュー
false
false
false