Rich Media API ハンドブック

デベロッパー向けのおすすめの方法

リッチメディア クリエイティブを作成する前に、広告を掲載するアプリやサイトの仕様を確認することを強くおすすめします。最終的なメディアプランまたはサイトの仕様が公開される前にクリエイティブを作成する必要がある場合は、以下のおすすめの方法を参考にしてください。これらの最適化案は、サイト間で共通している内容に基づいています。

クイックヒント

すべてのリッチメディア クリエイティブのガイドライン

作成するすべてのリッチメディア広告について、次のガイドラインに従ってください。

最初の広告読み込みを 200 KB 以下に保つ

広告を初めて読み込むときは、ファイルの合計サイズを 200 KB 以下に保つようにしてください。広告アセットの圧縮ファイルの合計サイズが 200 KB を超える場合は、ポライトロードを設定します。ポライトロードを使用するクリエイティブは、パブリッシャーのページが読み込まれるまで待機してから、大きなファイルを読み込みます。

広告サイズの合計を 500 KB 以下にする

  • 初回のポライトロード後、さらに 300 KB まで読み込んで合計 500 KB まで読み込むことができます。
  • HTML5 のファイルサイズを縮小するには、クリエイティブから使用していない要素、画像、動画を削除します。
ファイルサイズが 4 MB を超えるクリエイティブ、CPU 使用率が 30 秒ごとに 15 秒を超えるクリエイティブ、または CPU 使用率の合計が 60 秒に達するクリエイティブは、配信時に Chrome で読み込みが解除されます。

必要な要素のみを配置する

ファイルサイズを縮小し、不要な広告配信料金の発生を回避するには、必要な要素のみを配置します。たとえば、動画のないクリエイティブに動画要素を配置しないでください。

アニメーションや動画は 30 秒以内に収めてください

広告がチカチカしていたり、ところかまわず移動したりするようなサイトを訪れたいと思う人はまずいない、というのがサイト運営者の共通認識です。注意がそがれ、いら立つ要因となります。アニメーションや動画を何度もループ再生しないでください。30 秒間の再生後にアニメーションを停止するか、ユーザーが視聴を再開できるように [クリックして続行] ボタンを追加します。

ユーザーが広告内で exit リンクまたは行動を促すフレーズをクリックした場合:

  • すべての動画を停止します。
  • すべての音声を停止します。
  • 広告の最終フレームに移動します。
  • エキスパンドされた広告を閉じます。

特定の形式に関するガイドライン

広告に動画が配置されている、エキスパンドする、またはインタースティシャル広告である場合は、次のガイドラインを遵守してください。

動画に関するガイドライン

広告に動画が配置されている場合は、次のガイドラインを遵守してください。

動画の自動再生時間を 30 秒に制限します。

30 秒を超える動画については、30 秒後に停止します。[クリックして続行] ボタンを追加して、視聴者が動画を最後まで再生できるようにします。

アニメーションと動画の再生時間を、合計で 30 秒に制限します。

広告にアニメーションと動画の両方が含まれている場合は、その合計時間を 30 秒以下にする必要があります。たとえば、10 秒間のアニメーションの後で動画が自動再生される場合、動画は 20 秒後に停止する必要があります。

ユーザーに音声と動画のコントロールを提供します。

すべての動画と音声は、最大 30 秒の自動再生の後、ユーザーが動画コントロール(再生 / 一時停止、停止、ミュート / ミュート解除、リプレイ)を使用して開始する必要があります。

  • 必ず動画コントロール(再生、一時停止、ミュート、リプレイなど)を追加します。
  • 動画の再生完了時には、リプレイボタン以外の動画コントロールを非表示にします。

視聴者がオンにするまで動画の音声をミュートする

  • ほとんどのサイトで、音声付きの動画は自動再生が禁じられています。
  • 自動再生動画クリエイティブは、「音声付きリプレイ」または「ミュート解除」オプションを含める必要があります。
  • Click-to-Play の動画は、音声付きで再生できます。
  • (エキスパンド クリエイティブのみ)クリックやタップによるエキスパンドが必要なクリエイティブの場合、エキスパンド状態の動画は音声付きで自動再生できます。

エキスパンドに関するガイドライン

広告をエキスパンドする場合は、次のガイドラインを遵守してください。

エキスパンドに関する一般的なサイズと方向

  • 300×250 の広告は左または右にエキスパンドします。エキスパンド後の一般的なサイズ: 500×250
  • 160×600 のクリエイティブは左または右にエキスパンドします。エキスパンド後の一般的なサイズ: 300×600
  • 120×600 のクリエイティブは左または右にエキスパンドします。エキスパンド後の一般的なサイズ: 300×600
  • 728×90 の広告は上下にエキスパンドします。エキスパンド後の一般的なサイズ: 728×180

閉じるボタンを追加する

ユーザーがエキスパンド後の広告を閉じることができる必要があります。通常、この機能を担うのは右上の [閉じる X] ボタンです。

閉じるボタンとエキスパンド ボタンを重ねて配置しない

閉じるボタンがエキスパンド ボタンに重なっていると、ユーザーが閉じるボタンをクリックした後に広告が再エキスパンドする場合があります。

クリックしてエキスパンドする領域のサイズを制限します。

エキスパンドをトリガーするクリック可能領域は、クリエイティブの閉じられる領域の 25~33% までに抑える必要があります。

「エキスパンド」操作と「閉じる」操作を一致させる

  • クリックでエキスパンドする必要がある広告については、クリックした際に閉じる動作が必要です。
  • ロールオーバーしてエキスパンドする必要がある広告については、ロールオフした際に閉じる動作が必要です。

15 秒後に自動的にエキスパンド クリエイティブを閉じる

  • ユーザーが広告を操作している場合、広告は開いたままで問題ありません。それ以外の場合は閉じるようにする必要があります。たとえば、広告が自動的にエキスパンドして、視聴者が [ゲームをプレイ] ボタンをクリックした場合、広告はエキスパンドしたままで問題ありません。
  • ユーザーによってエキスパンドされていないため、自動的にエキスパンドされたクリエイティブによってリッチメディア エキスパンド タイマーが開始されないようにする必要があります。
  • startExpanded() 呼び出しを使用して、クリエイティブをプリエキスパンドします。詳しくは、エキスパンド作成ガイドをご覧ください。

エキスパンド可能な要素をクリーンアップする

パブリッシャーのページとのインタラクションに問題が生じないよう、エキスパンドされたクリエイティブが閉じられた際にクリエイティブに使用されている <div> 要素を必ず削除するようにしてください。

インタースティシャルのガイドライン

広告がインタースティシャル広告である場合は、次のガイドラインを遵守してください。

閉じるボタンを追加する

ユーザーがインタースティシャル広告を閉じることができる必要があります。通常、この機能を担うのは右上の [閉じる X] ボタンです。

15 秒後にインタースティシャルを閉じる

ユーザーが広告を操作している場合、広告は開いたままで問題ありません。それ以外の場合は閉じるようにします。たとえば、ユーザーが広告内の [ゲームを開始] ボタンをクリックしても、広告はエキスパンドされたままになります。

インタースティシャルをポライトロードしない

インタースティシャルは直ちに表示する必要があります。直ちに表示しないと、広告を表示する前に、ユーザーが別の場所に移動する可能性があります。これにより、サイト エクスペリエンスが低下するというパブリッシャーが望まない結果となります。

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

改善できる点がありましたらお聞かせください。

さらにサポートが必要な場合

次の手順をお試しください。

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