구글 태그 매니저 ( 2 ) [ 태그 - 트리거 - 변수 ] 쉽 게 이해 하 기 - Readmktbooks 
 Readmktbooks / Analytics / 구글 태그 매니저 ( 2 ) [ 태그 - 트리거 - 변수 ] 쉽 게 이해 하 기 
 구글 태그 매니저 ( 2 ) [ 태그 - 트리거 - 변수 ] 쉽 게 이해 하 기 
 구글 태그 매니저 를 사용 하 기 위해서 는 가장 먼저 [ 태그 - 트리거 - 변수 ] 를 알 아야 합니다 . 
 이번 글 에서 는 GTM 을 처음 접하 는 사람 에게 는 아직 생소 할 수 있 는 [ 태그 - 트리거 - 변수 ] 의 관계 가 최대한 쉽 게 이해 될 수 있 도록 설명 드리 려고 합니다 . 
 GTM 계정 구조 이해 하 기 
 GTM 계정 구조 : 계정 - 컨테이너 – [ 태그 - 트리거 - 변수 ] 
 쉽 게 이해 하 기 위해 GA 의 계정 구조 인 계정 - 속성 - 보 기 와 비슷 하 다고 생각 하 시 면 됩니다 . GA 의 속성 에 해당 하 는 것 이 GTM 컨테이너 이 고 , GA 의 보 기 에 해당 하 는 것 이 GTM 의 [ 태그 - 트리거 - 변수 ] 부분 이 라고 생각 하 시 면 됩니다 . 
 GA 계정 구조 : 계정 - 속성 – 보 기 
 계정 : 브랜드 단위 ex ) 나이키 / 아디 다스 2 개 의 계정 
 계정 하위 단위 속성 : 속성 단 에서 스크립트 가 발급 된다 . PC / 모바일 / 앱 인 경우 계정 에서 발급 하 는 스크립트 를 넣 게 되 어 있 는데 채널 세 개 니까 스크립트 가 3 개 필요 . 속성 은 3 개 추적 하 는 채널 의 수 가 속성 . 
 속성 의 하위 단위 보 기 : 레포트 이 다 . 스크립트 를 통해서 데이터 를 끌 고 온다 . 잠재 고객 , 획득 채널 , 행동 , 전환 이 라는 보고서 를 통해서 데이터 를 보여준다 . 
 100 개 의 계정 생성 가능 , 계정 하나 당 속성 은 50 개 , 속성 하나 당 25 개 의 보 기 
 GTM 의 [ 태그 - 트리거 - 변수 ] 란 ? 
 태그 : 명령 
 트리거 : 행동 
 변수 : 행동 ( 트리거 ) 이 가해 지 는 당사자 
 예 를 들 어 ‘ 검정 패딩 을 입 은 사람 이 성 수역 에서 내리 면 인사 를 해 주 자 . ’ 라고 했 을 때 , 
 변수 는 ‘ 성 수역 에서 내린다 ’ 라는 트리거 ( 행동 ) 가 가해 지 는 당사자 인 ‘ 검정 패딩 을 입 은 사람 ’, 
 트리거 는 ‘ 성 수역 에서 내린다 ’ 라는 행동 , 
 태그 는 ‘ 인사 를 해준다 ’ 라는 명령 이 해당 됩니다 . 
 ‘ 누군가 가 구독 하 기 파란색 버튼 을 클릭 하 면 해당 데이터 를 GA 로 보낸다 . ’ 라고 한다면 , 
 변수 는 ‘ 클릭 하 면 ’ 이 라는 트리거 ( 행동 ) 가 가해 지 는 당사자 인 ‘ 구독 하 기 파란 버튼 ’, 
 트리거 는 ‘ 클릭 하 면 ’ 이 라는 행동 , 
 태그 는 ‘ 데이터 를 GA 로 보낸다 ’ 라는 명령 이 됩니다 . 
 태그 는 명령 
 현재 이 글 에서 는 GTM 과 GA 를 연동 하 여 사용 하 는 방법 을 설명 하 고 있 기 때문 에 태그 의 명령 을 ‘ 데이터 를 GA 로 보낸다 ’ 라고 설정 했 지만 이 는 다른 여러 가지 명령 중 하나 에 불과 합니다 . 
 GA 외 에 도 다른 구글 상품 을 연계 하 여 자동 화 액션 을 취하 게끔 만들 수 도 있 습니다 . 
 태그 란 구글 과 같 은 제 3 자 에게 정보 를 전송 하 는 자바 스크립트 코드 를 말 합니다 . 
 GTM 을 이용 해서 쉽 게 태그 를 추가 하 는 방법 이 있 고 , 아니 라면 자바 스크립트 코드 를 사이트 의 소스 코드 에 직접 추가 해야 합니다 . GTM 에서 는 태그 별 템플 릿 을 통해 태그 를 배치 할 수 있 습니다 . 
 https : / / support . google . com / tagmanager / answer / 3281060 ( 출처 : 태그 정보 ) 
 GTM 은 추적 코드 게시 를 간소 화 하 고 오류 를 없애 는 데 도움 이 되 는 강력 한 태그 템플 릿 시스템 을 갖추 고 있 습니다 . Google 애널리 틱 스 , 애드워즈 , DoubleClick 등 Google 태그 를 위한 템플 릿 외 에 도 점점 늘어나 는 인증 된 공급 업체 의 태그 템플 릿 도 지원 합니다 . 템플 릿 을 사용 하 려면 템플 릿 을 선택 하 고 필요 한 세부 정보 를 입력 합니다 . 그러 면 Google 태그 관리자 에서 자동 으로 정확 한 코드 를 생성 하 고 사용 자 가 지정 한 트리거 를 이용 하 여 태그 를 실행 합니다 . 
 트리거 는 행동 
 트리거 는 행동 입니다 . 그리고 태그 매니저 인터페이스 에서 는 이벤트 와 필터 라는 것 으로 그 행동 을 정의 하 게 됩니다 . 내 가 추적 하 려는 그 행동 을 컴퓨터 가 알아들 을 수 있 게 풀 어 쓴다면 ‘ 이런 이런 특정 조건 ( 변수 / 당사자 ) 의 이런 이런 사용자 의 상호 작용 ( 행동 / 트리거 ) ’ 을 추적 해 줘 ( 명령 / 태그 ) ’ 가 되 겠 죠 . 이런 이런 사용자 의 상호 작용 이 이벤트 를 말 하 고 , 이런 이런 특정 조건 이 필터 라고 생각 하 시 면 됩니다 . 
 ‘ example . com / cart . html 페이지 에서 cart - add 버튼 ( 행동 이 가해 지 는 당사자 / 특정 조건 / 변수 : 필터 로 설정 ) 을 클릭 ( 행동 / 트리거 : 이벤트 ) 한 것 을 추적 해 줘 ’ 
 태그 - 트리거 - 이벤트 - 필터 
 트리거 는 런타임 시에 true or false 를 판단 하 는 조건 입니다 . 태그 에 연결 된 트리거 는 태그 가 언제 작동 될지 관장 합니다 . 태그 가 작동 되 기 위해서 는 적어도 하나 의 트리거 를 가지 고 있 어야 만 합니다 . 
 트리거 는 하나 의 이벤트 와 하나 이상 의 필터 로 구성 되 어 있 습니다 . 각각 의 필터 는 [ Variable ] [ Operator ] [ Value ] 폼 을 가집니다 . 
 Trigger types 와 이벤트 
 태그 관리자 에서 모든 태그 실행 은 이벤트 기반 입니다 . 태그 관리자 가 이벤트 를 등록 할 때 마다 컨테이너 의 트리거 가 평가 되 고 이 에 따라 태그 가 실행 됩니다 . 이벤트 가 발생 하 지 않 으면 태그 는 실행 될 수 없 습니다 . 
 이벤트 는 페이지 뷰 , 버튼 클릭 , 양식 제출 또는 사용 자 가 정의 한 사용 자 정의 이벤트 일 수 있 습니다 . 태그 관리자 에 는 6 가지 기본 제공 이벤트 유형 ( built - in event types ) 과 맞춤 이벤트 ( custom event ) 옵션 이 있 습니다 . 트리거 를 설정 하 는 첫 번 째 단계 는 트리거 와 연관 된 이벤트 유형 을 선택 하 는 것 입니다 . 기본 제공 이벤트 ( built - in event ) 는 다음 과 같 습니다 . 
 Pageview / Clicks / Element visibility / Form submission / History change / JavaScript error / Scroll depth / Timer / Custom events / Youtube Video 
 변수 와 값 
 클릭 이 라는 행동 ( 트리거 ) 이 가해 지 게 될 변수 를 지정 할 때 에 는 구독 하 기 라는 파란색 버튼 이 라고 이야기 하 면 GTM 은 이 를 알아듣 지 못합니다 . 따라서 GTM 이 알아들 을 수 있 는 언어 로 변수 를 정확히 지정 해 줄 필요 가 있 습니다 . 이 를 위해서 는 변수 와 값 에 대한 이해 가 있 어야 합니다 . 
 각각 의 변수 에 는 매칭 되 는 값 이 있 습니다 . 
 즉 우리 가 어떤 요소 를 지정 할 때 변수 와 값 을 어떻게 지정 해 주 느냐 에 따라서 GTM 이 우리 가 요구 하 는 요소 를 정확 하 게 알 아 듣 습니다 . 
 예 를 들 어 교실 의 50 명 을 구분 해 줄 수 있 는 가장 쉬운 변수 로 는 이름 , 전화 번호 , 주민 등록 번호 같 은 것 이 될 수 있 습니다 . 50 명 은 이름 , 전화 번호 , 주민 번호 와 같 은 변수 에 대해 각각 서로 다른 이름값 , 전화 번호 값 , 주민 번호 값 을 가지 게 됩니다 . 
 ‘ 네이버 로고 를 클릭 하 면 우리 GA 로 받 아 볼게요 ’ 라는 태그 를 날린다고 했 을 때 , 클릭 요소 ( 변수 ) 에 매칭 되 는 값 을 알아내 야 합니다 . GTM 이 알아들 을 수 있 는 변수 와 값 을 알아내 기 위한 방법 은 아래 와 같 습니다 . 
 로고 에다 커서 를 대 고 우측 버튼 을 클릭 한 다음 ‘ 검사 ’ 클릭 . 
 변수 : CLASS / 값 : naver _ logo 
 이 처럼 태그 와 트리거 와 변수 의 관계 를 이해 하 면 GTM 은 어렵 지 않 습니다 . 
 구글 태그 매니저 – Element Visibility 2018 년 4 월 2 일