네이버 블로그, 오픈마켓, 이메일등 구글 애널리틱스 연동 방법

네이버 블로그, 오픈마켓, 이메일등 구글 애널리틱스 연동 방법
이번 글에서는 네이버 블로그나, 오픈마켓, 이메일 등에 구글 애널리틱스를 연동 하는 방법에 대해서 설명해 드립니다.

웹 페이지등에 자바스크립트 형태로 구글 애널리틱스 코드를 삽입해야 하지만 블로그나, 오픈마켓 그리고 이메일 등 자바스크립트 삽입이 어려운 환경에서는 측정 프로토콜을 이용하여 애널리틱스 코드를 이미지 태그 형태로 변환하여 삽입해야 합니다.

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" />

위의 내용과 같은 코드를 생성하신 다음에 블로그 및 카페, 홍보 메일 과 오픈 마켓 등에 사용하시면 됩니다.