アップロードされたディスプレイ広告の仕様

この記事では、Google ディスプレイ ネットワークでアップロードできる広告のサイズや寸法の仕様について説明します。

ディスプレイ広告を利用すれば、Google ディスプレイ ネットワークの 200 万ものウェブサイトやアプリで、ユーザーを効果的に惹きつけることができます。Google 広告ではディスプレイ広告の作成方法が何種類か用意されています。レスポンシブ ディスプレイ広告と、事前に用意したディスプレイ広告のアップロードです。カスタム ディスプレイ広告をアップロードするか、レスポンシブ広告を使用することができます。

はじめに

カスタム ディスプレイ広告をアップロードすることが、最善策とは限りません。代わりに、レスポンシブ ディスプレイ広告を使用して、ディスプレイ ネットワークのあらゆる広告枠に対応できるディスプレイ広告を作成することもできます。また、独自の広告をアップロードする場合でも、カスタム ディスプレイ広告が収まらないスペースに表示するため、アセットをアップロードしてレスポンシブ ディスプレイ広告を作成する必要があるケースも考えられます。

同じ Google 広告アカウント(場合によっては同じキャンペーン)で、ディスプレイ広告だけでなく、複数の種類の広告を運用できます。詳しくは、キャンペーン タイプと使用可能な広告のフォーマットをご確認ください。

: 一部の広告サイズは、特定の地域でのみ表示できます。

仕様

アニメーション イメージ広告とアニメーション以外のイメージ広告

ファイル形式

 
フォーマット GIF、JPG、PNG
最大サイズ 150 KB

広告のサイズ

 
スクエアとレクタングル  
200×200 スクエア(小)
240×400 レクタングル(縦長)
250×250 スクエア
250×360 トリプル ワイドスクリーン
300×250 レクタングル
336×280 レクタングル(大)
580×400 ネットボード
スカイスクレイパー  
120×600 スカイスクレイパー
160×600 ワイド スカイスクレイパー
300×600 ハーフページ広告
300×1,050
ビッグバナー  
468×60 バナー
728×90 ビッグバナー
930×180 トップバナー
970×90 ラージ ビッグバナー
970×250 ビルボード
980×120 パノラマ
モバイル  
300×50 モバイルバナー
320×50 モバイルバナー
320×100 モバイルバナー(大)
*アニメーション広告(GIF) アニメーションの長さと再生速度:
アニメーションの長さは 30 秒以下
アニメーションをループさせる場合でも、30 秒経ったら停止
GIF 形式のアニメーション広告は毎秒 5 フレーム未満

AMPHTML 広告

広告を AMP(Accelerated Mobile Pages)で作成できます。AMPHTML 広告は通常の広告よりも早く読み込まれるため、モバイル デバイスに最適です。

 

Google Web Designer で作成した AMPHTML 広告

ディメンション/メタタグ

すべての AMPHTML 広告のサイズは、ドキュメントの <head> タグ内で、<meta> タグで宣言する必要があります。

<meta name="ad.size" content="width=W,height=H">

サポートされている広告のサイズは HTML5 のものと同じです。

メインアセットの zip バンドル

1 つの HTML ドキュメント(「メインアセット」)と最大 39 のメディア アセットを含む ZIP ファイルをアップロードすることができます。圧縮 ZIP の合計サイズは 150 KiB(153600 B)を超えることはできません。

メインアセットのルール すべての AMPHTML 広告は、AMPHTML 広告フォーマットルールに準拠している必要があります。広告を検証するには、公開されている AMP 検証ツールを使用します。
URL すべての URL は、次の 3 つの例外を除き、バンドル内のアセットに対応している必要があります。
  • AMP ランタイムとカスタム要素
  • <link rel="stylesheet"> 要素の href のカスタム フォント
  • 埋め込みデータ: URL

相対パスは、ZIP の構造を反映したメイン アセット パスからの相対パスでなければなりません。絶対パスは許可されません。

サポートされている AMP コンポーネント
  • amp-accordion
  • amp-animation
  • amp-anim: 画像は、ZIP バンドル内のアセットへの相対参照でなければなりません
  • amp-carousel
  • amp-fit-text
  • amp-font: CSS クラス名は、ドキュメント内の他の場所では使用しないでください。たとえば、次のようにすることはできません。

<amp-font layout="nodisplay” font-family="My Font" timeout="1000" on-load-add-class="amp-font-class1"></amp-font> <div class="amp-font-class1"></div>

  • amp-gwd-animation
  • amp-img: 画像は、ZIP バンドル内のアセットへの相対参照でなければなりません
  • amp-layout
カスタム exit <amp-ad-exit> または <a href> を使用するカスタム exit は許可されません。広告全体がクリック可能となります。
許可されない値 要素には、次のクラス名は使用できません。
  • amp-carousel-slide
  • amp-carousel-button
  • amp-carousel-button-next
  • amp-carousel-button-prev

イベント アクションは、「AMP」をイベント ターゲットとして使用できません。次のような例は許可されません。

<button on="tap:AMP.navigateTo(url='http://google.com')">

   
同様に、「タップ」イベントは禁止されています。

    <button on="tap:popup.toggleVisibility()">

 

HTML5 広告

 

HTML5 広告のご利用要件

HTML5 広告は、一部の広告主様にご利用いただけます。現在は HTML5 広告を利用できないアカウントであっても、次の要件を満たしている場合には、HTML5 広告を使うためのリクエストをお送りいただけます

  • これまでポリシーを遵守してきた実績があること
  • これまでお支払いに関して問題が発生していないこと
  • これまでのご利用金額が 10 万円を超えていること

リクエストの審査が完了しましたら、約 5~7 営業日以内にメールでお知らせいたします。それまではアップロード型 AMPHTML 広告レスポンシブ ディスプレイ広告など、別のフォーマットをご利用ください。

 

アプリ キャンペーンを作成している場合は、まずアプリ キャンペーンの HTML5 についてをご覧ください。

広告に問題がないかどうかを確認するには、Google 広告 HTML5 検証ツールをお使いください。

すべての HTML5 広告

ファイル形式

フォーマット: HTML を含む ZIP ファイル(CSS、JS、GIF、PNG、JPG、JPEG、SVG を含めてもよい)

サポートされている広告サイズ

 
スクエアとレクタングル  
200×200 スクエア(小)
240×400 レクタングル(縦長)
250×250 スクエア
250×360 トリプル ワイドスクリーン
300×250 レクタングル
336×280 レクタングル(大)
580×400 ネットボード
スカイスクレイパー  
120×600 スカイスクレイパー
160×600 ワイド スカイスクレイパー
300×600 ハーフページ広告
300×1,050
ビッグバナー  
468×60 バナー
728×90 ビッグバナー
930×180 トップバナー
970×90 ラージ ビッグバナー
970×250 ビルボード
980×120 パノラマ
モバイル  
300×50 モバイルバナー
320×50 モバイルバナー
320×100 モバイルバナー(大)
サポートされているファイルサイズ
  • 150 KB 以下
Google Web Designer で作成した HTML5 広告
広告環境 Google Web Designer で広告を作成するときは、広告環境として「Google 広告」を指定する必要があります。
静的広告と動的広告

HTML5 広告は静的広告と動的広告の両方に対応します。動的広告は、どの画像やテキストなどの要素を表示するかを、データフィードの情報に基づいて決める広告です。

動的広告を作成するには、動的に生成したい画像やテキストの一つひとつに対応するプレースホルダ要素を使用し、それぞれの要素にデータ オブジェクトをバインドします。データフィードの内容が変わると、データにバインドされている要素に変更内容が自動的に反映されます。

サポートされているコンポーネント
  • iFrame
  • スワイプ対応のギャラリー
  • カルーセル ギャラリー
  • 360° ギャラリー
  • ギャラリー ナビゲーション
  • 画像ボタン
  • スプライトシート
Google 広告 向けに公開 Google Web Designer で次のように操作します。
  1. [パブリッシュ] ボタンをクリックします。
  2. [ローカルにパブリッシュ] を選択します。
  3. 用意した ZIP ファイルを Google 広告にアップロードします。
制限
  • エキスパンド広告はサポートされません。
  • HTML5 広告で使用するすべての画像はローカルの画像でなければならず、参照されている画像は使用できません。また、ZIP ファイルを構成するアセットに画像を含めるようにしてください。
  • サポートされるのは Google ウェブフォントのみであり、それ以外のウェブフォントはサポートされません。
  • 環境ターゲット アクションでは、タイマーや複数の exit はサポートされません。
  • ローカル ストレージ メソッドは HTML5 広告では使用できません。

 

その他すべての HTML5 広告

HTML の要件 HTML5 広告の必須要素:
  • <!DOCTYPE html> 宣言
  • <html> タグ
  • <body> タグ
  • 広告フォーマットのサイズメタタグを <head> タグに挿入します。例:
    <meta name="ad.size" content="width=300,height=250">

明示的な終了タグ(インラインの終了タグは使用できません):

  • 有効な終了タグの例: <path></path>
  • 無効な例: <path> または <path />

インライン SVG を別個のファイルに抽出することも可能です。

アップロードの要件 ZIP ファイルに保存されているリソースの相対パスを使用して、すべてのコードとアセットを指定します。以下を参照する場合を除き、外部参照は使用できません。
 

アップロードする .zip フォルダに含めることのできるファイル数は最大 40 個です。

留意点

ASCII 以外の文字には、UTF-8 を使用してください。

一部地域で利用可能な広告サイズ

広告を掲載する地域によっては、他のサイズのイメージ広告も使用できます。

広告の種類 寸法 サイズ制限 地域
PL ビルボード 750×100 150 KB ポーランド
PL ダブル ビルボード 750×200 150 KB ポーランド
PL トリプル ビルボード 750×300 150 KB ポーランド
レクタングル(縦長) 240×400 150 KB ロシア
パノラマ 980×120 150 KB スウェーデン
トップバナー 930×180 150 KB デンマーク
トリプル ワイドスクリーン 250×360 150 KB スウェーデン
ネットボード 580×400 150 KB ノルウェー
この記事は役に立ちましたか?
改善できる点がありましたらお聞かせください。