ログイン

サポートセンター

実装と運用のサポートコンテンツをご利用いただけます。

サポートセンター. 実装と運用のサポートコンテンツをご利用いただけます。

ステップ 2 Google Tag Manager:変数

概要

このステップではお客様のdataLayerに含まれる情報を読み出す方法をGoogle Tag Managerに指示します。変数 がセットアップされた後、dataLayerで利用できる情報はCriteo V3タグに自動的にフィードされます。

変数 を 作成する

下記にあるのは作成されるべきすべての変数および記入すべき詳細のリストです。 ステップ1:dataLayerで 定義された同一のnameを 使用します。[ここからステップ1へリンクさせます。記事には今のところ固定したURLがありません]

変数の セットアップは非常に簡単です:

1. 変数>ユーザー定義変数> NEW の順でクリックしてください

2. 下のリストを使用して変数にname、タイプおよび値を代入します

変数リスト

CriteoPartnerID

  • 変数タイプ: 文字列定数
  • タグのガイド内にアカウントIDが提供されています。下記のようになります。
{ イベント: "setAccount", アカウント: 11532},

 

CriteoEmail

  • 変数タイプ: Data Layer変数
  • dataLayer変数の名前を選択してメールアドレスを設定してください。この例では ' email ':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': 'john@doe.com'
});
</script>

 

CriteoSiteType

  • 変数タイプ:  カスタムJavaScript
  • ユーザーが使用するデバイスを定義するには、次のスクリプトを使用します。
function(){
return /iPad/.test(navigator.userAgent)?"t":/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent)?"m":"d";
} 

 

CriteoProductID

  • 変数タイプ: Data Layer変数
  • dataLayer変数の名前を選択して商品ページ上の商品IDを設定してください。この例では ' ProductID ':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'ProductPage',
'ProductID': 'ProductID'
});
</script>

CriteoProductIDList

  • 変数タイプ: Data Layer変数
  • dataLayer変数の名前を選択してリストページ上の3つの商品の商品IDのリストを設定してください。この例では ' ProductIDList ':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>

Criteoページタイプ

  • 変数タイプ: Data Layer変数
  • dataLayer変数の名前を選択してページタイプを各ページに設定してください。この例では ' PageType ':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>

CriteoBasketProducts

  • 変数タイプ: Data Layer変数
  • dataLayer変数の名前を選択してバスケットページ上の商品情報のarrayを設定してください。この例では ' ProductBasketProducts ':
<script type="text/javascript">
var product_list = [];
product_list.push(
{ id: "productID_1", price: price_1, quantity: quantity_1 },
{ id: "productID_2", price: price_2, quantity: quantity_2 }
/* add a line for each item in the user's cart */
);
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'BasketPage',
'ProductBasketProducts': product_list
});
</script>

CriteoTransProducts

  • 変数タイプ: Data Layer変数
  • dataLayer変数の名前を選択して購入完了ページ上の商品情報のarrayを設定してください。この例では ' ProductTransactionProducts ':
<script type="text/javascript">
var product_list = [];
product_list.push(
{ id: "productID_1", price: price_1, quantity: quantity_1 },
{ id: "productID_2", price: price_2, quantity: quantity_2 }
/* add a line for each item in the user's cart */
);
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'TransactionPage',
'ProductTransactionProducts': product_list
});
</script>

TransactionID

  • 変数タイプ: Data Layer変数
  • dataLayer変数の名前を選択して注文番号/トランザクションID設定してください。この例では ' TransactionID ':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'TransactionPage',
'TransactionID': 'TransactionID'
});
</script>

次に行うこと。

Google Tag Managerがお客様バックエンドからデータを読み出し、それに応じてフォーマットできる状態となっています。次のステップはCriteo V3タグを実行(発火)する設定です。このメカニズムはトリガーと呼ばれ、次のステップに詳細の説明があります: ステップ 3:トリガー

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
Powered by Zendesk