이 가이드에서는 기존 gtag.js 유니버설 애널리틱스 전자상거래 구현을 사용하여 Google 애널리틱스 4 속성에 전자상거래 이벤트를 전송하는 방법을 설명합니다.
개발자용 이전 센터에서 추가 이전 가이드 및 리소스를 참고하세요.
결과
이 가이드를 따르면 기존 유니버설 애널리틱스 구현을 사용하여 새 Google 애널리틱스 4 속성을 채울 수 있습니다. 기존 유니버설 애널리틱스 구현은 변경되지 않고 그대로 유지됩니다. 또 계속해서 UA 전자상거래 보고서에 데이터가 채워지고, 새로운 Google 애널리틱스 4 속성에 데이터가 수신되기 시작합니다.
시작하기 전에
전자상거래 이전 도우미 도구를 사용하여 다음 설명이 현재 구현에 관한 설명인지 확인합니다.
- 유니버설 애널리틱스 속성을 사용 중입니다.
- 사이트에서 gtag.js 라이브러리를 사용하여 전자상거래 이벤트를 전송합니다.
각 옵션의 장단점을 알아보려면 전자상거래 구현의 이전 옵션을 검토하세요. 실제로 이 가이드에 따라 기존의 Google 애널리틱스 4용 gtag.js 유니버설 애널리틱스 구현을 사용하고 싶은지 확인하세요.
이벤트 호환성 참조를 검토하여 UA 이벤트가 GA4 속성으로 전송될 때 변환되는 방식을 알아보세요.
장단점 및 고려사항
Google 애널리틱스 4 속성을 통해 기존 gtag.js(유니버설 애널리틱스) 전자상거래 구현을 사용할 때 미치는 영향을 충분히 이해하려면 아래 정보를 검토하고 고려하세요.
| 장점 | 단점 |
|---|---|
|
|
구현
다음 옵션 중 하나를 완료하여 기존 gtag.js 유니버설 애널리틱스 구현을 사용해 전자상거래 이벤트를 Google 애널리틱스 4 속성으로 전송합니다.
옵션 1: GA4 설정 어시스턴트 사용 및 연결된 사이트 태그 사용 설정
GA4 설정 어시스턴트가 자동으로 새 GA4 속성을 생성하고, 유니버설 애널리틱스 속성에서 속성 이름, 웹사이트 URL, 시간대, 통화 설정 등의 설정을 복사합니다. 또한 기존 유니버설 애널리틱스 gtag.js 구현을 재사용하여 새 GA4 속성을 로드하도록 연결된 사이트 태그 기능을 사용 설정할 수도 있습니다.
GA4 설정 어시스턴트에 설명된 단계에 따라 새 Google 애널리틱스 4 속성을 만들고 구성합니다. 연결된 사이트 태그 기능을 사용하려면 기존 태그를 사용하여 데이터 수집 사용 설정 옵션을 선택해야 합니다.
옵션 2: gtag.js 스니펫 업데이트
- 새 Google 애널리틱스 4 속성을 만듭니다.
- GA4 설정 어시스턴트를 사용하여 Google 애널리틱스 4 속성을 추가합니다. 하지만 설정 도중에 메시지가 표시되면 기존 태그를 사용하여 데이터 수집 사용 설정 옵션을 선택 해제합니다. 또는 GA4 설정 어시스턴트를 사용하지 않고 Google 애널리틱스 4 속성을 만듭니다. 어시스턴트를 사용하면 유니버설 애널리틱스 속성에서 몇 가지 기본 설정이 복사되는 장점이 있습니다.
- Google 애널리틱스 4 속성의 측정 ID를 찾습니다.
- 측정 ID와 함께
config명령어를 사용하여 기존 gtag.js 스니펫에 Google 애널리틱스 4 속성을 추가합니다.
다음은 유니버설 애널리틱스 및 Google 애널리틱스 4 속성을 구성한 gtag.js 스니펫의 예시입니다.
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXX-Y'); // Universal Analytics property.
gtag('config', 'TAG_ID'); // Google Analytics 4 property.
</script>