구글 태그 매니저 사용법

구글 태그 매니저 사용법

개념

크게 세가지로 분류 할 수 있으며 각 역할은 아래와 같습니다.

• 태그
  태그유형을 Google Analytics로 설정을 한다면 태그가 동작하면 Google Analytics로 추적을 보낸다는 뜻으로 이해 하면 된다. GA로 이벤트를 전송한다면 아래와 같이 구성할 수 있으며 각 는 변수로정의된 값이 들어간다고 생각하면 된다.

  - 태그 이름: 임의 지정
  - 태그 유형: 유니버설 애널리틱스
  - 추적 ID : 
  - 카테고리 : 
  - 작업 : 
  - 라벨 : 

• 트리거
  트리거는 태그를 처리하기 위한 조건으로 생각하면 됩니다.아래의 예제에서는 “통계발송”이라는 트리거를 만들고 html 소스단에서 dataLayer.push(..)를 통해 이벤트를 발생 시키는 예제 입니다. 가령 dataLayer.push({‘event’:’TestEvent’, ‘eventCategory’:’상담’,’eventAction’:’통계이벤트’, ‘eventLabel’:’Bong.Test Statics’})로 메시지를 발송했을 때 트리거가 작동하게 됩니다. 트리거 구성 예는 다음과 같습니다.

 - 트리거 이름: 통계 발송
 - 트리거 유형: 맞춤 이벤트
 - 이벤트 이름: 'TestEvent'

• 변수
  변수는 태그 및 트리거에서 사용하기 위한 변수로 위의 예제에서는 아래와 같이 정의하면 됩니다.

 - 변수 이름: event_category 
 - 변수 유형: 데이터 영역 변수
 - 데이터 변수 이름: eventCategory
 
 - 변수 이름: event_action 
 - 변수 유형: 데이터 영역 변수
 - 데이터 변수 이름: eventAction 
 
 - 변수 이름: event_label 
 - 변수 유형: 데이터 영역 변수
 - 데이터 변수 이름: eventLavel

• 페이지에서 아래와 같이 스크립트를 작성하여 테스트 하는 경우 GA에서 이벤트가 수집 되는 것을 확인할 수 있습니다.

window.dataLayer.push({'event':'TestEvent', 'eventCategory':'T1', eventAction':'T1.Action', 'eventLabel':'Bong.Test'});
# 발송 완료1
window.dataLayer.push({'event':'TestEvent', 'eventCategory':'T2', eventAction':'T2.Action', 'eventLabel':'Bong.Test'});
# 발송 완료2
window.dataLayer.push({'event':'TestEvent', 'eventCategory':'T3', eventAction':'T3.Action', 'eventLabel':'Bong.Test'});
# 발송 완료3
window.dataLayer.push({'event':'TestEvent0', 'eventCategory':'T4', eventAction':'T4.Action', 'eventLabel':'Bong.Test'});
# 발송 실패(event 값이 'TestEvent'여야 함)
window.dataLayer.push({'event':'TestEvent', 'eventCategory':'T5', eventAction':'T5.Action', 'eventLabel':'Bong.Test'});
# 발송 완료5