로그인

저희 지원센터에 오신 것을 환영합니다

광고 진행을 위한 작업과 라이브를 위해 도움을 드리겠습니다.

저희 지원센터에 오신 것을 환영합니다. 광고 진행을 위한 작업과 라이브를 위해 도움을 드리겠습니다.

1 단계 Google Tag Manager: 데이터레이어

개요

데이터레이어는 귀하가 Criteo OneTag를 실행하는 각 페이지 상의 웹사이트 소스 코드에 구현된 변수입니다. 이는 Google Tag Manager 웹사이트를 통해 구현되지 않습니다.  데이터레이어의 내용은 Criteo OneTag를 통해 저희에게 무슨 정보가 전달되는지 결정합니다.  여기에 몇 가지 도움말이 있습니다:

  • 개발자나 적절한 기술력을 가진 사람이 데이터 레이어를 가장 잘 실행합니다.
  • 데이터레이어 내용은 Google Tag Manager의 변수들을 통해 다음 단계에서 사용됩니다.
  • 데이터레이어는 Google Tag Manager tag가 삽입되기 전 <script></script> 사이에 삽입되어야 합니다.
  • 이미 제 자리에 데이터레이어가 있을 때, 예상되는 데이터가 모두 없다면, 그것을 업데이트 해야 할 경우도 있습니다. 이 경우, 귀하의 소스 코드를 업데이트할 필요가 있을 수 있다는 것에 유의하시기 바랍니다.

모든 페이지

Criteo OneTag가 존재하는 모든 페이지에 email 변수가 데이터레이어에 추가되어야 합니다. 이렇게 하면 Criteo의 크로스 디바이스 솔루션을 가동할 수 있습니다.

  • 귀하의 웹사이트에서 구매가 이루어질 때와 귀하 웹사이트가 사용자 계정을 제공하는 경우, 사용자의 email 주소는 사용 가능한 email 이어야 합니다.
  • email 주소는 공백을 제거해야 하고 소문자로 변환해야 합니다.
  • 그리고 email주소는 md5로 해싱된 값이 사용합니다.  개인 정보 보호 정책에 위배되는 경우 암호화되지 않은 email 주소를 저장하지 않습니다.
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': '사용자의 email 주소'
});
</script>
  • 사용자의 email 주소를 현재 페이지에서 사용할 수 없는 경우, 파라미터는 빈 string으로 남아 있어야 합니다.
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': ''
});
</script>

홈페이지 데이터레이어

  • 데이터레이어는 홈페이지에서 실행되어야 합니다.
  • PageType파라미터는 Google Tag Manager에게 사용자가 들어온 페이지의 유형을 전달하고 그에 따라 Criteo OneTag를 실행하는 데 사용됩니다.
  • 아래 코드는 홈페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'HomePage',
'email': 'email address of the user'
});
</script>

목록 페이지 데이터레이어

  • 데이터레이어는 귀하의 목록 페이지에서 실행되어야 합니다: 카테고리 목록과 검색 목록.
  • ProductID_1, ProductID_2 , ProductID_3 은 리스팅 페이지에서 상단의 세 개의 상품 ID가 동적으로 호출된 값이 들어가야 합니다.
  • 트래커에 삽입된 ID와 feed에 있는 ID가 매칭되어야 합니다. 시스템이 하나 이상의 ID 유형을 갖는 경우, 귀하는 동일한 ID 유형이 모든 페이지에 걸쳐 일관되게 사용되도록 해야 합니다.
  • 아래 코드는 목록 페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<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로 동적으로 불러온 값을 삽입해야 합니다.  이 ID는 상품 feed에 있는 상품ID와 상응해야 합니다.
  • 아래 코드는 제품 페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'ProductPage',
'email': 'email address of the user',
'ProductID': 'ProductID'
});
</script>

바스켓 페이지 데이터레이어

  • 데이터레이어는 바스켓/카트 페이지에서 실행되어야 합니다.
  • 장바구니에 있는 각 제품의 경우, 귀하는 제품 ID, quantity(장바구니에 담은 해당 상품의 개수) 및 price(단가)를 전달해야 합니다.
  • 아래 코드는 바스켓 페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<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>

매출 확인 페이지 데이터레이어

  • 데이터레이어는 주문완료 페이지(사용자가 주문을 하고 지불 확인 후 나타나는 페이지)에서 삽입되어야 합니다.
  • TransactionID  파라미터는 그에 상응하는 정보가 동적으로 호출되어 삽입되어야 합니다. 이 정보는 구매가 중복으로 발생할 가능성을 제거하는 데 사용됩니다.
  • 구입한 각 제품의 경우, 귀하는 제품 ID, quantity(구매한 해당 제품의 개수), price(단가)를 전달해야 합니다.
  • 아래 코드는 귀하의 주문 완료 페이지에서 데이터레이어를 실행하는 방법을 보여줍니다:
<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>

다음은?

Criteo가 필요로 하는 정보를 데이터에이어에서 사용할 수 있기 때문에 Google Tag Manager는 데이터레이어를 읽고 관련 데이터를 꺼내는 방법을 알아야 합니다. 이 메커니즘은 변수라 부르고 다음 단계에 상세 내용이 있습니다: 2 단계: 변수

이 문서가 도움이 되었습니까?
0명 중 0명이 유용하다고 평가하였습니다.
Zendesk 제공