ログイン

サポートセンター

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

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

ステップ 2 Google Tag Manager:変数

概要

On this step you will teach Google Tag Manager how to retrieve the information contained in your dataLayer. After the variables are set up, the information that is available in the dataLayer will be fed automatically into the Criteo OneTag.

Create the variables

Below you will find a list of all variables that have to be created, and the details to fill in. We will use the same names that have been defined in Step 1: dataLayer. [link here to step 1, article doesn't have fixed URL for now]

Setting up the variables is very easy:

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

2. Give the variable a name, type and value using the list below

Variables list

CriteoPartnerID

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

 

CriteoEmail

  • 変数タイプ: Data Layer変数
  • dataLayer変数の名前を選択してメールアドレスを設定してください。この例では ' email ':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': '[email protected]'
});
</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変数
  • choose the name of the dataLayer variable you set for the product ID on the Product Page; in this example it is 'ProductID':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'ProductPage',
'ProductID': 'ProductID'
});
</script>

CriteoProductIDList

  • 変数タイプ: Data Layer変数
  • choose the name of the dataLayer variable you set for the list of three product IDs on the Listing Page; in this example it is 'ProductIDList':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>

Criteoページタイプ

  • 変数タイプ: Data Layer変数
  • choose the name of the dataLayer variable you set for the page type on each of your pages; in this example it is 'PageType':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>

CriteoBasketProducts

  • 変数タイプ: Data Layer変数
  • choose the name of the dataLayer variable you set for the array of product information on the Basket Page; in this example it is '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変数
  • choose the name of the dataLayer variable you set for the array of product information on the Sales Confirmation Page; in this example it is '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変数
  • choose the name of the dataLayer variable you set for the order number / transaction ID; in this example it is 'TransactionID':
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'TransactionPage',
'TransactionID': 'TransactionID'
});
</script>

次に行うこと。

Google Tag Manager now knows how to retrieve the data from your backend and format it accordingly. The next step consists in defining the scenarios our Criteo OneTag should be fired. This mechanism is called Triggers. Read more details in: Step 3: Triggers

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