Google Tag Manager settings: account, variable, tag, trigger, linking my blog(구글 태그관리자 설정 : 계정, 변수, 태그, 트리거, 내 블로그 연동)
 |
| 태그관리자 |
□ 구글 태그매니저 설정 내용
– 변수 : skip_ip_addr(자바스크립트 변수), 변수이름 : VAR_IP_ADDR
– 태그 : PUSH_ID_ADDR(맞춤 HTML, All Pages 트리거) VAR_IP_ADDR(Google 애널리틱스:유니버설 애널리틱스)
– 트리거 : PageView(창로드), GA
□ 구글 태그매니저 설정
구글 태그매니저는 구글에서 인터넷상의 인터페이스 웹분석, 광고 성과 측정 등 다양한 태그를 관리할 수 있도록 제공하는 서비스이다.
1. 구글검색에서 “구글태그매니저” 검색 후, “Google Tag Manager”를 클릭한다.
2. Google Tag Manager “계정 가입”은 구글애널리틱스에 가입을 했기 때문에 따로 가입을 하지 안하도 된다. 연동이 안되었다면 다음과 같이 계정 가입을 한다.
– “계정 만들기”를 클릭한다.
– 계정 설정 : “계정이름”을 입력하고, “국가”를 대한민국으로 선택한다. 계정이름은 본인이 기억하기 좋은 이름으로 한다.
– 컨테이너 설정 : “xxxxx.tistory.com”(내 티스토리 블로그)를 입력한다.
– 타깃 플랫폼 : “웹”을 선택한 후, 만들기를 클릭한다.
3. 태그매니저 계정이 만들어지면 “Google 태그 관리자 서비스 이용약관”이 나온다. “예”를 클릭한다.
4. 약관 동의가 끝나면, “google tag manager 설치를 위한 두 개의 코드”가 나온다.
– “내 블로그(티스토리) – 관리 – 스킨편집 – HTML”로 들어간다.
– 첫 번째 : 내 블로그(티스토리) – 관리 – 스킨편집 – HTML의 “<head>와 <head>” 사이에 붙여(Ctrl+c, Ctrl+v) 넣는다. 범용사이트태그인 “gtag.js” 다음에 넣는 것이 좋다. 가능한 높은 위치에 넣는다.
– 두 번째 : “<body>와 <body>”에 붙여 넣는다. 가능한 높은 위치에 넣는다.
– “적용”을 클릭한다.
5. 구글태그매니저로 다시 돌아와 태그 관리 설치 창 아래에 “확인”을 클릭한다.
6. 태그매니저 화면이 다음과 같이 나타난다. 왼쪽 메뉴의 “변수”를 클릭한다.
7. 변수 화면에서 아래의 “새로 만들기”를 클릭한다.
8. 변수 구성이 뜨면 “가운데 동그란 레고 모양”을 클릭한다.
9. 변수 유형선택이 나타난다. 변수 유형 중에 “자바스크립트 변수”를 클릭한다.
10. 변구구성 창이 나오면, 전역 변수 이름에 “skp_ip_addr”를 소문자로 입력하고, 오른쪽 상단에 “저장”을 클릭한다.
11. 변수 이름 변경 창이 뜨면, 변수 이름에 “VAR_IP_ADDR”를 입력 후, “저장”을 클릭한다.
12. 변수이름이 완료되었으면, 왼쪽 메뉴의 “태그”를 클릭하고, “새로 만들기”를 클릭한다.
13. 태그 구성이 뜨면 “가운데 동그란 레고 모양”을 클릭한다.
14. 태그 유형선택이 나타난다. 변수 유형 중에 “맞춤 HTML”를 클릭한다.
15. 태그 구성 맞춤 HTML 화면 창이 뜨면, HTML에 아래의 “빨간색 박스 안의 첨부파일(아래 첨부파일 참조) 내용을 Copy/붙여 넣고”, “고급설정”을 클릭한다.
16. “고급설정”을 클릭하면, 태그 실행 우선순위에 “300”을 입력하고, 다음 아래 “트리거” 박스의 중앙 “원모양 아이콘”을 클릭한다.
17. 트리거 선택 창이 나오면, “All Pages”를 클릭한다.
18. 태그 구성 창이 나오면, 오른쪽 윗 상단의 “저장”을 클릭한다.
19. 태그 이름 변경 창이 뜨면, “PUSH_ID_ADDR”을 입력한 후, “저장”을 클릭한다.
20. 다시 왼쪽 메뉴에서 “트리거”를 클릭하여, 오른쪽 상단에 “새로 만들기”를 클릭한다.
21. “중앙 원고리 모양”을 클릭한다.
22. 트리거 유형 선택 창에서 “창 로드”를 클릭한다.
23. 트리거 구성 창이 나오면, 오른쪽 상단 “저장”을 클릭한다.
23. 트리거 이름 변경 창이 뜨면, 트리거 이름을 “PageView”을 입력한 후, “저장”을 클릭한다. 저장 이후에 트리거 “PageView”가 생성된 것을 확인할 수 있다.
23. 다시 왼쪽 메뉴에서 “태그”를 클릭하여, 오른쪽 상단에 “새로 만들기”를 클릭한다.
24. “중앙 원고리 모양”을 클릭한다.
24. 태그 유형 선택 창이 뜨면, “Google 애널리틱스 : 유니버설 애널리틱스”를 선택한다.
25. 태그 구성 선택 창이 뜨면, “이 태그의 설정 재정의 사용” 체크박스를 클릭한다.
26. “이 태그의 설정 재정의 사용” 체크박스를 클릭하면 “추적 ID 입력”란에 애널리틱스의 “추적 ID”를 Copy 하여 붙여 넣는다.
– 추적 ID 복사 : “애널리틱스 – 속성 만들기 – 추적코드”에서 “추적 ID”를 복사
26. 기타 설성 : 추적 ID 밑에 있는 “기타 설정 – 맞춤측정기준 – 지수 – 맞춤측정기준”에서 “지수”와 “측정기준 값”을 입력한다.
– 지수 : 1(애널리틱스에서 나왔던 지수 값)
– 측정기준 값 : 오른쪽 블록 모양을 클릭한 후, “VAR_IP_ADDR”을 선택한다.
– 지수와 측정기준 값을 입력하면, 맞춤 측정 기준 입력이 완료되었다.
27. 기타 설성이 완료되면, 아래에 “트리거 박스 중앙”에 원고리 모양의 아이콘을 클릭한다.
28. 트리거 선택 창에서 맨 아래의 마지막 “PageView”를 클릭하고, 태그 구성과 트리거 설정까지 완료되면 오른쪽 상단에 “저장”을 클릭한다.
29. 태그 이름 변경 창이 뜨면, 태그 이름에 “GA”를 입력한 뒤, “저장”을 클릭한다.
30. 태그 설정이 완료되면, 화면 상단에 파란 박스에 “제출”을 클릭한다.
31. 변경 사항 제출 창이 나오면, 오른쪽 상단에 “게시”를 클릭한다.
32. 컨테이너 버전 설명 창이 나오면, 오른쪽 아래 “건너뛰기”를 클릭한다.
32. 태그 버전을 만드는 동안 잠시 기다리면, 모든 설정이 완료된다.
33. 모든 설정이 완료되면, 아래와 같은 화면이 나온다. 꽤 복잡한 과장 같지만 하나의 과정을 몇 번 반복하기 때문에 그리 어렵지 않다.
