コード導入ガイド

HTML 内で広告ユニットコードを配置する場所

広告ユニットを作成したら、次の 2 つのコードを対象ページに配置する必要があります。

  • AdSense コード: サイトの <head> タグと </head> タグの間に貼り付けます。
  • 広告ユニットコード: 広告を表示するページの <body> タグと </body> タグの間に貼り付けます。

上記のコードを両方とも正しく配置してください。そうしないと、サイトに広告が表示されません。

WordPress をお使いの場合、AdSense コードの追加について詳しくはヘルプをご覧ください。

例: AdSense コードと広告ユニットコードを追加する前の HTML ページ

<html>
<head>
この部分はページのヘッダーです。
<title>サンプル HTML ページ</title>
</head>
<body>
この部分はページ本文です。
</body>
</html>

例: ヘッダーに AdSense コード、本文に広告ユニットコードを配置した HTML ページ

<html>
<head>
<script data-ad-client="ca-pub-1234567890123456" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
この部分はページのヘッダーです。
<title>Example HTML page</title>
</head>
<body>
この部分はページ本文です。
<ins class="adsbygoogle"></ins>
</body>
</html>
: このコードはサンプルです。実際のサイトの HTML でこのまま使用しないでください。

サイト上の広告の位置を HTML で指定する

Google 広告の位置は、サイトの他の要素(画像や段落など)と同様に HTML タグ(<div><table> など)を使って変更できます。たとえば、広告ユニットコードを HTML タグ <div align="center"></div> で囲むと、ページの中央に広告が表示されます。

<html>
<head>
<script data-ad-client="ca-pub-1234567890123456" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
この部分はページのヘッダーです。
<title>サンプル HTML ページ</title>
</head>
<body>
この部分はページ本文です。
<div align="center">
<ins class="adsbygoogle"></ins>
</div>
</body>
</html>

: このコードはサンプルです。実際のサイトの HTML でこのまま使用しないでください。
この情報は役に立ちましたか?
改善できる点がありましたらお聞かせください。