네이버 블로그, 오픈마켓, 이메일등 구글 애널리틱스 연동 방법
이번 글에서는 네이버 블로그나, 오픈마켓, 이메일 등에 구글 애널리틱스를 연동 하는 방법에 대해서 설명해 드립니다.
웹 페이지등에 자바스크립트 형태로 구글 애널리틱스 코드를 삽입해야 하지만 블로그나, 오픈마켓 그리고 이메일 등 자바스크립트 삽입이 어려운 환경에서는 측정 프로토콜을 이용하여 애널리틱스 코드를 이미지 태그 형태로 변환하여 삽입해야 합니다.
1. 연동 방법
자바스크립트를 사용 할 수 없는 환경에서는 구글 애널리틱스 연동 방법으로는 측정 프로토콜(Measurement Protocol)이라고 불리는 방법으로, 데이터를 수집해야 합니다. 아래는 측정 프로토콜을 나타내며 이미지 태그를 이용하여 데이터를 구글 애널리틱스 서버로 전송할 수 있습니다.
POST /collect HTTP/1.1
Host: www.google-analytics.com
payload_data페이로드 데이터는 아래와 같이 구성되어 있습니다.
원래는 한줄로 작성되지만 명확하게 데이터를 보여드리기 위해서 여러 줄로 나눠서 표기를 하였습니다.
v=1 // 버전
&tid=UA-XXXXX-Y // 트래킹 ID / 속성 ID
&cid=555 // 고유클라이언트 ID
&t= // Hit 유형페이로드 데이터는 [키=값] 형태로 구성되어 있으며 여러 [키=값] 을 구분하기 위해서 & 라는 기호를 사용합니다.
t 값에 따라서 다양한 형태의 추가 데이터가 따라 오게 되는데 주로 사용하는 t 값은 pageview 또는 event 등입니다.
아래는 페이지 추적(pageview)과 이벤트(event) 타입에 따라 어떻게 페이로드를 구성할 수 있는지 보여주는 예제입니다.
페이지 추적(Page Tracking)
v=1 // 버전
&tid=UA-XXXXX-Y // 트래킹 ID / 속성 ID
&cid=555 // 고유 클라이언트 ID
&t=pageview // 페이지뷰
&dh=mydemo.com // 문서의 호스트이름
&dp=/home // 페이지
&dt=homepage // 제목이벤트(비디오 영상 플레이) 추적
v=1 // 버전
&tid=UA-XXXXX-Y // 트래킹 ID / 속성 ID
&cid=555 // 고유 클라이언트 ID
&t=event // 이벤트
&ec=video // 이벤트 카테고리
&ea=play // 이벤트 동작
&el=holiday // 이벤트 라벨
&ev=300 // 이벤트 값2. 이메일 추적
위의 방식을 이용하면 오픈 마켓, 네이버 블로그나, 카페 등 의 이미지 태그를 삽입 할 수 있는 곳이면 구글 애널리틱스를 연동 할 수 있습니다.
간단히 테스트 해 볼 수 있도록 이번 글에서는 이메일과 연동 할 수 있는 방법을 설명드리도록 하겠습니다.
v=1&tid=UA-113235218-1&cid=0000&t=event&ec=email&ea=open&el=test
위의 페이로드는 이메일을 열었을 경우 동작하는 측정 프로토콜 페이로드 입니다.
tid 값에 트래킹 정보가 추가되었으며, 이메일을 열었을 때 이벤트가 발생하도록 관련 정보가 저장되어 있습니다.
(위의 tid 값을 올바르게 변경 후 사용하셔야 합니다.)
3. 테스트
위에서 만든 페이로드는 아래 페이지 링크에서 테스트 하실 수 있습니다.
위에서 생성된 페이로드에 이미지 태그를 추가한 전체 코드는 아래와 같습니다.
<img src="https://www.google-analytics.com/collect?v=1&tid=UA-113235218-1&cid=0000&t=event&ec=email&ea=open&el=test" width="1" height="1" />
위의 내용과 같은 코드를 생성하신 다음에 블로그 및 카페, 홍보 메일 과 오픈 마켓 등에 사용하시면 됩니다.
( 본문 인용시 출처를 밝혀 주시면 감사하겠습니다.)