ワークスペースへ

導入ガイド

ディスプレイ広告

Display ads

AdSenseの定番の広告です。好きな場所に置ける長方形または帯で、画面のサイズに合わせて自動的に調整できます。

  • AdSense
  • モバイルとデスクトップ
フォーマットを学ぶ自分のサイトを確認する
デスクトップ
スマートフォン

1分でわかる

ディスプレイ広告とは

ディスプレイ広告は、AdSense で最もよく知られた種類です。学校の壁に貼られたポスターを思い浮かべてください。決まった場所にあり、通る人みんなが見られます。サイトでも同じです。ページ上に場所を選び、そこにコードを貼ると、Google がその場所に広告を入れてくれます。

この広告の作り方は2つあります。1つ目はレスポンシブで、Googleが推奨しています。コップの中の水のように、置かれたスペースの形に合わせます。ユーザーがパソコン、タブレット、スマートフォンのどれでサイトを開いても、広告が適切なサイズを自動で計算します。スマートフォンを回転させると、適切なサイズの新しい広告が読み込まれます。2つ目は固定で、300×250ピクセルのように、幅と高さを正確に選びます。Googleによると、固定サイズでは表示できる広告が少なくなることがあり、収益が下がる可能性があります。

Googleがパフォーマンスの高いサイズとして挙げているのは、300x250(レクタングル(中))、336x280(レクタングル(大))、728x90(ビッグバナー)、300x600(ハーフページ)、320x100(スマートフォン用ラージバナー)です。スマートフォンを縦向きにすると、レスポンシブ広告は広がって画面の幅いっぱいを占めることがあります。Googleのテストで、そのほうが効果が高いとわかったためです。これは、システムが良い結果と訪問者にとって良い体験につながると判断した場合にだけ起こります。

ディスプレイ広告は、各広告をどこに表示するかを自分で決めたいときに向いています。たとえば、記事の上部やテキストの横です。ただし、選んだ場所は Google の配置ルールに従う必要があります。広告をコンテンツに見せかけてはいけません。メニューやボタンにくっつけないよう注意が必要で、画面上でコンテンツより広告が多くなってもいけません。

手順

実装の方法

  1. 広告メニューを開くAdSenseのアカウントにログインし、「広告」、「広告ユニットごと」の順にクリックします。
  2. 「ディスプレイ広告」を選ぶ「ディスプレイ広告」をクリックし、見分けやすい固有の名前を広告ユニットに付けます。
  3. サイズを選ぶGoogleが推奨する「レスポンシブ」にチェックを入れるか、幅と高さを正確に入力したい場合は「固定」を選びます。
  4. コードを取得する「保存してコードを取得」をクリックし、広告ユニットのコードをコピーします。
  5. ページに貼り付けるコードを、bodyタグの間の、広告を表示したいページ上の正確な場所に貼り付けます。その後、「完了」をクリックします。
  6. 表示を待つ通常、広告は数分で表示されますが、1時間ほどかかることもあります。表示されない場合は、サイト ページで、サイトのステータスが「準備完了」になっているか確認してください。

実装例

コードと画面での表示

このコードはbodyの中の、ページ上で広告を表示したい場所にそのまま入れます。
<script async
     src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<!-- Anúncio de display responsivo -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- Versão de tamanho fixo (728x90) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
デスクトップ確保したスペースに、長方形や帯として表示されます。たとえば、上部の728x90の帯や、テキストの横の300x250の長方形です。
モバイルレスポンシブ広告は、画面の幅に合わせて調整されます。スマートフォンを縦向きにすると、画面の幅いっぱいを占めることがあります。

Googleのガイダンス

できることとできないこと

してよいこと

  • Googleが推奨するレスポンシブサイズか、固定サイズを選ぶ。
  • Googleがパフォーマンスの高いサイズとして挙げている300x250、336x280、728x90、300x600、320x100を使う。
  • 広告を配置するために、コードをdivやテーブルの中に置く。たとえば、ページの中央に配置する場合です。
  • 広告の上にラベルを書く。Googleのポリシーで認められているのは、「広告」または「スポンサーリンク」という名称だけです(英語ではAdvertisementsまたはSponsored Links)。
  • 画面にコンテンツより広告が多くならない限り、同じページに複数の広告を置く。
  • Googleのヘルプの例に従って、CSSで画面幅ごとにレスポンシブ広告のサイズを設定し、その後、複数の端末でテストする。

してはいけないこと

  • 「広告をクリックしてください」のような文言でクリックを求めたり、クリックがサイトの助けになると伝えたりする。クリックに対して何らかの報酬を提供することも禁止です。
  • メニュー、リンク、ダウンロードボタン、再生ボタン、動画プレーヤー、ゲームのウィンドウなど、ユーザーが誤ってクリックしやすい場所の近くに広告を置く。
  • 矢印、記号、目立つアニメーションを使って、視線を広告に引きつける。
  • 「リソース」や「お役立ちリンク」のような誤解を招くタイトルの下に広告を置く、またはサイトのコンテンツのように見せる。
  • 画面にコンテンツより広告を多くする、またはお礼、エラー、離脱ページなどのコンテンツのない画面に広告を表示する。
  • ユーザーが求めていないのに、ページや広告を自動で再読み込みさせる。

ヒント

正しく行うために

注意

よくあるエラー

bodyの外にあるコード

広告ユニットのコードをbodyタグの外に貼り付けると、広告が正しく表示されません。

幅のないボックス

レスポンシブ広告が、フロート要素のように幅の指定がないボックスの中にあると、サイズを計算できません。CSSのメディアクエリで幅を設定してください。

固定された高さ

高さが固定または制限されたボックスは、レスポンシブ広告の妨げになります。Googleは避けることを推奨しています。

コンテンツを隠すスクリプト

広告より前に実行され、ページの一部を隠すスクリプトは、サイズの計算を妨げることがあります。推奨される解決策は、CSSのメディアクエリでサイズを設定することです。

よくある質問

レスポンシブと固定、どちらを選ぶべきですか?

Googleはレスポンシブを推奨しています。固定では表示できる広告が少なくなることがあり、収益が下がる可能性があります。

広告が表示されるまでどのくらいかかりますか?

通常は数分ですが、最大1時間かかることがあります。

1ページに広告はいくつ置けますか?

ポリシーでは数は決まっていません。ルールは、画面にコンテンツより広告を多くしないことで、Googleは「少ないほうが効果的な場合がある」と述べています。

スマートフォンを回転させると広告は変わりますか?

はい。画面の向きが変わると、適切なサイズの新しい広告が読み込まれます。前の広告は保存され、ユーザーがもう一度スマートフォンを回転させると戻ります。

小さい画面で広告を隠せますか?

はい。Googleのヘルプでは、display noneのCSSで、特定の画面幅で広告ユニットを隠す方法が示されています。このように隠した場合、広告はリクエストされません。

ライブラリ

Google の公式情報

このページの内容はすべて Google の公式ドキュメントに基づいています。原文で直接確認できます。

あなたのサイトは、このフォーマットを正しく使っていますか?

監査は、何もクリックせずに訪問者としてサイトを読み取り、修正すべき点を表示します。

監査を実行する