구글 태그 관리자(GTM)를 이용하여 내 웹사이트(블로그 등) 방문자 IP 주소 수집하는 방법

 

지난 포스팅에서 구글 태그 관리자(GTM)를 이용하여 스크롤 트리거 및  맞춤 HTML 태그 생성 방법에 대해 알아보았습니다. 이번 포스팅에서는 내 웹사이트나 블로그를 방문한 사람들의 아이피주소를 수집하는 방법에 대해 알아봅니다. 방문자 IP수집이 필요한 이유는 여러가지가 있는데 그중에 가장 많이 사용되는 영역은 구글 애드센스 광고를 대행하고 있을 경우 부정클릭에 따른 방문자 IP 식별이 필요할 때 많이 활용됩니다. 

방문자 IP주소 수집 절차

1. IP 수집을 위한 변수 생성

2. IP 수집을 위한 태그 생성

3. IP 수집을 위한 트리거 생성

4. 구글 애널리틱스 맞춤 이벤트 설정

5. 맞춤 보고서 생성

구글 태그 매니저 IP 수집을 위한 변수 생성

1. 구글 태그 매니저 웹사이트에 로그인합니다.

2. 작업공간 > 변수메뉴를 선택 후 "새로 만들기" 버튼을 클릭합니다.

3. 변수 이름을 지정합니다. (VAR_IP)

4. 변수 구성 영역을 클릭 후 페이지 변수 중에 "자바스크립트 변수"를 선택합니다.

5. "전역 변수 이름"을 지정합니다. ( TRACKING_IP_ADDR ) 

6. 저장 버튼을 클릭하여 변수 설정을 마무리합니다. 다음 작업은 태그 생성 입니다.

IP 수집을 위한 태그 생성

7. 작업공간 > 태그 메뉴를 선택 후 "새로 만들기" 버튼을 클릭합니다.

8. 태그 유형 선택 레이어 팝업이 나타나면 맞춤 HTML을 선택합니다.

9. HTML 태그 란에 아래 IP수집을 위한 자바스크립트를 추가해줍니다.

<script type="application/javascript">

function getIP(json) {

     TRACKING_IP_ADDR = json.ip;  //TRACKING_IP_ADDR은 Google Tag Manager에서 사용자 정의 변수로 추가한 전역변수 입니다.

}</script>

<script type="application/javascript" src="https://api64.ipify.org?format=jsonp&callback=getIP"></script>

 - https://www.ipify.org 웹사이트에서 제공하는 Javscript API를 통하여 IP 정보를 수집합니다. (선택사항)

10. 고급 설정에서 "태그 실행 우선순위" 값을 설정합니다. 

11. 태그 실행 옵션은 "이벤트당 한 번"을 선택하세요.

12. 트리거 영역을 클릭 후 "All Pages" 트리거를 선택합니다.

13. 저장 버튼을 클릭해서 태그 생성을 마무리합니다.

IP 수집을 위한 트리거 생성하기

14. 작업공간 > 트리거 메뉴 클릭 > "새로 만들기" 버튼을 클릭합니다.

15. 트리거 이름을 지정하고, 트리거 유형 중 페이지뷰의 "창 로드" 를 선택합니다.

16. 트리거 실행 조건으로 "모든 창 로드 이벤트" 를 선택 후 "저장" 합니다.

태그매니저에서 애널리틱스로 정보를 전달할 태그 생성하기

이제 우리는 태그매니저에서 애널리틱스로 정보를 전달하기 위한 태그 2개를 만들어야 합니다. 그 중에 가장 핵심인 GA4 구성 (Configuration) 태그를 먼저 만들고, 구글 애널리틱스 이벤트 태그를 만들어갑니다.

1. 작업공간 > 태그 메뉴를 선택 후 "새로 만들기" 버튼을 클릭합니다.

2. 태그 이름을 지정합니다. (IP_CHECK_GA4_CONFIG_TAG)

3. 태그 구성을 클릭하여 태그 유형으로 Google 애널리틱스: GA4 구성을 선택합니다. 

4. 측정 ID에는 애널리틱스4의 추적 ID를 입력합니다. 추적아이디를 모르시는 경우 애널리틱스4 추적ID 찾는 방법을 확인하세요.

5. "이 구성이 로드될 때 페이지 조회 이벤트 전송" 체크 해제합니다.

페이지뷰를 위한 이벤트를 별도로 설정할 것이기 때문에, 페이지뷰 중복집계를 방지하기 위해서는 체크를 해제합니다.

6. 트리거 실행 조건으로 "PageView_windowLoad"를 선택 후 우측 상단 "저장" 버튼을 클릭합니다.

잘 따라오고 계시죠? 이제 두번째 태그를 만들어봅시다. 방문자가 블로그의 페이지를 방문했을 때 애널리틱스4에서 이벤트가 발생하도록 태그를 하나 더 만들어야 합니다. 

7. 태그 새로만들기 버튼을 클릭합니다.

8. 태그 이름을 지정합니다. (IP_CHECK_GA4_EVENT_PAGE_VIEW_TAG)

9. 태그 구성을 클릭하여 태그 유형으로 Google 애널리틱스: GA4 이벤트를 선택합니다. 

10. 구성 태그는 좀전에 위에서 만든 "IP_CHECK_gA4_CONFIG_TAG"를 선택합니다.

11. 페이지뷰를 집계하기 위한 이벤트의 이름에는 page_view를 입력합니다. page_view는 애널리틱스4에서 기본적으로 집계하는 페이지뷰 이벤트의 이름이며, 동일한 이름을 태그매니저에서 사용하면 접속시각이나 IP 주소 등의 정보가 같은 이벤트 내의 다른 파라미터들 안에 저장되므로 편리합니다.

12. 이벤트 매개변수와 사용자 속성을 추가해줍니다.

매개변수 이름과 속성이름은 본인이 식별가능한 임의 이름으로 지정가능합니다.

매개변수 값으로는 +아이콘 이미지를 클릭하여 선택해줍니다. 이벤트 매개변수는 페이지뷰 등의 이벤트에 묶여있는 데이터입니다. 사용자 속성은 개별 방문자에게 부여되는 데이터라고 이해하시면 됩니다.

아래 스크린샷과 같을 보시고 "행 추가" 버튼을 클릭하여 추가해주세요.

13. 트리거 실행 조건으로 "PageView_windowLoad"를 선택합니다.

14. 우측 상단 "저장"을 클릭합니다. 

지금 까지 IP주소 수집을 위한 태그매니저 설정이 끝났습니다. 

15. "제출" 버튼을 클릭 후 간략하게 변경사항 타이핑해주고(생략가능) "게시"버튼을 클릭하여 반영합니다.

구글 태그 매니저에서 해야할 일은 모두 끝났습니다.

다음 작업으로 구글 애널리틱스 맞춤 이벤트 설정 후 맞춤 보고서 생성만 남았습니다.

바로 진행해볼까요?

구글 애널리틱스 맞춤 이벤트 설정

맞춤 보고서 생성

오늘은 구글 태그 관리자(GTM)를 이용하여 내 웹사이트(블로그 등) 방문자 IP 주소를 수집하기 위한 태그 생성 및 변수 생성 방법에 대해 알아보았습니다. 다음 포스팅에서는 이번 포스팅에서 행하여진 작업의 다음 순서로 구글 애널리틱스 4 (GA4)의 방문자IP 수집을 위한 맞춤 이벤트 설정하는 방법 및 맞춤 보고거 생성 방법에 대해 알아봅니다.

Share this

마케터