Google Tag Manager 설정하기 - Web SDK

Google Tag Manager 를 통해 SDK 를 활용합니다.

설치와 이벤트 추적에 관련된 설명은 Web SDK 설치하기, 웹 이벤트 전송하기을 참고해주세요.

아래와 같은 단계를 거쳐 Google Tag Manager를 활용한 SDK 설치를 하실 수 있습니다.

1. '작업공간 개요'에서 새 태그를 클릭합니다. 또는 컨테이너에 태그 > 새로 만들기를 선택합니다.

2. '태그 구성'을 클릭하고, '맞춤설정'의 '맞춤 HTML'을 선택합니다.

3. 아래 사진과 같이 'HTML' 부분에 설치 코드를 작성해 주세요.

4. init 함수는 이벤트 함수보다 먼저 실행되어야 하기 때문에, '태그 구성'의 '고급 설정'에서 '태그 실행 우선순위'을 선택하여 0보다 큰 숫자(예:9999)를 입력해 줍니다.

5. '태그 구성'의 '고급 설정'에서 '태그 실행 옵션'을 선택하여 '페이지당 한 번'을 선택해 줍니다.

6. '트리거'를 클릭하고 '페이지뷰 - DOM 사용 가능(Pageview - DOM Ready)' 유형의 트리거를 선택합니다.

7. 태그 생성을 완료하고 제출 버튼을 누릅니다.

8. 대시보드에서 WEB SDK 로그가 기록되는지 확인합니다.

아래와 같은 단계를 거쳐 Google Tag Manager를 활용한 이벤트 추적을 하실 수 있습니다.

1. 컨테이너에서 작업공간 > 개요 > 새 태그를 클릭합니다. 또는 작업공간 > 태그 > 새로 만들기를 클릭합니다.

2. 태그 구성을 클릭하고, 태그 유형 선택에서 맞춤설정의 맞춤 HTML을 선택합니다.

3. 아래 사진과 같이 HTML 편집기에 이벤트 추적 스크립트를 작성해 주세요.

4. 고급 설정의 태그 실행 옵션에서 이벤트가 발생하는 상황에 따라 무제한, 이벤트당 한 번 또는 페이지당 한 번을 선택할 수 있습니다.

5. 트리거를 클릭하여 트리거 선택에서 이벤트에 맞게 설정해주세요.

6. 저장 버튼을 클릭하여 태그 생성을 완료하고 제출 버튼을 클릭하여 버전을 게시합니다.

7. 에어브릿지 대시보드에서 웹 이벤트 실시간 로그가 기록되는지 확인합니다.