데이터레이어 설정
일반 정보
- 데이터레이어는 귀하의 웹사이트의 소스 코드에 전달된 변수입니다. Google Tag Manager 웹사이트를 통해 실행되지 않습니다
- 소스 코드를 변경해야 할 귀하 사이트 상의 데이터 레이어를 귀하는 추가하거나 수정할 필요가 있을지 모릅니다
- 데이터 레이어는 <script></script> tags 사이와 Google Tag Manager 태그 앞에 신고되어 있어야 합니다.
- 데이터 레이어 내용은 Google Tag Manager의 변수들이 사용합니다 .
- 개발자나 적절한 기술력을 가진 사람이 데이터 레이어를 가장 잘 실행합니다.
- Criteo OneTag를 실행해야 하는 귀하의 페이지에는 데이터 레이어가 신고되어 있어야 합니다.
예상되는 변수가 제자리에 없는 경우에는 기존 데이터 레이어를 업데이트해야 할 경우가 있습니다. 이 경우, 귀하의 소스 코드를 업데이트할 필요가 있을 수 있다는 것에 유의하시기 바랍니다.
모든 페이지
모든 페이지에서 귀하는 데이터레이어에 대한 e-mail 변수를 신고해야 합니다:
- Criteo의 크로스 디바이스 솔루션을 사용하려면 귀하는 후행 공백을 트림하여 소문자로 변환된 사용자의 e-mail 주소를 제공해야 합니다.
- 그리고, Criteo는 저희 서버에 저장하기 전에 즉석에서 e-mail 주소를 암호화하고자 md5 해싱을 사용합니다.
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': 'john@doe.com'
});
</script>
- 사용자의 e-mail 주소를 현재 페이지에서 사용할 수 없는 경우, 파라미터는 빈 string으로 남아 있어야 합니다.
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': ''
});
</script>
홈페이지 데이터레이어
- 데이터레이어는 홈페이지에서 실행되어야 합니다.
- Google Tag Manager 태그 전에 데이터레이어를 신고해야 합니다.
- 아래 코드는 홈페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'HomePage',
'email': 'email address of the user'
});
</script>
목록 페이지 데이터레이어
- 데이터레이어는 목록 페이지에서 실행되어야 합니다.
- 제품 D_1, 제품 ID_2 및 제품 ID_3 파라미터들은 역동적으로 올바른 값으로 채워져야 합니다.
- 아래 코드는 목록 페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'email': 'email address of the user',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>
제품 페이지 데이터레이어
- 데이터레이어는 개개의 제품 페이지에서 실행되어야 합니다.
- 제품 ID 파라미터는 역동적으로 올바른 제품 ID 값으로 채워져야 합니다.
- 아래 코드는 제품 페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'ProductPage',
'email': 'email address of the user',
'ProductID': 'ProductID'
});
</script>
바스켓 페이지 데이터레이어
- 데이터레이어는 바스켓/카트 페이지에서 실행되어야 합니다.
- 바스켓에 추가되는 각 제품의 경우, 귀하는 제품 ID, 수량 (해당 제품의 개수) 및 가격을 전달해야 합니다.
- 아래 코드는 바스켓 페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<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',
'email': 'email address of the user',
'ProductBasketProducts': product_list
});
</script>
매출 확인 페이지 데이터레이어
- 데이터레이어는 매출 확인/감사 페이지 (사용자가 주문을 하고 지불한 후 나타남)에서 신고해야 합니다.
- transaction ID 값은 그에 상응하는 주문 정보로 역동적으로 채워야 합니다.
- 구입한 각 제품의 경우, 귀하는 제품 ID, 수량 (해당 제품의 개수) 및 가격을 전달해야 합니다.
- 아래 코드 목록은 귀하의 매출 확인 페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<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',
'email': 'email address of the user',
'ProductTransactionProducts': product_list,
'TransactionID': 'TransactionID'
});
</script>