본문 바로가기
돈버는 방법

구글 애널리틱스 연결 (무효 클릭 IP 추적, 티스토리 최적화)

by 경자의 꿈 2021. 8. 3.

구글 애널리틱스 연결 

오늘은 지난번 구글 애널리틱스 가입방법에 이어서 구글 애널리틱스를 나의 블로그와 연결하는 방법에 대해서 알아보겠습니다. 

 

구글 애널리틱스와 블로그를 연결하는 방법은 굉장히 복잡하기 때문에 아래 그림과 설명을 잘 따라오셔서 진행하시길 바랍니다.

구글 애널리틱스 연결

복잡하더라도 본인의 애드센스 계정을 지키기 위해서는 반드시 구글 애널리틱스와 태그 매니저를 연동시켜야 합니다. 무효클릭이 많이 발생하면 계정 정지까지 발생할 수 있기 때문에 꼭 구글 애널리틱스와 티스토리 블로그를 연동시켜 놓으세요. 

 

구글 애널리틱스 계정이 없으시면 이전 포스팅을 참고하셔서 계정 생성 먼저 하신 후에 아래 절차를 따라하시기를 권고드립니다. 

 

1. 구글 애널리틱스 (홈페이지 접속)

지난번 포스팅 대로 구글 애널리틱에 가입하기 위해서는 구글 아이디가 필수 입니다.필수입니다. 그리고 애널리틱스 계정을 만드는 것도 필수입니다.

구글 애널리틱스 홈페이지(https://analytics.google.com/)에 접속하시면 아래와 같은 페이지가 뜨게 됩니다.

구글 애널리틱스

 

2. 맞춤 측정기준 생성

페이지 좌측 하단의 톱니바퀴 모양의 (1) 설정 버튼을 클릭합니다. 그리고 (2) 맞춤 측정 기준을 선택합니다.

그리고 (3) 새 맞춤 측정기준을 선택합니다.

구글 애널리틱스 연결

 

(4) 새 맞춤측정 기준 이름에 'IP addr'이라고 기입한 후, (5) 만들기 버튼을 클릭합니다. 

구글 애널리틱스 연동

 

위의 절차를 완료하면 (6) 자바스크립트가 생성이 됩니다. 이 코드는 중요한 정보이므로 노출되어서는 안 됩니다.

구글 애널리틱스

 

그리고 완료 버튼을 누르면 다음 페이지로 넘어가게 되는데 이때 (7)과 같이 지수는 1 상태는 사용 중이라는 표시가 나와야 합니다. 위의 절차를 통해서 만든 IP addr의 맞춤 측정기준이 생성이 되었습니다.

 

구글 애널리틱스

 

3. 티스토리 블로그에 추적 코드 삽입

구글 애널리틱스에서 추적코드 항목을 선택하면 (9) 범용 사이트 태그(웹사이트 추적) 코드가 생성이 돼있을 겁니다. 이 코드를 본인의 티스토리 블로그> 스킨 편집> HTML 편집에 들어가셔서 <head> 밑에 붙여 넣기를 하시면 됩니다.

구글 애널리틱스

 

4. 태그 매니저 홈페이지

티스토리 블로그에 (9) 코드 입력을 완료했다면 티스토리 블로그에서 저장을 누르고 새로고침 버튼을 클릭합니다.

그리고 태그매니저 홈페이지로 이동합니다. 

태그 관리자 페이지에서 (11) 계정 만들기 버튼을 클릭합니다.

구글 태그매니저

계정만들기 항목에 들어간 후에 (12) 계정 이름, 국가(대한민국)를 선택하고 (13) 컨테이너 이름에 본인의 티스토리 블로그 주소를 넣으시면 됩니다.

그리고 (14) 타깃 플랫폼은 웹을 선택하신 후에 만들기 버튼을 누르시면 됩니다.

구글 태그매니저

 

5. 구글 태그 관리자 설치

위의 (14) 번까지 완료하신 후에 만들기를 누르면 아래와 같이 (15), (16) 번의 코드가 나타나게 됩니다.

이제 이 코드를 다시 본인의 티스토리 블로그> 스킨 편집> HTML 편집에 들어가셔서 (15) 번 코드는 <head> 밑에 붙이시고, (16) 번 코드는 <body> 바로 뒤에 붙여 넣기를 하시면 됩니다.

 

구글 태그매니저

 

6. 변수 입력

다시 태그 관리자로 돌아가서 왼쪽에 (17) 변수 항목을 선택합니다. 그리고 (18) 새로 만들기 버튼을 누릅니다.

구글 태그매니저

 

그러면 아래와 같이 변수 구성 항목이 뜨게 되는데 가운데를 블록을 클릭합니다. 그리고 변수 유형 선택 항목에서 (19) 자바스크립트 변수를 선택합니다.

구글 태그매니저

 

이후 변수 구성 창이 뜨게 되는데 (20) 전역 변수 이름에 'skp_ip_addr'을 입력하고 저장을 누르면 변수 이름 변경 창이 나타납니다. 이때 (21) 변수 이름은 'VAR_IP_ADDR'이라고 입력하시면 됩니다.

구글 태그매니저

 

7. 첫 번째 태그 생성 

다시 태그 관리자 페이지로 돌아갑니다. 그리고 좌측에 (22) 태그 항목을 선택한 후 (23) 새로 만들기 버튼을 클릭합니다.

구글 태그매니저

새로만들기 페이지에 들어가면 태그 구성과 트리거 2가지 항목이 있는데 태그 구성을 클릭하면 아래와 같은 페이지가 나타납니다.

 

구글 태그매니저

 

그리고 태그 유형 선택에서 (24) 맞춤 HTML을 선택하면 아래와 같은 창이 나타나는데 여기에 코드를 입력해야 합니다. 

(25) HTML에 아래의 입력합니다.

*코드

<script type="application/javascript">
function getIP(json) {
skp_ip_addr = json.ip;
}
</script>
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>

그리고 고급설정에서 (26) 태그 실행 우선순위에 숫자 '300'을 입력합니다. 

 

구글 태그매니저

 

이어서 태그 구성 밑에 트리거 항목을 선택합니다. 트리거 선택에서 (26) All Pages를 선택합니다.

구글 태그매니저

그리고 우측 상단의 저장 버튼을 누르면 태그 이름 변경 창이 뜨는데 여기 태그 이름에 'PUSH_IP_ADDR'이라고 입력하시면 됩니다.

구글 태그매니저

 

8. 트리거 생성

다시 태그 관리자 페이지로 이동합니다. 좌측의 메뉴에서 (27) 트리거 항목을 선택하고 (28) 새로 만들기 버튼을 누릅니다.

구글 태그매니저

 

트리거 유형 선택에서 (29) 창 로드를 선택하고 (30) 트리거 이름은 'PageView'라고 넣으시면 됩니다.

구글 태그매니저

9. 두 번째 태그 생성

다시 태그 관리자에서 태그 항목을 선택합니다. 그리고 (31) 새로 만들기 버튼을 누릅니다.

구글 태그매니저

태그 유형 선택에서 (32) Google 애널리틱스 : 유니버설 애널리틱스를 선택하고, (33) 추적 ID를 입력합니다. 추적 ID는 본인의 구글 애널리틱스 추적ID (10)을 입력하시면 됩니다.

그리고 (34) 기타 설정을 눌러서 맞춤 측정기준 지수에 1을 측정기준 값에는 위에서 생성한 'VAR_IP_ADDR'을 입력합니다.

구글 태그매니저

 

그리고 트리거 가운데 그림을 클릭하신 후에 PageView(창 로드) 항목을 선택합니다. 그리고 저장 버튼을 누르고 이름을 'GA'라고 입력한 후에 게시 버튼을 클릭하면 됩니다.

그러면 컨테이너 버전 설명이라는 창이 뜨는데 이 때는 그냥 '건너뛰기' 버튼을 누르시면 됩니다.

 

구글 태그매니저

마지막으로 버전 2를 확인하면 되는데 버전 항목에 태그(2), 트리거(1), 변수(6)가 나왔으면 정상적으로 마무리가 된 것입니다.

구글 태그매니저

 

10. 구글 애널리틱스 확인

구글 애널리틱스로 돌아가서 좌측 메뉴> 행동> 게시자> 게시자 페이지(35)를 선택하고, (36) 보조 측정기준을 IP addr을 입력하면 구글 애널리틱스와 태그 매니저 설정이 끝나게 됩니다.

구글 애널리틱스

 

오늘은 구글 애널리틱스 연결 방법에 대해서 알아봤습니다. 실제적으로는 구글 애널리틱스와 태그 매니저를 이용하여 티스토리 블로그에 연동하는 작업이 있는데요. 참 복잡하고 이걸 만든 사람들이 대단하다고 느껴지네요.

 

오늘 포스팅을 잘 따라오셔서 설정을 마쳤다면 여러분은 무효클릭 IP를 추적하여 신고를 할 수 있게 됩니다. 마지막 무효클릭 IP를 추적하는 방법에 대해서는 다음 포스팅에서 작성해보도록 하겠습니다.

댓글