GA4 전자상거래 (태그 관리자): 유니버설 애널리틱스 이벤트 전송

이 가이드에서는 기존 유니버설 애널리틱스 (태그 관리자) 전자상거래 구현을 사용하여 Google 애널리틱스 4 속성으로 전자상거래 이벤트를 전송하는 방법을 설명합니다.

개발자용 이전 센터에서 추가 이전 가이드 및 리소스를 참고하세요.

결과

이 가이드를 따르면 기존 유니버설 애널리틱스 구현을 사용하여 새 Google 애널리틱스 4 속성을 채울 수 있습니다. 기존 유니버설 애널리틱스 구현은 변경되지 않고 UA 전자상거래 보고서에 데이터가 계속 채워지고 새로운 Google 애널리틱스 4 속성에서 데이터가 수신되기 시작합니다.

주의사항: 유니버설 애널리틱스 전자상거래 이벤트는 Google 애널리틱스 4와 호환되도록 자동으로 변환되지만, 모든 유니버설 애털리틱스 이벤트에 Google 애널리틱스 4의 이벤트와 동일한 이벤트가 있는 것은 아닙니다. 유니버설 애널리틱스 이벤트의 경우 GA4 전자상거래 보고서에서 데이터가 누락됩니다. 아래의 장단점 및 고려사항을 참고하세요.

시작하기 전에

1. 전자상거래 이전 도우미 도구를 사용하여 다음 설명이 현재 구현에 관한 설명인지 확인합니다.

   • 유니버설 애널리틱스 속성을 사용 중입니다.ㅇ
   • 사이트에서 태그 관리자를 사용하며 데이터 영역을 사용하여 전자상거래 이벤트를 전송하고 있습니다.

2. 각 옵션의 장단점을 알아보려면 전자상거래 구현의 이전 옵션을 검토하세요. 이 가이드에 따라 Google 애널리틱스 4에 기존 태그 관리자 유니버설 애널리틱스 구현을 사용하려고 하는지 확인하세요.

3. 이벤트 호환성 참조를 검토아혀 UA 이벤트가 GA4 속성으로 전송될 때 변환되는 방식을 알아보세요.

장단점 및 고려사항

기존 유니버설 애널리틱스 (태그 관리자) 전자상거래 구현을 Google 애널리틱스 4 속성으로 사용하는 경우 미치는 영향을 완전히 이해하려면 아래 정보를 검토하고 고려하세요.

장점

단점

기존 전자상거래 데이터 영역 구현을 변경하지 않으므로 가장 쉽게 구현할 수 있는 옵션입니다. GA4 및 유니버설 애널리틱스 보고서에서 전자상거래 데이터를 확인할 수 있습니다. 유니버설 애널리틱스 속성에서 전자상거래 데이터를 수집 또는 보고하는 방식이 변경되지 않습니다.

결제 진행 및 결제 옵션과 관련된 이벤트는 GA4 이벤트에 쉽게 매핑되지 않습니다. 결제 옵션 정보가 GA4 전자상거래 보고서에 표시되지 않을 수 있습니다. 지원되지 않는 결제 진행률 및 옵션에 대한 이벤트를 전송하면 GA4에서 연결된 매개변수가 맞춤 이벤트 및 맞춤 매개변수로 처리됩니다. 하지만 items 매개변수의 데이터는 Google 애널리틱스로 전송되지 않습니다 (지원되지 않음). GA4 장바구니 세부정보/폴아웃 유입경로 보고서의 배송 정보 추가 단계가 비어 있게 됩니다. GA4 상품/제품/상품 목록 유입경로 보고서의 목록 클릭수 단계가 비어 있게 됩니다. GA4에서는 카테고리의 / 구분자가 인식되지 않습니다. 따라서, GA4에서는 cat1/cat2/cat3를 3개의 카테고리, 즉 cat1, cat2, cat3가 아닌 하나의 카테고리로 보고합니다.

구현

1. 새 GA4 속성 만들기 및 구성

새 Google 애널리틱스 4 속성을 만들고 구성하려면 다음 단계를 따르세요.

1. 새 Google 애널리틱스 4 속성을 만듭니다.
   • GA4 설정 어시스턴트를 사용하여 새 GA4 속성을 자동으로 만들고 유니버설 애널리틱스 속성에서 속성 이름, 웹사이트 URL, 시간대, 통화 설정을 복사합니다. 하지만 연결된 사이트 태그 기능을 사용 중지하려면 기존 태그를 사용하여 데이터 수집 사용 옵션을 선택 해제합니다. 또는 유니버설 애널리틱스 속성에서 설정을 복사하지 않으려면 GA4 설정 어시스턴트를 사용하지 않고 Google 애널리틱스 4 속성을 만듭니다.
2. Google 애널리틱스 4 구성 태그를 추가합니다.
   1. 기존 유니버설 애널리틱스 구현을 위한 Google 태그 관리자 컨테이너를 엽니다.
   2. 태그 > 새로 만들기를 클릭합니다.
   3. 태그 구성을 클릭하고 GA4 구성을 선택합니다.
   4. Google 애널리틱스 4 속성의 측정 ID를 입력합니다.
   5. 모든 페이지(또는 측정하려는 일부 페이지)에서 태그를 실행하도록 선택합니다.
   6. 태그 구성을 저장하고 게시합니다.

2 GA4 이벤트 태그 구성을 추가하여 전자상거래 이벤트 측정

각 유니버설 애널리틱스 태그 구성에 대해 GA4 이벤트 태그 구성을 추가하여 GA4의 해당 전자상거래 이벤트를 측정해야 합니다.

각 유니버설 애널리틱스 전자상거래 이벤트의 경우 해당하는 GA4 이벤트로 만드는 일반적인 방법은 다음과 같습니다.

1. 새 태그 구성을 만들고 GA4 이벤트를 선택합니다.
2. 기간이벤트 이름 사용UA 및 GA4 이벤트 간 호환성 테이블 또는전자상거래 이전 도우미 유니버설 애널리틱스 전자상거래 활동에 적합한 GA4 이벤트 이름을 찾습니다. 예를 들어 제품 노출수를 측정하기 위해 이벤트를 만드는 경우 GA4 이벤트 이름은 view_item_list입니다.
3. 기타 설정 및 전자상거래에서 전자상거래 데이터 전송을 선택합니다.
4. 데이터 소스에서 데이터 영역을 선택합니다.
5. 트리거링 섹션에서 태그를 실행할 적절한 트리거를 선택합니다. 해당 유니버설 애널리틱스 전자상거래 이벤트에 사용되는 트리거와 동일한 트리거여야 합니다.
6. 저장을 클릭합니다.

각 유니버설 애널리틱스 전자상거래 활동에 대해 위의 단계를 반복합니다. 완료되면 변경사항을 게시합니다.

예: UA에서 GA4 이벤트로 이동

다음 예는 유니버설 애널리틱스용 태그 관리자에서 구현된 제품 클릭 전자상거래 활동과 동등한 GA4 이벤트를 만드는 방법을 보여줍니다.

다음 코드는 데이터 영역 사용을 구현하여 유니버설 애널리틱스의 제품 클릭을 측정합니다. 맞춤 이벤트 이름은 productClick입니다.

<script>
/**
 * Call this function when a user clicks on a product link. This function uses the event
 * callback datalayer variable to handle navigation after the ecommerce data has been sent
 * to Google Analytics.
 * @param {Object} productObj An object representing a product.
 */
function(productObj) {
  dataLayer.push({
    'event': 'productClick',
    'ecommerce': {
      'click': {
        'actionField': {'list': 'Search Results'},      // Optional list property.
        'products': [{
          'name': productObj.name,                      // Name or ID is required.
          'id': productObj.id,
          'price': productObj.price,
          'brand': productObj.brand,
          'category': productObj.cat,
          'variant': productObj.variant,
          'position': productObj.position
         }]
       }
     },
     'eventCallback': function() {
       document.location = productObj.url
     }
  });
}
</script>

태그 관리자에서 유니버설 애널리틱스 태그 구성은 다음과 같습니다.

태그 유형: 유니버설 애널리틱스
추적 유형: 이벤트
이벤트 카테고리: Ecommerce
이벤트 액션: Product Click
향상된 전자상거래 기능 사용 설정: true
데이터 영역 사용:true
트리거: event가 productClick과 같음

productClick이벤트가 데이터 영역으로 푸시될 때 태그를 실행하도록 트리거 구성이 설정됩니다.

위의 UA 구현을 사용하여 GA4에 데이터를 보내려면 다음과 같은 GA4 이벤트가 구성됩니다.

태그 유형 : GA4 이벤트
이벤트 이름: select_item
전자상거래 데이터 전송 : true
데이터 소스: Data Layer
트리거: event가 productClick과 같음

참고: UA 태그와 GA4 이벤트 태그를 실행하는 데 동일한 트리거가 사용됩니다.