広告ユニットコードを取得してコピーしたら、ページの <body>
タグと </body>
タグの間に貼り付けます。広告コードを <body>
タグの外側に貼り付けると、広告が正しく表示されません。
ヒント: HTML に関するヘルプ情報が必要な場合は、「HTML の基本」などで検索を行い、オンライン リソースを参照してください。
広告ユニットのコードを追加する前の HTML ページの例
<html>
<head>
この部分はページのヘッダーです。
<title>HTML ページの例</title>
</head>
<body>
この部分はページ本文です。
</body>
</html>
<head>
この部分はページのヘッダーです。
<title>HTML ページの例</title>
</head>
<body>
この部分はページ本文です。
</body>
</html>
本文に広告ユニットのコードを追加した HTML ページの例
<html>
<head>
この部分はページのヘッダーです。
<title> HTML ページの例</title>
</head>
<body>
この部分はページ本文です。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
<head>
この部分はページのヘッダーです。
<title> HTML ページの例</title>
</head>
<body>
この部分はページ本文です。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
注: このコードはサンプルです。実際のサイトの HTML でこのまま使用しないでください。
サイト上の広告の位置を HTML で指定する
サイトのその他の要素(画像や写真など)と同様に、Google 広告の配置は HTML タグ(<div>
、<table>
など)で変更できます。たとえば、HTML タグ <div align="center">
と </div>
で広告コードを囲むと、ページの中央に広告が表示されます。
<html>
<head>
この部分はページのヘッダーです。
<title> HTML ページの例</title>
</head>
<body>
この部分はページ本文です。
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
<head>
この部分はページのヘッダーです。
<title> HTML ページの例</title>
</head>
<body>
この部分はページ本文です。
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
注: このコードはサンプルです。実際のサイトの HTML でこのまま使用しないでください。