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

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

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

2. 변수 만들기

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

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

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

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

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

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

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

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

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

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

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 트리거가 만들어진 화면 ]

Step 5. Step 1 ~ Stetp 4 과정을 반복하여 트리거 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를 선택해 주세요. (트리거 선택 아이콘이 보이지 않는다면, Initialization - 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. 측정 ID에 구글 애널리틱스 추적 ID를 입력하시고, 이벤트 이름에 add_to_cart를 입력해 주세요.

Step 5. 이벤트 매개변수에서 매개변수 추가 버튼을 눌러주세요.

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

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

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

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

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

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

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

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

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

• 태그명: GA4 이벤트 - view_item

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

• 구성 태그: GA4 구성

• 이벤트 이름: view_item

Step 3. 이벤트 매개변수에서 매개변수 추가 버튼을 누르고, 매개변수 이름에 items를 입력해 주세요. 이어서 값에서 추가 아이콘을 눌러주세요.

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

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

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

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

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

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

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

• 태그명: GA4 이벤트 - purchase

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

• 구성 태그: GA4 구성

• 이벤트 이름: purchase

Step 3. 이벤트 매개변수에서 매개변수 추가 버튼을 4번누르고, 매개변수 이름에 currency / items / transaction_id / value 총 4개를 입력해 주세요.

Step 4. 값에 추가 버튼을 누르고, 매개변수 이름에 맞춰 변수를 선택해 주세요.

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

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

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

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

4-5. 생성된 태그 제출하기

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

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