이 페이지는 Cloud Translation API를 통해 번역되었습니다.

전자상거래 추적 - 웹 추적 (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 매개변수의 값은 통화 형식을 따르지 않습니다.
두 매개변수 모두 쉼표 또는 마침표의 첫 번째 인스턴스는 분수 값을 나타냅니다. 예를 들어 1,996.00를 total 매개변수의 값으로 제공하면 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 표준으로 지정해야 합니다. 지원되는 전환 통화의 전체 목록은 통화 코드 참조 문서를 참고하세요.