この記事では、AdSense 広告を配信するために HTML に広告ユニットコードを追加する場所について説明します。
HTML の操作に慣れていない場合は、まず、ご利用のツールに応じて、HTML ページに広告コードを貼り付ける方法の手順をご覧ください。続行する前に、AdSense コードと広告ユニットコードの違いについても知っておく必要があります。
このページの内容
広告ユニットコードを追加する場所
広告ユニットコードを取得してコピーしたら、ページの <body> タグと </body> タグの間に貼り付けます。広告コードを <body> タグの外側に貼り付けると、広告が正しく表示されません。
広告ユニット コードを追加する前の HTML ページの例
<html>
<head>
この部分はページのヘッダーです。
<title>サンプル HTML ページ</title>
</head>
<body>
この部分はページ本文です。
</body>
</html>
<body> タグに広告ユニットコードを追加した後の HTML ページの例
<html>
<head>
この部分はページのヘッダーです。
<title>サンプル HTML ページ</title>
</head>
<body>
この部分はページ本文です。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
HTML でサイト上の広告の位置を指定するには
Google 広告の位置は、サイトの他の要素（画像や段落など）と同様に HTML タグ（<div>、<table> など）を使って変更できます。たとえば、HTML タグ <div align="center"> と </div> で広告コードを囲むと、ページの中央に広告が表示されます。
<div> タグに広告を配置するために使用される HTML <div> 要素の例
<html>
<head>
この部分はページのヘッダーです。
<title>サンプル HTML ページ</title>
</head>
<body>
この部分はページ本文です。
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
