広告タグ
AdSense 広告タグを使用すると、広告配信と収益分配が可能になります。ユーザーが AdSense でのコンテンツの収益化を有効にできるすべてのページに、AdSense 広告タグを配置する必要があります。
このステップへのアプローチは、広告設定の管理と、ユーザーに提供する広告エクスペリエンスによって異なります。 - 広告設定を管理する場合は、サポートする広告タイプとプレースメントを決定し、ユーザーの独自のサイトであるかのように見せかけます。AdSense アカウント内に広告ユニットを作成し、data-ad-client パラメータと data-ad-host パラメータを変更した場合 - 広告設定の管理をユーザーに委任する場合は、広告タイプとプレースメント(左、右、上、下など)の設定をユーザーに尋ね、その設定を使用してタグ付けを行うことをおすすめします。なお、ネイティブ広告をサポートするには、広告タグで広告ユニット ID をユーザーから収集する必要があります。
広告タグパラメータ
広告タグには、変更が必要な必須パラメータが 2 つあります。これらのパラメータにより、ユーザーへの広告配信と収益分配が決まります。これらのパラメータを設定して、プラットフォームのパブリッシャー ID とユーザーのパブリッシャー ID を指定します。使用する広告フォーマットに応じて、このほかにもパラメータを変更できます。
パラメータ | 必須かどうか | 説明と例 |
---|---|---|
data-ad-client |
○ |
ユーザーのコンテンツ向け AdSense パブリッシャー ID(文字列)。この値は、登録フローを通じてユーザーが指定します。この値は、収益分配を開始するために必要です。
コンテンツ向け AdSense 広告の場合は、この文字列の前に「ca-」を追加します。 また、スクリプトタグのソース URL のパラメータ名 client でも表示されます。
例: data-ad-client="ca-pub-1234" src=".../adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
|
data-ad-host |
○ |
これはプラットフォームのホスト プロパティ ID(文字列)です。この値はプラットフォームの AdSense アカウントを識別するもので、広告配信を開始するために必要です。
コンテンツ向け AdSense 広告の場合は、この文字列の前に「ca-host-」を追加します。 また、スクリプトタグのソース URL のパラメータ名 host でも表示されます。
例: data-ad-host="ca-host-pub-5678" src=".../adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
|
data-ad-slot |
×(ディスプレイ広告ユニットの場合)
○(他の広告ユニットのフォーマットの場合) |
広告ユニットに関連付けられている ID です。ディスプレイ広告ユニットの場合、この ID は省略可能ですが、他の広告ユニットのフォーマットでは必須フィールドです。広告ユニット ID が存在する場合は、その広告ユニットに関連付けられた設定が広告配信時に使用されます。配信時に、プラットフォーム アカウント(data-ad-host )と子アカウント(data-ad-client )の両方でこの広告ユニット ID が確認されます。このパラメータは、AdSense の広告ユニット レポートの生成にも使用されます(レポートは、広告ユニットが存在するアカウントでのみ作成されます)。
|
data-ad-host-channel |
いいえ | これはレポート作成に使用されます。詳しくは、レポートのセクションをご覧ください。 |
重要: 広告コードに data-ad-host
パラメータが存在しない場合、AdSense では data-ad-client
パラメータで指定された値を使用して広告配信が継続されます。ただし、そのプラットフォーム アカウントでのインプレッションや収益分配は行われません。または、google-adsense-platform メタタグを使用して、広告リクエストにホスト パブリッシャー ID を含めることもできます。
また、間違ったユーザーに収益が割り当てられないように、コードタグに正しい data-ad-client
パブリッシャー ID が指定されていることを確認してください。
広告コードの例
以下は、AFP がサポートする広告タイプのコード例です。詳しくは、AdSense の広告ユニットと自動広告についての記事をご覧ください。
ディスプレイ広告ユニットコード(レスポンシブ)
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<ins class="adsbygoogle"
style="display:block;"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678"
data-ad-format="auto">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
ディスプレイ広告ユニットコード(固定サイズ)
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
AMP ディスプレイ広告ユニット(レスポンシブ)
次のコードをページの <head>
に配置する必要があります。
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
以下は、この広告ユニットのスニペットで、<body>
に配置されています。
<amp-ad
width="100vw"
height="320"
type="adsense"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678"
data-ad-slot=""
data-auto-format="rspv"
data-full-width="">
<div overflow="">
</amp-ad>
AMP ディスプレイ広告ユニット(固定サイズ)
次のコードをページの <head>
に配置する必要があります。
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
以下は、この広告ユニットのスニペットで、<body>
に配置されています。
<amp-ad
layout="fixed"
width="300"
height="600"
type="adsense"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678">
</amp-ad>
自動広告
次の広告タグは、<head>
要素内、またはできるだけページの一番上に配置するのが理想的です。
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
Ad Placement API を介した広告
Ad Placement API は現在、インタースティシャル広告とリワード広告に対応しています。API を実装してカスタマイズする方法については、Ad Placement API のデベロッパー向けドキュメントをご覧ください。
プラットフォーム向け AdSense は、これらのフォーマットに対応しています(現在はウェブ トラフィックのみ)。唯一の要件は、data-ad-host
パラメータがメインの広告タグに含まれていることです。下記の例をご覧ください。
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<script>
window.adsbygoogle = window.adsbygoogle || [];
var adBreak = adConfig = function(o) {adsbygoogle.push(o);}
</script>