[レスポンシブ] パネルのサイズと範囲

レスポンシブ機能は、AMP HTML 広告ではサポートされていません。動画広告、アニメーション GIF、イメージ広告では、マルチサイズ レイアウトを使用できます。

[レスポンシブ] パネルの [サイズと範囲] タブでは、ビューポートのサイズと向きに応じて変化するレスポンシブ コンテンツを作成、管理できます。動画広告、アニメーション GIF、イメージ広告の場合は、代わりに [レスポンシブ] パネルでマルチサイズ レイアウトを設定できます。

レスポンシブ レイアウト

メディアルールを有効にする

[レスポンシブ レイアウト] チェックボックスをオンにすると、ページの幅と高さが 100% に設定され、メディアルールが有効になります。

固定サイズのドキュメントに切り替える

レスポンシブ ドキュメントを固定サイズに変更するには、配信サイズを 1 つだけ有効にし、オーバーライドがないことを確認してから、[レスポンシブ レイアウト] チェックボックスをオフにします。

ベース ドキュメントを編集する

ベース ドキュメントを編集する場合、変更内容はすべてのサイズにデフォルトで使用されます。つまり、アセット、コンポーネント、イベントを追加または削除する場合は、[レスポンシブ] パネルで [ベース ドキュメントを編集する] を選択する必要があります。

ベース ドキュメントの編集中にビューポートのサイズを変更することもできます。

メディアルールを選択すると、一部のパネルが無効（グレー表示）になります。これらのパネルの変更は、特定のサイズに限定できないためです。[レスポンシブ] パネルで [ベース ドキュメントを編集] を選択し、これらのパネルを有効にします。

サイズ

[レスポンシブ] パネルの [サイズ] セクションには、広告が表示される可能性のある特定のサイズが表示されます。サイズを選択してそのビューポート サイズに切り替え、そのサイズのオーバーライドを追加または変更します。

一般的なサイズ

[レスポンシブ] パネルの [サイズ] セクションには、選択した広告環境の一般的なサイズが事前に入力されています。一般的なサイズの編集や削除はできません。

カスタムサイズ

カスタムサイズを追加すると、リストに他のサイズを含めることができます。

• カスタムサイズを追加するには: [カスタムサイズを追加] をクリックし、新しいサイズのディメンションを入力します。

• カスタムサイズを編集するには: サイズにカーソルを合わせ、編集 ボタンをクリックします。

• カスタムサイズを削除するには: サイズにカーソルを合わせ、削除 ボタンをクリックします。

フィルタサイズ

プルダウンを使用して、サイズリストを、配信またはプレビューを有効にしたサイズにフィルタします。

• すべてのサイズ
• 配信サイズ
• プレビュー サイズ

配信サイズ

配信サイズは、広告が配信される予定の広告スロットサイズです。レスポンシブ ドキュメントには配信サイズが少なくとも 1 つ必要です。

• 配信サイズを追加または削除するには: 配信サイズアイコン の下にあるチェックボックスをオンまたはオフにします。有効にできる配信サイズの数は最大で 40 です。

プレビュー サイズ

ドキュメントは、レスポンシブ プレビュー パネル内で選択したプレビュー サイズで、ブラウザ内でドキュメントをプレビューするときに表示されます。

• プレビュー サイズを追加または削除するには: プレビュー サイズ アイコン の下にあるチェックボックスをオンまたはオフにします。プレビュー サイズは配信サイズでもある必要があります。

• レスポンシブ プレビュー パネルを開くには:
  • [レスポンシブ] パネルでレスポンシブ プレビュー ボタンをクリックします。
  • トップメニューから [表示] > [レスポンシブ] > [プレビュー] を選択します。

サイズ別のメディアルール

[レスポンシブ] パネルでサイズを選択すると、ビューポートがそのサイズである場合にのみ適用される、オーバーライドの追加と変更ができます。

オーバーライドを伴うメディアルールでは、サイズ別のメディアルール アイコンが表示されます。

詳細については特定サイズのメディアルールの管理をご覧ください。

範囲メディアルール

複数のサイズに適用されるオーバーライドは、範囲メディアルールで設定します。範囲メディアルールを選択して、その範囲内のビューポート サイズに切り替え、そのサイズ範囲のオーバーライドを追加または変更します。

• 範囲メディアルールを追加するには: [サイズ範囲を追加] をクリックして新しいサイズ範囲を追加し、そのサイズ範囲の最小ディメンションと最大ディメンションを指定します。

• 範囲メディアルールのディメンションを編集するには: 範囲にカーソルを合わせ、編集 ボタンをクリックします。

• 範囲メディアルールの向きを変更するには: 向きアイコン （または横向きアイコンまたは縦向きアイコン）をクリックし、プルダウンから新しい向きを選択します。

• 範囲メディアルールを削除するには: 範囲にカーソルを合わせ、削除 ボタンをクリックします。

向き

範囲メディアルールは、ビューポートが横向きまたは縦向きの場合にのみ適用するように設定できます。

任意の向き
横向き
縦向き

範囲メディアルールを管理する

範囲メディアルールの管理 アイコンをクリックすると、設定したサイズ範囲を可視化したダイアログが開きます。

詳細についてはサイズ範囲のメディアルールの管理をご覧ください。

オーバーライド

サイズまたはサイズ範囲のオーバーライドを確認するには、対象のサイズまたはサイズ範囲を選択し、[レスポンシブ] パネルの [オーバーライド] タブに切り替えます。

詳細については、オーバーライドの確認と管理をご覧ください。