閉じる

スタートガイド   ›   js ライブラリについて   ›   Google Tag Manager（GTM）を利用したタグスニペット設置方法

カスタマイズタグ（商品コンバージョン属性の計測）の設置

GTM連携していても、カスタマイズタグを設置することで商品コンバージョン属性を計測することができます。

ここでは、CODE Marketing cloud導入対象サイトにおいて、お気に入りリスト情報をGTMへ送信する方法と、GTMからCODE Marketing cloudへ当該データを送信する方法についてご説明します。

1.計測したデータをGTMへ送信する

1-1. 計測したいページと、計測する情報を決める

カスタマイズタグを設置するページは、各種情報を計測したいページのみにするようにしてください。

1-2. 計測した情報を、当該ページからGTMへ送信する

1-1 で決めたページにおいて、情報を計測したい場所に以下のようなタグスニペットを挿入してください。

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
 'event': "track:itemConversionEvent",
 'itemConversionEvents': [
   {
     "itemId": "00001",
     "conversionType": "Entry",
     "itemCount": 1,
     "itemPrice": 1050,
     "sku": "SKU1"
   },
   {
     "itemId": "00002",
     "conversionType": "Entry",
     "itemCount": 1,
     "itemPrice": 1050,
     "sku": "SKU1"
   },
 ]
});
</script>
  • event 変数はGTM上でカスタムイベントの識別に使われますので、eventという変数名を変更することは出来ません。 itemConversionEventsは、GTMからCODE Marketing cloudへデータを送信する際に使用する変数です。上記タグスニペットで変数にセットされている各値はサンプルですので、適宜変更してお使いください。また、その際にCODE Marketing cloudが正常動作するよう、それぞれの値が確実に参照出来る場所にタグを設置するようにしてください。

※ なお、dataLayerはGTMに用意されてるオブジェクトで、GTMに情報を渡すために使います。dataLayerの詳細については、以下のWebページをご覧ください。

データレイヤー - タグマネージャ ヘルプ

2. GTMからCODE Marketing cloudへ当該データを送信する

2-1. dataLayer変数をGTMに登録する

「1-2.計測した情報を、当該ページからGTMへ送信する」で設定した変数を、GTMに登録します。

2-1-1. メニューの「変数」から、「ユーザー定義変数」の「新規」をクリック

変数

ユーザー定義変数

2-1-2. 変数タイプを「ページ変数」の「データレイヤーの変数」を選択

データーレイヤーの変数

2-1-3. データレイヤーの変数名に 「1-2.計測した情報を、当該ページからGTMへ送信する」 で設定した各変数を記述

  • itemConversionEvents

2-1-4. 保存をクリック

データーレイヤーの変数

2-2. トリガーの作成

2-2-1. メニューの「トリガー」から「新規」をクリック

新規トリガー

2-2-2. トリガーのタイプ「その他」から「カスタムイベント」を選択

カスタムイベント トリガー

2-2-3. トリガーの発生場所で「すべてのカスタムイベント」を選択

2-2-4. トリガーのイベント名に、「1-2.計測した情報を、当該ページからGTMへ送信する」でevent変数にセットした値を入力

本ページのサンプル通りに入力されている場合は track:itemConversionEvent と入力する

2-2-5. 「保存」をクリック

トリガーの保存

2-3. CODE Marketing cloudへデータ送信するカスタマイズタグの設定

2-3-1. 「タグタイプを選択」より「カスタムHTMLタグ」を選択

2-3-2. 「タグを設定」の「HTML」入力欄に「カスタマイズタグ」を記述

以下のサンプルと、計測したい情報のカスタマイズタグの各ヘルプページを参考に記載してください。

{{itemConversionEvents}} は、それぞれ2-1-3.で設定した変数名と対応しています。{{}}を含めて 記述する必要があることにご注意ください。

<script>
(function(){
  if({{itemConversionEvents}}) {
    _cc('track', 'itemCv', {{itemConversionEvents}});
  }
})()
</script>

HTML入力

2-3-3. 「配信するタイミング」に「2-2.トリガーの作成」で作成したトリガーを指定

2-3-4. 「保存」をクリック

2-4. 変更を「公開」

公開することではじめて、変更が貴社サイトに反映されます。

変更を公開

ご参考：カスタマイズタグ(商品コンバージョン属性の計測)