Skip to Content
Go Back
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12

[Google Analytics] 쿠키를 이용해 관리자 트래픽을 통계에서 제외하기

구글 아날리틱스에서 관리자 트래픽을 제거하는 가장 단순한 방법은 IP 주소를 바탕으로 필터링을 하는 거다. 하지만, 대부분은 유동 IP를 사용하기 때문에 무용지물이다. IP 주소를 바탕으로 제외하면 한두 달에 한 번씩 필터를 갱신해 줘야 한다.

고급 방법은 쿠키를 이용하는 방법이다. 예컨대, 관리자 페이지 같은 데서 쿠키를 세팅하고, 해당 쿠키를 가진 방문은 방문수에서 제외하는 방식이다.

참고한 자료는 아래와 같다.

집어 넣을 코드

일단 구글 아날리틱스 코드가 있는 곳에 아래 코드를 넣으라는 거다. 신식 비동기(async) 코드에서는 아래처럼 쓰면 된다.

_gaq.push(['_setVar', 'admin']);

구식 추적 코드를 사용하고 있다면 아래처럼 써라.

pageTracker._setVar('admin');

구글 아날리틱스에서 확인하기

_serVar 를 바탕으로 코드를 짰다면 아래 위치에서 해당 변수가 세팅된 방문을 추적할 수 있다.

영어로는 User Defined 라고 돼 있다.

필터 설정

아래 이미지는 구글 도움말에서 나온대로 필터를 세팅해 본 거다. 도움말에는 “사용자설정”이라고 돼 있는데 실제로 선택해야 하는 놈은 “맞춤 설정”이다. (영어는 User Defined로 설명과 실제가 동일하다.)

위 이미지에 나온대로 필터 설정을 해 주면 될 것이다.

이미지보다 텍스트를 선호하는 분들을 위해 텍스트로 한 번 더 설명하자면, 프로필에 새 필터 만들기 > 맞춤 필터 > 제외 > 맞춤 설정 을 선택하고 필터 패턴에 admin을 넣는다. 영문인 경우 Create new Filter for Profile > Custom Filter > Exclude > User Defined 를 선택하면 된다. 필터 이름 지정하는 것도 까먹지 마시고.

다른 방법

그런데 손쉬운 방법이 있다. 그냥 관리자모드에서 알아서 쿠키 설정을 한 뒤, 해당 쿠키가 있는 경우 구글 아날리틱스 추적 코드가 실행되지 않도록 하는 거다. 그러면 굳이 구글 아날리틱스 도움말을 디벼 가며 고생할 필요가 없다.

쿠키 관련해서는 jQuery Cookie Plugin을 사용해도 될 거고 그냥 plain js로 쿠키 코딩해도 될 거다.

_setVar() 대신 _setCustomVar()를 사용?

_setVar() 설명에 보면 이놈은 deprecated니 _setCustomVar()를 사용하라는 설명이 있다. 그런데 _setCustomVar()를 사용할 경우 필터링하는 방법이 없는 듯하다. setCustomVar를 사용할 때는 namevalue를 입력하는 반면, 필터의 custom field 1 항목에는 입력칸이 하나밖에 없기 때문이다. 아마 custom filed 1,2가 custom variables 와는 다른 놈일 지도 모른다.

여튼간에 _setCustomVar()에서 세팅한 값은 잠재고객 > 맞춤 > 맞춤 변수(Audience > Custom > Custom Variables)에서 확인하면 된다.

그리고 나의 결론은 _setCustomVar()를 사용해서 관리자 통계를 제거할 방법이 없다는 것이고, 그래서 deprecated인 _setVar()를 쓰느니 그냥 내가 알아서 cookie 설정하고, 추적 안 하게 하는 게 낫겠다는 것이다. 끝!

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

댓글 (4개)

  • 사진이 검정바탕에 흰색으로 삼각표지판(경고)으로 치환되어 보입니다.
    좀 더 제대로 된 분석을 해 보고 싶은데 다수의 컴퓨터로 관리하다 보니 어렵습니다.
    이런쪽으로는 잘 몰라서 하려고 해도 잘 안 되는데 녹풍님이 사용한 방법에 대한 순서나 올려진 사진을 수정 해 주시길 부탁드립니다.

    • 사진은 시간되는대로 제대로 해 두겠습니다. 그리고 제가 아직 적용한 건 아니기 때문에 적용을 해 보는대로 갱신을 할 생각입니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다