구글 태그 매니저 구글 애널리틱스 연동하기 - GA4 버전

1. 구글 태그 매니저에 구글 애널리틱스 연동하기

[애드온 > 구글 태그 매니저]와 [애드온 > 구글 애널리틱스]는 함께 사용할 수 없습니다. 구글 태그 매니저와 구글 애널리틱스를 동시에 사용하시려면 [애드온 > 구글 태그 매니저]만 설치하신 후 구글 태그 매니저에 구글 애널리틱스를 연동해야 합니다.

2. 변수 만들기

구글 태그 매니저에 구글 애널리틱스 GA4 버전을 연동하기 위해서는 총 5개의 변수를 만들어야 합니다.

5개 변수 중 하나인 ecommerce.items 등록 방법 예시를 참고하여 5개 변수를 모두 만들어 주세요. 등록 방법 예시 중 변수명만 변경하여 만들어 주시면 됩니다.

변수명	내용
ecommerce.items	상품 정보
ecommerce.purchase.currency	결제 통화
ecommerce.purchase.items	주문 상품 정보
ecommerce.purchase.transaction_id	주문 번호
ecommerce.purchase.value	결제 금액

Step 1. 구글 태그 관리자 접속 후 [변수 > 새로 만들기] 버튼을 눌러주세요.

Step 2. 변수명 ecommerce.items를 입력하고 변수 유형 아이콘을 선택해 주세요.

Step 3. 변수 유형에서 [데이터 영역 변수]를 선택해 주세요.

Step 4. 데이터 영역 변수 이름에 ecommerce.items(변수명)를 입력 후 [저장] 버튼을 누르면 변수가 만들어집니다.

[ ecommerce.items 변수가 만들어진 화면 ]

Step 5. Step1 ~ Stetp4 과정을 반복하여 변수 5개를 모두 만들어주세요.

[ 5개 변수를 모두 만들었을 때 화면 ]

3. 트리거 만들기

구글 태그 매니저에 구글 애널리틱스 GA4 버전을 연동하기 위해서는 총 3개의 트리거를 만들어야 합니다.

3개 트리거 중 하나인 add_to_cart 등록 방법 예시를 참고하여 3개 트리거를 모두 만들어 주세요. 등록 방법 예시 중 트리거명만 변경하며 만들어 주시면 됩니다.

태그 이름	실행 트리거
add_to_cart	장바구니 담기 이벤트
purchase	결제 이벤트
view_item	상품 페이지 조회

Step 1. 구글 태그 관리자에서 [트리거 > 새로 만들기] 버튼을 눌러주세요.

Step 2. 트리거명 add_to_cart를 입력하고 트리거 유형 아이콘을 선택해 주세요.

Step 3. 트리거 유형에서 [맞춤 이벤트]를 선택해 주세요.

Step 4. 이벤트 이름에 add_to_cart(트리거명)를 입력하고 [일부 맞춤 이벤트] 선택 후 트리거 실행 방법으로 [Event / 같음 / add_to_cart(트리거명)]을 입력한 뒤 [저장] 버튼을 눌러주세요.

[ add_to_cart 트리거가 만들어진 화면 ]

• purchase, view_item 트리거 구성 등록 화면

Step 5. Step1 ~ Stetp4 과정을 반복하여 트리거 3개를 모두 만들어주세요.

[ 3개 트리거를 모두 만들었을 때 화면 ]

4. 태그 만들기

구글 태그 매니저에 구글 애널리틱스 GA4 버전을 연동하기 위해서는 총 4개의 태그를 만들어야 합니다.

태그 이름	실행 트리거
GA4 구성	All pages
GA4 이벤트 - add_to_cart	add_to_cart
GA4 이벤트 - view_item	view_item
GA4 이벤트 - purchase	purchase

4-1. GA4 구성 태그 만들기

Step 1. 구글 태그 관리자에서 [태그 > 새로 만들기] 버튼을 눌러주세요.

Step 2. 태그명 GA4 구성을 입력하고 태그 유형 아이콘을 선택해 주세요.

Step 3. 태그 유형에서 [Google 태그]를 선택해 주세요.

Step 4. 변수명을 입력하고 추적 ID를 입력해 주세요. 추적 ID는 G-********** 형태로 구성된 구글 애널리틱스 추적 ID입니다. [구글 애널리틱스 > 관리 > 데이터 스트림 > 생성한 웹 스트림]에서 확인 가능합니다.

Step 5. 트리거 선택 아이콘을 선택해 주세요.

Step 6. 트리거 All pages를 선택해 주세요.

Step 7. 태그 설정을 마친 후 [저장] 버튼을 눌러주세요.

[ GA4 구성 태그가 만들어진 화면 ]

4-2. GA4 이벤트 - add_to_cart 태그 만들기

Step 1. 구글 태그 관리자에서 [태그 > 새로 만들기] 버튼을 눌러주세요.

Step 2. 태그명 GA4 이벤트 - add_to_cart를 입력하고 태그 유형 아이콘을 선택해 주세요.

Step 3. 태그 유형에서 [Google 애널리틱스: GA4 이벤트]를 선택해 주세요.

Step 4. 구성 태그 항목에 [GA4 구성] 선택, 이벤트 이름에 add_to_cart를 입력한 뒤 행 추가 버튼을 눌러주세요.

Step 5. 매개변수 이름 items 입력 후 값에 추가 아이콘을 눌러주세요.

Step 6. 변수 ecommerce.items를 선택해 주세요.

Step 7. 트리거 선택 아이콘을 선택해 주세요.

Step 8. 트리거 add_to_cart를 선택해 주세요.

Step 9. 태그 설정을 마친 후 [저장] 버튼을 눌러주세요.

[ GA4 이벤트 - add_to_cart 태그가 만들어진 화면 ]

4-3. GA4 이벤트 - view_item 태그 만들기

Step 1. 구글 태그 관리자에서 [태그 > 새로 만들기] 버튼을 눌러주세요.

Step 2. 4-2 Step 2 ~ Step 5 과정과 아래 내용 그리고 이미지를 참고하여 항목을 설정하고 값에 추가 아이콘을 눌러주세요.

• 태그명: GA4 이벤트 - view_item

• 태그 유형: [Google 애널리틱스: GA4 이벤트]

• 구성 태그: GA4 구성

• 이벤트 이름: view_item

• 매개변수 이름: items

Step 3. 변수 ecommerce.items를 선택해 주세요.

Step 4. 트리거 선택 아이콘을 선택해 주세요.

Step 5. 트리거 view_item를 선택해 주세요.

Step 6. 태그 설정을 마친 후 [저장] 버튼을 눌러주세요.

4-4. GA4 이벤트 - purchase 태그 만들기

Step 1. 구글 태그 관리자에서 [태그 > 새로 만들기] 버튼을 눌러주세요.

Step 2. 4-2 Step 2 ~ Step 5 과정과 아래 내용 그리고 이미지를 참고하여 항목을 설정하고 값에 추가 아이콘을 눌러주세요.

• 태그명: GA4 이벤트 - purchase

• 태그 유형: [Google 애널리틱스: GA4 이벤트]

• 구성 태그: GA4 구성

• 이벤트 이름: purchase

• 매개변수 이름: currency / items / transaction_id / value 총 4개 입력

Step 3. 매개변수 이름에 맞춰 변수를 선택해 주세요.

• 매개변수 이름, 값 정상 등록 화면

Step 4. 트리거 선택 아이콘을 선택해 주세요.

Step 5. 트리거 purchase를 선택해 주세요.

Step 6. 태그 설정을 마친 후 [저장] 버튼을 눌러주세요.

Step 7. 태그 4개를 모두 생성 후 [제출] 버튼을 눌러주세요.

Step 8. 버전 이름, 버전 설명을 입력하고 [게시] 버튼을 눌러주시면 됩니다.