HTML5 ディスプレイ クリエイティブを配信するには、ディスプレイ広告申込情報にクリエイティブを割り当てます。HTML5 ディスプレイ クリエイティブを各種のエクスチェンジで配信するためには、次の要件も満たしている必要があります。IAB 発行のガイドラインに示されているその他すべての項目を遵守してください。
コンテンツの要件
ディスプレイ＆ビデオ 360 で配信するためには、すべてのクリエイティブがクリエイティブのコンテンツとポリシーのガイドラインを遵守している必要があります。
一般的なディスプレイ広告のサイズ
以下に一般的なサイズのサイズを示します。その他のサイズのサポートはサイト、アプリ、地域によって異なります。ターゲティングの条件を満たす、獲得可能なすべての広告枠のサイズを確認するには、獲得できる広告枠レポートを使用します。
- スクエアとレクタングル: 250 × 250、300 × 250、320 × 320、336 × 280
- スカイスクレイパー: 120 × 600、160 × 600、300 × 600、300 × 1050
- ビッグバナー: 468 × 60、728 × 90、800 × 250、970 × 90、970 × 250
- モバイル: 300 × 50、300 × 100、320 × 50、320 × 100、320 × 480、360 × 592、360 × 640、375 × 667
アセットの要件
| クリックスルー |
|
|---|---|
| アニメーション | 広告のアニメーションの再生時間は 30 秒以内とします。 |
| 自動再生 |
|
| ポップアップ | ポップアップやアンケートを開く広告は禁止されています。 |
| ダウンロード サイズ | ディスプレイ＆ビデオ 360 では、広告配信時にユーザーのブラウザにダウンロードされるすべてのクリエイティブ ファイルの合計サイズは、最大 5 MB に制限されています。ただし、パブリッシャーの仕様によっては、より小さいサイズのダウンロードが求められる場合があります。 |
| Cookie | 1 つの広告に設定できる Cookie の数は最大 25 個です。 |
| HTTP 呼び出し | HTTP 呼び出しとは、広告によって読み込まれる外部ファイルまたはリソースを指します（第三者のインプレッション トラッキング ツールなど）。1 つの広告に含めることのできる HTTP 呼び出しの数は最大 100 個です。 |
サポートされているファイル形式
HTML5 クリエイティブは ZIP ファイル形式で圧縮する必要があります。HTML5 ZIP ファイルには、次のファイル形式を含めることができます。
| HTML、スタイル、スクリプトのファイル | .html、.htm、.css、.js |
|---|---|
| 画像 | .jpg、.jpeg、.gif、.png、.svg |
| フォント | .dfont、.eot、.otf、.tte、.ttf、.woff、.woff2 |
注: HTML5 .zip ファイルには最大 100 個のファイルを含めることができ、サイズに制限はありませんが、パブリッシャーの要件を満たすには、ファイルサイズはできるだけ小さくすることをおすすめします。詳しくは、HTML5 .zip ファイルに含める要素をご覧ください。
HTML5 クリエイティブをアップロードする
クリエイティブを ZIP ファイルにパッケージ化したら、HTML5 クリエイティブをアップロードできます。
よくある質問
HTML5 ディスプレイ バナーに clickTag を追加するにはどうすればよいですか？
HTML5 バナーに clickTag を含める手順は次のとおりです。
- 次のスクリプトタグを追加し、「
https://www.google.com」を広告主のランディング ページに置き換えます。
<script type="text/javascript">
var clickTag = "https://www.google.com";
</script> - メイン画像または広告コンテナの
<div>タグを<a>タグでラップし、クリックできるようにします。
<a href="javascript:window.open(window.clickTag)">
<div id="container">
<img src="image.png" />
</div>
</a>
サポートされる HTML5 クリエイティブのタイプ
ディスプレイ＆ビデオ 360 では、ディスプレイとリッチメディアの HTML5 広告フォーマットの両方がサポートされています。リッチメディア ギャラリーで、各クリエイティブ タイプの例をご覧いただけます。
