전자상거래 추적 - 웹 추적 (ga.js)

Google 애널리틱스에서 웹사이트에서 발생한 전자상거래 활동을 보고하려면 먼저 웹사이트의 보기 (프로필) 설정 페이지에서 전자상거래 추적을 사용 설정해야 합니다. 그런 다음 장바구니 페이지 또는 전자상거래 소프트웨어를 통해 ga.js 전자상거래 추적 방법을 구현해야 합니다. 여러 전자상거래 메서드가 연동되어 각 사용자의 거래 정보가 발생할 때 Google 애널리틱스 데이터베이스로 전송됩니다. 애널리틱스에서는 이 방법으로 특정 추천 소스를 전환 또는 구매와 연결할 수 있습니다. 대부분의 템플릿 기반 전자상거래 엔진은 주문 확인 페이지에 숨겨진 이러한 정보를 포함하도록 수정할 수 있습니다.

일반적인 절차

Google 웹로그 분석을 사용하여 전자상거래를 추적하는 기본 과정은 사이트에서 전자상거래를 추적하는 데 필요한 세 가지 방법으로 설명할 수 있습니다. 이러한 메서드는 장바구니 또는 전자상거래 소프트웨어에서 호출하는 순서로 설명되어 있습니다.

트랜잭션 객체를 만듭니다.
_addTrans() 메서드를 사용하여 트랜잭션 객체를 초기화합니다. 거래 객체는 단일 거래에 대한 모든 관련 정보(예: 거래 ID, 배송비, 청구서 수신 주소)를 저장합니다. 거래 객체의 정보는 거래와 모든 항목(ID가 동일해야 함)에 대한 거래 ID를 통해 해당 항목과 연결됩니다.

참고: 거래 객체에 포함할 수 있는 지역 정보(선택사항)는 Google 애널리틱스 보고서에서 지역 데이터를 채우는 데 사용되지 않지만 보기 필터에 사용할 수 있습니다.
거래에 항목 추가
_addItem() 메서드는 사용자의 장바구니에 있는 각 개별 항목에 관한 정보를 추적하고 transactionId 필드를 통해 항목을 각 거래와 연결합니다. 이 메서드는 SKU, 가격, 카테고리, 수량과 같은 특정 항목에 관한 세부정보를 추적합니다.
애널리틱스 서버에 거래를 제출합니다.
_trackTrans() 메서드는 구매가 발생했는지 확인하고 거래 객체에 축적된 모든 데이터를 거래로 완료합니다.

전자상거래 엔진에서 이 정보를 가져오는 방법은 다양합니다. 일부 전자상거래 엔진은 사용자가 사용할 수 있는 숨겨진 양식에 구매 정보를 기록하고, 검색할 수 있는 데이터베이스에 정보를 보관하는 엔진도 있고, 쿠키에 정보를 저장하는 엔진도 있습니다. Google 애널리틱스를 인식하는 널리 사용되는 일부 전자상거래 엔진에서는 애널리틱스의 주문 추적을 간소화하는 자체 모듈을 제공합니다.

가이드라인

전자상거래 추적을 구현할 때는 다음 사항에 유의하세요.

SKU 코드는 거래에 추가되는 모든 상품의 필수 매개변수입니다.
거래에 여러 항목이 포함되어 있고 일부 항목에 SKU가 제공되지 않은 경우 SKU가 제공된 거래에 마지막으로 추가된 항목에 대해서만 GIF 요청이 전송됩니다. 또한 인벤토리에 SKU가 동일한 여러 항목이 있고 방문자가 두 항목을 모두 구매하는 경우 가장 최근에 추가된 항목의 데이터만 수신됩니다. 따라서 제공하는 상품마다 고유한 SKU를 사용해야 합니다.
_addTrans() 및 _addItem()의 인수 목록은 위치와 일치합니다.
모든 인수가 필요한 것은 아니지만 오류를 방지하기 위해 지정되지 않은 인수에는 빈 자리표시자를 제공해야 합니다. 예를 들어 다음과 같이 거래 ID, SKU, 가격, 수량만 포함된 항목을 추가할 수 있습니다.
```
_addItem("54321", "12345", "", "", "55.95", "1");
```
price 및 total 매개변수의 값은 통화 형식을 따르지 않습니다.
두 매개변수에서 쉼표 또는 마침표의 첫 번째 인스턴스는 소수 값을 나타냅니다. 예를 들어 total 매개변수의 값으로 1,996.00를 제공하면 $1,996.00가 아닌 1.996로 기록됩니다. 이 값은 통화와 관련이 없으므로 애널리틱스에 데이터를 전달하기 전에 전자상거래 소프트웨어가 모든 통화 변환을 처리해야 합니다.
전자상거래 추적을 구현하고 서드 파티 장바구니를 사용하는 경우 교차 도메인 추적도 구성해야 할 수 있습니다.
자세한 내용은 '교차 도메인 추적' 섹션을 참고하세요.
필수는 아니지만 특정 페이지를 거래 데이터와 연결하려면 영수증 페이지에서 _trackPageview()를 호출하는 것이 좋습니다.

전체 예

다음은 세 가지 방법을 모두 사용하여 영수증 페이지에서 전자상거래 추적을 구성하는 샘플 구성의 예입니다. _trackPageview()를 사용하면 거래가 Acme Clothing에서 의류 구매 영수증이라는 제목의 페이지와 연결됩니다.

비동기 구문 (권장)

<html>
<head>
<title>Receipt for your clothing purchase from Acme Clothing</title>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);
  _gaq.push(['_addTrans',
    '1234',           // transaction ID - required
    'Acme Clothing',  // affiliation or store name
    '11.99',          // total - required
    '1.29',           // tax
    '5',              // shipping
    'San Jose',       // city
    'California',     // state or province
    'USA'             // country
  ]);

   // add item might be called for every item in the shopping cart
   // where your ecommerce engine loops through each item in the cart and
   // prints out _addItem for each
  _gaq.push(['_addItem',
    '1234',           // transaction ID - required
    'DD44',           // SKU/code - required
    'T-Shirt',        // product name
    'Green Medium',   // category or variation
    '11.99',          // unit price - required
    '1'               // quantity - required
  ]);
  _gaq.push(['_trackTrans']); //submits transaction to the Analytics servers

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>

  Thank you for your order.  You will receive an email containing all your order details.

</body>
</html>

기존 구문

<html>
<head>
<title>Receipt for your clothing purchase from Acme Clothing</title>
</head>

<body>

  Thank you for your order.  You will receive an email containing all your order details.


<script type="text/javascript">
  var gaJsHost = (("https:" == document.location.protocol ) ? "https://ssl." : "http://www.");
  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try{
  var pageTracker = _gat._getTracker("UA-xxxxx-x");
  pageTracker._trackPageview();
  pageTracker._addTrans(
      "1234",            // transaction ID - required
      "Womens Apparel",  // affiliation or store name
      "11.99",           // total - required
      "1.29",            // tax
      "15.00",           // shipping
      "San Jose",        // city
      "California",      // state or province
      "USA"              // country
    );


   // add item might be called for every item in the shopping cart
   // where your ecommerce engine loops through each item in the cart and
   // prints out _addItem for each 
   pageTracker._addItem(
      "1234",           // transaction ID - necessary to associate item with transaction
      "DD44",           // SKU/code - required
      "T-Shirt",        // product name
      "Olive Medium",   // category or variation
      "11.99",          // unit price - required
      "1"               // quantity - required
   );

   pageTracker._trackTrans(); //submits transaction to the Analytics servers
} catch(err) {}
</script>
</body>
</html>

맨 위로

현지 통화

기본적으로 Google 애널리틱스 관리 웹 인터페이스를 통해 모든 거래 및 항목에 대해 공통된 전체 통화를 구성할 수 있습니다. 기본적으로 전체 통화는 모든 항목 및 거래에 사용됩니다. 여러 통화로 거래를 수행하는 웹사이트에서 ga.js 전자상거래 추적 기능을 사용하면 _trackTrans를 호출하기 전에 다음 명령어를 사용하여 거래의 현지 통화를 지정할 수 있습니다.

_gaq.push(['_set', 'currencyCode', 'EUR']);

현지 통화는 ISO 4217 표준으로 지정해야 합니다. 지원되는 전환 통화의 전체 목록은 통화 코드 참조 문서를 참고하세요.