로그인

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

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

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

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

개요

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

  • 개발자나 적절한 기술력을 가진 사람이 데이터 레이어를 가장 잘 실행합니다.
  • The content of the dataLayer will be used on the next step, through the variables on Google Tag Manager.
  • 데이터레이어는 Google Tag Manager tag가 삽입되기 전 <script></script> 사이에 삽입되어야 합니다.
  • 이미 제 자리에 데이터레이어가 있을 때, 예상되는 데이터가 모두 없다면, 그것을 업데이트 해야 할 경우도 있습니다. 이 경우, 귀하의 소스 코드를 업데이트할 필요가 있을 수 있다는 것에 유의하시기 바랍니다.

All pages

On the pages that feature the Criteo OneTag, the email variable should be added to the dataLayer. This will enable Criteo's Cross Device solution:

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

홈페이지 데이터레이어

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

다음은?

Now that the information Criteo needs is available in the dataLayer, Google Tag Manager needs to know how to read the dataLayer and take out the relevant data. This mechanism is called Variables. For more detail, see: Step 2: Variables

도움이 되었습니까?
0명 중 0명이 도움이 되었다고 했습니다.
Zendesk 제공