Google Publisher Tag セットアップガイドとマッピング

Google Publisher Tag は主に広告タグとして使用され、広告スロットと、広告でターゲットにする条件やオーディエンスを定義できます。このタグを適切に構成することで、単一または複数の広告を表示できます。

要件

• DFP アカウント
• ネットワークコード
• 広告ユニット
• 広告スロットのクリエイティブサイズ

タグの構成

タグマーケットプレイスに移動して、新しいタグを追加します。詳細については、タグについてを参照してください。

タグを追加するときに、次の項目を構成します。

• タイトル：タグのインスタンスを識別するためのわかりやすいタイトルを入力します。デフォルトの Google Publisher Tag(GPT) を使用することもできます。
• NC+TAU：広告スロットのネットワークコード（NC）とターゲット広告ユニット（TAU）を入力します。これらの値は DFP アカウントで確認できます。たとえば、/1234/travel/asia/food の場合、NC は 1234、ターゲット広告ユニットは /travel/asia/food です。
• 広告スロットの幅と高さを入力します。
• Div ID：広告スロット用の <div> コンテナの ID を入力します。一般的な形式は div-gpt-ad-#########-# です。
  例：div-gpt-ad-123456789-0
• 空の Div を折りたたむ：広告が配信されなかった場合に、スロットを折りたたむかどうかを選択します。デフォルト値は Yes です。No に切り替えると、空のスロットが表示されます。
• ライブラリ：gpt.js ライブラリコードの読み込み元を選択します。
  • Google：（デフォルト）Google のサーバーからライブラリコードを読み込みます。
  • Tealium：（推奨）Web ページ上の Tealium のコードを介してライブラリコードを読み込みます。ネットワークリクエスト数が減り、ページの読み込みが速くなるため、この構成を推奨します。

これらの構成は、マッピングツールボックスから構成することもできます。

読み込みルール

すべてのページでタグを読み込むか、タグを読み込む条件を構成します。読み込みルールの詳細については、読み込みルールのドキュメントを参照してください。

ベストプラクティス：ターゲット広告スロットを含むすべてのページで、このタグを読み込んでください。

データマッピング

マッピングとは、データレイヤー内のデータソースから、ベンダータグの対応する宛先変数にデータを送信する処理です。このタグの宛先変数は、データマッピングツールボックスで確認できます。

タグの宛先にデータをマッピングする方法については、データソースのマッピングを参照してください。

複数の広告スロット用にタグを構成する

単一の広告スロットに GPT を追加して構成する作業は、非常に簡単です。ただし、同じ手順で複数の広告スロットを構成する場合、表示するすべての広告に対して GPT のインスタンスを追加する必要があるため、手間がかかります。より効率的な方法は、すべてのスロット構成を配列に格納し、その配列を GPT インスタンスの複数スロットの構成宛先にマッピングすることです。このような配列を作成するには、JavaScript コード拡張機能を使用できます。各広告のスロット構成は、次の順序で定義してください。

ネットワークコード + ターゲット広告ユニット、使用可能なクリエイティブサイズ、広告コンテナの DIV ID、スロットレベルのターゲティング名と値のペア

JavaScript コード拡張機能の使用

googletag.cmd.push 関数を使用して、ページに表示するすべての広告のスロット構成を配列として定義する JavaScript コードを記述します。

1. 拡張機能タブに移動し、拡張機能マーケットプレイスから JavaScript コード拡張機能を追加します。
2. 拡張機能のスコープを Google Publisher Tag(GPT) に構成します。
3. 通常のエディターと同じように JavaScript コードを記述します。コードを囲む <script> タグは含めないでください。

以下は、単一の GPT を使用して 3 つの広告スロットを構成するサンプルコードです。

googletag.cmd.push(function() {
   googletag.defineSlot("/111/example.com/electronics", [700, 200], "div-gpt-ad-987654321-0").addService(googletag.pubads()).setTargeting("slot_var", "tv");
   googletag.defineSlot("/222/example.com/electronics", [250, 170], "div-gpt-ad-987654321-1").addService(googletag.pubads()).setTargeting("slot_var", "dvd player");
   googletag.defineSlot("/333/example.com/electronics", [300, 100], "div-gpt-ad-987654321-2").addService(googletag.pubads()).setTargeting("slot_var", "smartphone");
   googletag.pubads().enableSingleRequest();
   googletag.pubads().enableSyncRendering();
   googletag.enableServices();
});

googletag.cmd.push の代わりに u.gptSlots.push() メソッドを使用し、データソースから NC+TAU 値を参照することもできます。
例：u.gptSlots.push([b.GPT_SlotID, [[728, 90]], 'div-gpt-ad-987654321-0', {"place":"london","theme":"sports"}]);

ベンダーのドキュメント

• GPT の概要
• GPT を使用したターゲティングとサイズの構成
• 空の div 要素の折りたたみ
• タグのサンプル