• 개발자 가이드
  • SDK Integration
  • Web SDK

Google Tag Manager 설정하기 - Web SDK

Google 태그 관리자를 이용한 SDK 설치

이 문서는 Google 태그 관리자를 통해 에어브릿지 Web SDK를 설치하는 방법에 대해 설명합니다.

에어브릿지 Web SDK의 설치와 이벤트 전송에 관한 설명은 Web SDK 설치하기, 웹 이벤트 전송하기를 참고해 주세요.

Web SDK 설치하기

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

  2. 태그 구성 → 태그 유형 선택 → 맞춤설정 → 맞춤 HTML을 선택합니다.

  3. HTML 편집기에 Web SDK 설치 스크립트를 작성해 주세요.

  4. Web SDK 의 init 함수는 다른 함수보다 먼저 실행해야 합니다. 고급 설정에서 태그 실행 우선순위를 0보다 큰 숫자(예: 9999)로 입력해 주세요.

  5. Web SDK 의 init 함수는 한 번만 실행해야 합니다. 고급 설정에서 태그 실행 옵션페이지당 한 번으로 선택해 주세요.

  6. 트리거를 클릭하여 유형DOM 사용 가능인 트리거를 선택해 주세요.

    1. 기존에 만들어진 트리거가 없다면 + 버튼을 눌러 페이지뷰 → DOM 사용 가능을 선택해 트리거를 생성해 주세요.

  7. 저장을 눌러 태그를 생성합니다.

  8. 제출을 눌러 변경 사항을 반영합니다.

  9. 에어브릿지 대시보드에서 웹 이벤트 실시간 로그가 발생하는지 확인합니다.

이벤트 추적하기

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

  2. 태그 구성 → 태그 유형 선택 → 맞춤설정 → 맞춤 HTML을 선택합니다.

  3. HTML 편집기에 Web SDK 이벤트 전송 스크립트를 작성해 주세요.

  4. 이벤트가 발생하는 상황에 따라 고급 설정에서 태그 실행 옵션무제한, 이벤트당 한 번 또는 페이지당 한 번으로 선택해 주세요.

  5. 트리거를 클릭하여 이벤트가 발생하는 상황에 맞는 트리거를 선택해 주세요.

  6. 저장을 눌러 태그를 생성합니다.

  7. 제출을 눌러 변경 사항을 반영합니다.

  8. 에어브릿지 대시보드에서 웹 이벤트 실시간 로그가 발생하는지 확인합니다.