リワード広告を表示する

この例では、Google パブリッシャー タグ(GPT)ライブラリを使用してリワード広告をリクエストしてレンダリングする方法を示します。リワード広告フォーマットを使用すると、アプリユーザーとウェブユーザーは広告を視聴することで報酬を受け取ることができます。リワード広告について詳しくは、Google アド マネージャー ヘルプセンターをご覧ください。

リワード広告の表示と操作には、次の GPT イベントを使用できます。

イベント トリガーのタイミング
RewardedSlotClosedEvent リワード広告スロットが閉じられた。
RewardedSlotGrantedEvent 広告の視聴に対して報酬が付与されました。
RewardedSlotReadyEvent リワード広告スロットを表示する準備ができている場合。

この例では、リワード広告の表示をユーザーに促すとともに、完了時に報酬を表示するために、シンプルなモーダル ダイアログを使用しています。実際には、これらのタスクを実行するための独自のインターフェースを実装するのはパブリッシャーの責任です。

使用上の注意

  • 最適なユーザー エクスペリエンスを実現するため、リワード広告は、このフォーマットを適切にサポートしているページでのみリクエストされます。このため、defineOutOfPageSlot()null を返す場合があります。このケースを確認して、不要な処理が行われないようにする必要があります。現在、リワード広告は、ズームがニュートラルなモバイル デバイス向けページでのみサポートされています。通常、これはパブリッシャーのページの <head><meta name="viewport" content="width=device-width, initial-scale=1"> または同様の値が設定されていることを意味します。

  • リワード広告では、独自の広告スロットが生成されます。他の広告タイプとは異なり、リワード広告では <div> を定義する必要はありません。リワード広告は、広告が埋まると、独自のコンテナを自動的に作成してページに挿入します。

実装例

デモを見る

JavaScript

読み込んでいます...

TypeScript

読み込んでいます...