検索
検索をクリア
検索終了
Google アプリ
メインメニュー

コード導入ガイド

HTML 内で広告コードを貼り付ける場所

広告コードは、HTML ページの <body> タグと </body> タグの間に貼り付けます。広告コードを <body> タグの外側に貼り付けると、広告が正しく表示されません。

広告コードが挿入される前の HTML ページ(例)

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

広告コードが本文に追加された HTML ページ(例)

<html>
<head>
この部分はページのヘッダーです。
<title>Example HTML page</title>
</head>
<body>
この部分はページ本文です。
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></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 で使用しないでください。
この記事は役に立ちましたか?
改善できる点がありましたらお聞かせください。