내부 클릭이벤트 설정

해당 제품(서비스)	웹사이트 서비스 스탠다드에디션(레벨) 이상
제공되는 리포트	내부 클릭이벤트 분석(클릭수) 내부 클릭이벤트 분석(순수페이지뷰) 내부 클릭이벤트 추세(클릭수) 내부 클릭이벤트 추세(순수페이지뷰)

* 이 작업은 사이트 내 소스 수정 및 스크립트 설치가 필요한 내용으로, 개발 지식이 있는 개발 담당자가 필요합니다.

기능 설명
웹사이트 내의 링크에 대한 클릭수, 순수 클릭수, 회원가입 기여도, 주문기여도, 매출기여도를 분석하여 제공하는 리포트로, 특정 영역 및 버튼의 클릭수를 분석할 수 있도록 설정합니다
- 제공되는 함수를 이용하여 내부 클릭이벤트의 클릭수를 분석할 수 있습니다.
-해당 페이지에 웹페이지 분석스크립트가 삽입되어 있어야 합니다.

기능 활용
1. 스크립트 삽입
클릭수 분석을 희망하는 영역 및 버튼에 아래 스크립트를 설치해주시기 바랍니다.
반드시 함수의 첫번째 인수는 'EVT' 이어야 하며 두번째 인수는 내부 클릭이벤트 이름을 설정합니다.

try { if(typeof _trk_clickTrace == 'function') { _trk_clickTrace('EVT', '내부 클릭이벤트 이름'); } } catch(_e) {}

2. 사용 예시
ex1) 내부 클릭이벤트 이름에 '나의이벤트' 를 설정한 경우
<A href="http://yourdomain/event.html" target=_blank>나의이벤트</A>

ex2) 내부 클릭이벤트 이름에 현재 href의 링크 url을 설정한 경우
<A href="http://yourdomain/event.html" target=_blank>나의이벤트</A>

위와 같이 내부 클릭이벤트 링크에 자바스크립트의 onMouseDown 이벤트에 _trk_clickTrace 함수를 설정합니다.
내부 클릭이벤트 링크가 <a href=""></a>와 같은 형태의 링크인 경우에는 ex2) 와 같이 내부 클릭이벤트 이름에 'this.href' 와 같이 설정하면 현재 링크의 url(http://yourdomain/event.html)이 내부 클릭이벤트 이름으로 설정되어 분석됩니다.

※ 만일 클릭 데이터를 수집하는 _trk_clickTrace 함수가 호출되기 전에 href로 정의한 링크 이동이 먼저 진행된다면 _trk_clickTrace 함수 뒤에 setTimeout 함수를 적용해주시기 바랍니다.

* setTimeout 함수 설정
내부클릭이벤트 함수(_trk_clickTrace) 뒤에 settimeout함수 적용하여 시간을 준 뒤에 링크 이동할 수 있도록 합니다. settimeout은 3초 정도로 권장하지만, 사이트마다 호출 속도가 다를 수 있기에 https://logger.co.kr/tools/forensic.tsp 에서 수집되는 내부클릭이벤트 데이터 확인해 보면서 시간 적용을 권장합니다.

ex)
<a setTimeout("http://yourdomain/event.html", 3000); class="link">

3. 모바일 활용
모바일 사이트의 경우, onMouseDown를 ontouchstart로 변경해서 사용합니다.
ex) <A onMouseDown="try { if(typeof _trk_clickTrace == 'function') { _trk_clickTrace('EVT', '나의이벤트'); } } catch(_e) {}">

→ <A ontouchstart="try { if(typeof _trk_clickTrace == 'function') { _trk_clickTrace('EVT', '나의이벤트'); } } catch(_e) {}">

4. 환경변수
회원가입,주문,매출 기여도 분석의 측정을 위해서는 다음에 해당하는 환경변수의 설정이 선행되어야 합니다.
비즈니스 서비스이상에서 _TRK_PI 값의 설정( Page Identity )에 의한 회원가입, 주문의 검출,
커머스 서비스 이상에서 다음 3개의 환경변수 설정을 함께 적용할 것을 권해드립니다.
_TRK_OA 값의 설정( Ordered Amount )
_TRK_OP 값의 설정( Ordered Products )
_TRK_OE 값의 설정( Ordered EA. )

유의사항

• 클릭 데이터를 수집하는 _trk_clickTrace 함수가 호출되기 전에 href로 정의한 링크 이동이 먼저 진행된다면 _trk_clickTrace 함수 뒤에 setTimeout 함수를 적용해주시기 바랍니다.
• 과거 클릭이벤트로 사용했던 eval 함수는 웹 보안 취약성의 문제로 try { if(typeof _trk_clickTrace == 'function') 로 변경하여 사용해 주시기 바랍니다.

내부 클릭이벤트 이름 작성 규칙

• 글자수: 내부 클릭이벤트 이름은 최대 250자까지 저장되며, 초과분은 잘려서 저장됩니다. 한글, 영문 모두 글자 수 기준입니다.
• 띄어쓰기: 이름에 띄어쓰기를 사용할 수 있습니다. 값의 맨 앞뒤 공백은 자동으로 제거되고, 중간 공백은 그대로 저장됩니다.
• 저장되지 않는 문자: 이모지 같은 특수 이모티콘은 저장되지 않으므로 사용하지 마십시오.
• 수집 과정에서 제거되는 문자: 작은따옴표(‘)와 역슬래시(\)는 수집 과정에서 제거됩니다.
• 구분자: / : ; . , 는 리포트 조회 시 하위 구분자로 사용되므로, 구분 목적이 아닌 곳에는 사용하지 않도록 권장합니다.
• 기타 특수문자: & # % 등은 전송 과정에서 인코딩되어 정상적으로 수집됩니다.
• 이름이 지나치게 길면 URL 길이 한도에 걸릴 수 있으므로 가능한 한 짧게 설정하시기 바랍니다.

참고
'내부 클릭이벤트 이름'을 하위 구분자[ (/), (:), (;), (.), (,) ]로 나누어 작성하면 이벤트를 그룹별로 관리하기 쉽습니다.
ex) /메인페이지/의 배너를 그룹별 관리하고 싶을 때,
내부클릭이벤트 이름1 : /메인페이지/Right 배너/
내부클릭이벤트 이름2 : /메인페이지/Left 배너/
내부클릭이벤트 이름2 : /메인페이지/Center 배너/