HTML5 広告とは、Google Web Designer で作成した HTML5 ファイルを使った、ユーザーの注目を集めやすいインタラクティブな広告です。視覚的なデザインとコードの両方を扱うことができる Google Web Designer の統合インターフェースでは、HTML5 を使った広告やその他のウェブ コンテンツの設計と製作が可能です。製作したコンテンツをエクスポートして ZIP 形式でアップロードすれば、AdMob キャンペーンで HTML5 広告として運用できます。
Google Web Designer の一部のコンポーネントは、AdMob ではサポートされていません。
Google Web Designer の利用方法
Google Web Designer は、視覚デザインとコード編集の両方に対応する統合インターフェースによって HTML5 広告やその他のウェブ コンテンツを設計・製作できる、高度なウェブ アプリケーションです。Google Web Designer のデザインビューでは、描画ツール、テキスト、3D オブジェクトなどを使ってコンテンツを作成でき、タイムライン上でオブジェクトやイベントのアニメーションを行うことが可能です。完成したコンテンツは、わかりやすく可読性が高い HTML5、CSS3、および JavaScript として出力されます。
Google Web Designer では、AdMob で使用する HTML5 広告も作成できます。まず Google Web Designer をダウンロードして、Google Web Designer のヘルプセンターの手順に沿って広告を作成してください。
広告は、Google 広告のポリシーに準拠している必要があります。
サポートされている HTML5 広告のフォーマット
HTML5 広告が適切なフォーマットで作成されるよう、次の要件をご確認ください。
すべての HTML5 広告ファイル形式 |
.ZIP ZIP ファイルには、次のファイル形式を含めることができます。
|
ファイルサイズ |
150 KB 以下 |
広告サイズ |
画像サイズのサンプル
728×90 ビッグバナー 468×60 バナー 320×50 モバイル ビッグバナー 300×250 インライン レクタングル 詳しくは、Google 広告のイメージ広告に関するポリシーをご覧ください。 |
サポートされる機能 |
重要
|
広告環境 | Google Web Designer で広告を作成する際は、[環境] で AdMob を指定する必要があります。 |
サポートされているコンポーネント |
|
AdMob 向けに公開 | Google Web Designer で次の手順を実施します。
|
制限事項 |
重要
|
HTML5 広告フィールド
- 広告名: 広告の名前を、半角 25(全角 12)文字以内で入力します。
- リンク先 URL: AdMob 広告をクリックしたユーザーの転送先 URL を入力します。この URL は広告に表示されません。
- クリエイティブ: Google Web Designer で作成された、広告クリエイティブとして使用する HTML5 広告を含む 1 個の .ZIP ファイルをパソコンからアップロードします。