Google Publisherタグの構成ガイドとマッピング

Google Publisherタグは主に広告タグで、広告スロットと広告を通じてターゲットにしたい基準や視聴者を定義することができます。このタグを適切に構成することで、単一の広告または複数の広告を表示することができます。

必要条件

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

タグの構成

新しいタグを追加するためにタグマーケットプレイスに移動します。タグの追加方法については、Tag Overviewの記事を参照してください。

タグを追加する際には、以下の構成を行います：

• タイトル：タグインスタンスを識別するための記述的なタイトルを入力します。または、デフォルトの**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。
• Collapse Empty Div’s：広告が埋まらない場合にスロットを折りたたむかどうかを選択します。デフォルト値はYesに構成されています。Noに切り替えると、空のスロットが表示されます。
• ライブラリ：gpt.jsライブラリコードをどこからロードするかを選択します：
  • Google（デフォルト）：ライブラリコードをGoogleのサーバーからロードします。
  • Tealium（推奨）：Tealiumのコードを経由してウェブページからライブラリコードをロードします。この構成は、ネットワークリクエストの数を減らし、ページのロードを速くするために推奨されています。

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

ロードルール

すべてのページでタグをロードするか、タグがロードされる条件を構成します。ロードルールについての詳細は、Load Rulesのドキュメンテーションを参照してください。

ベストプラクティス：ターゲット広告スロットが含まれるページでこのタグをロードします。

データマッピング

マッピングは、データレイヤーのデータソースからベンダータグの対応する宛先変数にデータを送信するシンプルなプロセスです。このタグの宛先変数は、データマッピングツールボックスで利用可能です。

タグ宛先にマッピングする方法については、Mapping Data Sourcesを参照してください。

複数の広告スロットのタグ構成

GPTを単一の広告スロットに追加し構成することは非常にシンプルで直感的です。同じプロセスを複数の広告スロットに構成するとなると、表示したいすべての広告にGPTのインスタンスを追加する必要があり、手間がかかります。より速い代替手段として、すべてのスロット構成を配列に格納し、その配列をGPTインスタンスのMultiple Slot Configs宛先にマッピングすることができます。そのような配列を作成するには、JavaScript Code Extensionを使用できます。この順序で各広告のスロット構成を定義してください：

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

JavaScriptコード拡張の使用

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

1. 拡張タブに移動し、拡張マーケットプレイスからJavaScript Code Extensionを追加します。
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要素の折りたたみ
• タグサンプル