広告タグ
AdSense 広告タグを使用すると、広告配信と収益分配が可能になります。AdSense 広告タグは、ユーザーが AdSense でコンテンツを収益化することを許可できるすべてのページに設置する必要があります。
その際の方法は、広告設定の管理と、ユーザーに求める広告エクスペリエンスによって異なります。 - 広告設定を自分で管理している場合は、サポートする広告の種類とプレースメントを決定し、ユーザーのサイトに広告タグを追加できます。AdSense アカウント内に広告ユニットを作成し、data-ad-client と data-ad-host のパラメータを変更します。 - 広告設定の管理をユーザーに委任している場合は、広告タイプとプレースメント(左、右、上、下など)に対する好みをユーザーに尋ね、その設定を使用してタグ付けすることをおすすめします。ネイティブ広告をサポートするには、広告タグに広告ユニット ID が必要です。この 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>