Skip to Content
Go Back
안형우

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


작업물

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

[Google Analytics] pageTracker is not defined 라는 메세지는 무엇일까?

구글 아날리틱스에서 사용하는 자바스크립트 변수는 pageTracker 라는 놈이다.

그런데 새 버전의 아날리틱스 추적 함수에서는 이 변수를 사용하지 않는다. _gaq라는 변수를 사용한다. 따라서 최신 추적 코드를 적용한 사이트라면, PDF 다운로드 같은 것을 추적하려면 다른 방식의 코드를 사용해야 한다.

전통적인 추적 코드는 아래와 같다.

<a href="http://mydomain.com/myPdf.pdf" onClick="javascript:pageTracker._trackPageview('/myPdf.pdf');">myPdf 다운로드</a>

그런데 새 버전의 추적코드를 사용하는 사이트에선 이게 안 먹는다는 거다. 위 코드에 대한 설명은 구글 공식 도움말 사이트에서도 사라졌다. 즉, 지금은 더이상 작동하지 않는 코드다. (새로운 방식의 코드를 설명하고 있는 도움말 페이지는 외부 링크라는 문서다. 그걸 참고할 수도 있을 거다.)

위 코드와 같은 일을 하는 코드는 아래와 같다.

<a href="http://mydomain.com/myPdf.pdf" onClick="_gaq.push(['_trackPageview', '/myPdf.pdf'])">myPdf 다운로드</a>

mail 링크를 클릭하거나 하는 건 이벤트로 추적하는 게 더 나으므로 이메일 주소를 몇 번이나 클릭했는지를 확인하려면 아래처럼 코드를 쓰면 된다고 한다. 내 생각에 트위터 퍼가기 등을 추적할 때 쓰면 도움이 될 것 같다.

<a href="mailto:[email protected]" onclick="_gaq.push(['_trackEvent', 'name', value]);">[email protected]</a>

외부 링크에 적용하려면 아래처럼 쓰면 될 것 같다.

jQuery('.recommand-left21-link').click(function(){
	_gaq.push(['_trackEvent', '레프트21 추천', '클릭']);
});
<a class='recommand-left21-link' href='http://left21.com'>레프트21은 제가 강추하는 진보 언론입니다.</a>

단, 위 코드는 내가 실제 적용해 본 코드는 아니다. 오늘 적용해서 실험을 시작했고, Google Analytics pageTracker is not defined? 에서 본 내용을 바탕으로 쓴 거다.

소셜 네트워크 반응 관련 추적 함수는 따로 있다. _trackSocial()이라는 함수다.

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


작업물

답글 남기기

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