GTM（GoogleTagManager)のデータレイヤー変数を使って、EC Intelligenceに動的な値（会員ID、閲覧した商品ID、注文金額等）を渡すことができます。
ここでは、会員IDをデータレイヤー変数を使って、EC Intelligenceのタグに渡す方法を説明します。
※GTMのコンテナ作成、自社サイトへのGTMタグ設置まではGoogleのヘルプサイトをご覧ください。
タグ マネージャーの設定とインストール
目次
1.自社サイトにデータレイヤーを作成する。
自社サイトに下記のスクリプトを追加します。
設置場所はどこでも構いません。
“値1″や”値2″の部分に、動的な値を出力するように調整してください。
※”customerId”は変数名のサンプルですので、任意の名称で大丈夫です。
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
customerId:"値1",
変数名2:"値2",
});
</script>
2.変数名を決めて、GTMの設定を行う。
次はGTMの管理画面に移動します。
2-1.変数を設定する。
GTMで「変数」をクリックし、次に「新規」をクリックします。
「データレイヤー変数」を選択します。
変数名と「データレイヤーの変数」を入力して、保存をクリックします。
変数名は、1.自社サイトにデータレイヤーを作成する。で設定した変数名に合わせます。
※ここではサンプルとして、会員IDの値を取得する”customerId”としています。
変数名と「データレイヤーの変数」の文字列は同じにしておいたほうが運用上分かりやすくて便利です。
2-2.EC Intelligenceの基本トラッキングタグを追加する。
左メニューで「タグ」を選択し、「新規」をクリックします。
右に出てくる タグタイプを選択 の中から 「カスタムHTML」を選択します。
シナブル社から提供されたタグを記入します。
例として、基本タグの中にログインタグを追加するケースで説明します。
ログインタグの中に、2-1.変数名を設定する で設定した変数名を記述します。
会員IDの変数名が”customerId”ですので、ログインタグは下記のようなコードになります。
（エラー回避として、if分岐処理を含めています。）
<script>
var _scq = _scq || [];
//複数アカウント契約サイトのみ必要
_scq.push(['_setAccount', 'accountId']);
//他の Tagはこちらに記述してください。
try{
if (Boolean({{customerId}})) {
_scq.push(['_setCustomVar',
{{customerId}}, '', '', '']);
}
}catch(e){
}
・
・
ポイント変数名は、必ず {{ と }} で挟みます。 例） customerId が変数名なら、 {{customerId}} と記述する。 |
トリガーを選択します。
トリガーは「All Pages」を選択します。
ここまで完了したら、「公開」をクリックして本番公開してください。
以上でGTMデータレイヤー変数を使って、EC Intelligenceに動的な値を渡すことができるようになります。