"로거"의 분석코드의 추가적인 활용을 위한 샘플페이지 입니다.
플래시 컨텐츠 페이지뷰 측정 | 클릭이벤트(내부 링크/이미지/메뉴등)의 측정 | 외부 탈출링크의 클릭검출 | 파일 다운로드의 클릭검출


플래시 컨텐츠의 페이지뷰/클릭 측정을 위한 샘플

브라우저의 리로드(리프레시)가 없이 한번 로딩된 플래시무비로 컨텐츠를 제공하는 웹사이트에서 사용자의 클릭을 추적함으로서 실제 사용자에게 보여지는 페이지단위로 플래시무비의 페이지뷰를 측정할 수 있습니다.

* 플래시 액션스크립트등의 코딩샘플은 http://logger.co.kr/demo/flashTracking.fla 를 다운로드하여 확인하실 수 있습니다.
* 관련 도움말은 [ Help ]에서 참고하실 수 있습니다.


내부 클릭이벤트(EVT) 검출 : 페이지내에서 특정 링크/이미지등을 클릭했는지를 추적하는 샘플

링크 또는 이미지(메뉴등)의 클릭을 웹브라우저의 리로드(리프레시)없이 측정함으로써, 페이지내의 각 요소( 링크/이미지 등 )의 관심도를 측정할 수 있습니다.
기본 함수호출 방법은 eval('try{ _trk_clickTrace( \'EVT\', \'클릭에 부여한 임의의 구별가능한 명칭\' ); }catch(_e){ }); 입니다.

- onMouseDown 이벤트에서 _trk_clickTrace() 함수를 호출하는 방법
작동하는 샘플 : 이미지에서 onMouseDown 이벤트를 통하여
위 샘플의 소스코드 :
<a href="이동할URL"><img src="/images/btn/btn_minigo.gif" align=absmiddle onMouseDown="eval('try{ _trk_clickTrace( \'EVT\', \'샘플-GO버튼클릭\' ); }catch(_e){ }');" border=0></a> 이미지에서 onMouseDown 이벤트를 통하여


작동하는 샘플 : 앵커태그 링크에서 onMouseDown 이벤트를 통하여
위 샘플의 소스코드 :
<a href="이동할URL" onMouseDown="eval('try{ _trk_clickTrace( \'EVT\', \'샘플-GO버튼클릭\' ); }catch(_e){ }');"><img src="/images/btn/btn_minigo.gif" align=absmiddle border=0></a>


- 앵커태그( <A HREF=...> )에서 자바스크립트 호출하는 방법으로

작동하는 샘플 : 앵커태그 링크에서 href값에 자바스크립트를 이용하여
위 샘플의 소스코드 :
<a href="javascript:eval('try{ _trk_clickTrace( \'EVT\', \'샘플-GO버튼클릭\' ); }catch(_e){ }');">앵커태그 링크에서 href값에 자바스크립트를 이용하여</a>


* HTML페이지 적용시 작은따옴표(') 및 큰따옴표(")등의 중복처리에 유의하시기 바랍니다.
* _trk_clickTrace() 함수는 로그분석코드내에 포함되어져 있으므로, 본 함수를 호출하여 사용하는 HTML페이지에서는 로그분석 코드가 물론 삽입되어 있어야 합니다.

TIP:
링크(앵커)에 적용시 앵커태그(A)에서는 onMouseDown="eval('try{ _trk_clickTrace( \'EVT\', this.href ); }catch(_e){ });" 와 같이,
앵커태그내부의 이미지태그(IMG)에서는 onMouseDown="eval('try{ _trk_clickTrace( \'EVT\', this.parentNode.href ); }catch(_e){ });" 와 같이 하시면,
해당 링크의 URL을 자동적으로 구별가능한 명칭으로 보내므로 적용하시기 편리합니다.


외부 사이트로 탈출한 링크의 검출

위 클릭이벤트의 검출과 유사합니다만, 함수내 전달되는 값이 "EVT"가 아닌 "RFO"인점이 다르며, 별도 리포트로 합산되어 리포팅 됩니다.
이 경우에도 링크 또는 이미지(메뉴등)의 클릭을 웹브라우저의 리로드(리프레시)없이 측정 할 수 있습니다.
기본 함수호출 방법은 eval('try{ _trk_clickTrace( \'RFO\', \'외부유출 링크명칭등 구별가능한 명칭\' ); }catch(_e){ }); 입니다.
* 사용방법은 위 EVT의 경우와 같으며, 본 샘플에서는 이미지의 onMouseDown 에 적용했을 경우만 설명합니다.

작동하는 샘플 : - 샘플-로거홈페이지로이동
위 샘플의 소스코드 :
<a href="이동할URL"><img src="/images/btn/btn_minigo.gif" align=absmiddle onMouseDown="eval('try{ _trk_clickTrace( \'RFO\', \'샘플-로거홈페이지로이동\' ); }catch(_e){ }');" border=0></a> - 샘플-로거홈페이지로이동


* HTML페이지 적용시 작은따옴표(') 및 큰따옴표(")등의 중복처리에 유의하시기 바랍니다.
* _trk_clickTrace() 함수는 로그분석코드내에 포함되어져 있으므로, 본 함수를 호출하여 사용하는 HTML페이지에서는 로그분석 코드가 물론 삽입되어 있어야 합니다.

TIP:
링크(앵커)에 적용시 앵커태그(A)에서는 onMouseDown="eval('try{ _trk_clickTrace( \'RFO\', this.href ); }catch(_e){ });" 와 같이,
앵커태그내부의 이미지태그(IMG)에서는 onMouseDown="eval('try{ _trk_clickTrace( \'RFO\', this.parentNode.href ); }catch(_e){ });" 와 같이 하시면,
해당 링크의 URL을 자동적으로 구별가능한 명칭으로 보내므로 적용하시기 편리합니다.


파일다운로드 검출

위 클릭이벤트의 검출과 유사합니다만, 함수내 전달되는 값이 "EVT"가 아닌 "DNL"인점이 다르며, 별도 리포트로 합산되어 리포팅 됩니다.
이 경우에도 링크 또는 이미지(메뉴등)의 클릭을 웹브라우저의 리로드(리프레시)없이 측정 할 수 있습니다.
기본 함수호출 방법은 eval('try{ _trk_clickTrace( \'DNL\', \'다운로드파일 이름등 구별가능한 명칭\' ); }catch(_e){ }); 입니다.
* 사용방법은 위 EVT/RFO의 경우와 같으며, 본 샘플에서는 이미지의 onMouseDown 에 적용했을 경우만 설명합니다.

작동하는 샘플 : - 샘플-로거소개자료다운로드
위 샘플의 소스코드 :
<a href="이동할URL"><img src="/images/btn/btn_minigo.gif" align=absmiddle onMouseDown="eval('try{ _trk_clickTrace( \'RFO\', \'샘플-로거소개자료다운로드\' ); }catch(_e){ }');" border=0></a> - 샘플-로거소개자료다운로드


* HTML페이지 적용시 작은따옴표(') 및 큰따옴표(")등의 중복처리에 유의하시기 바랍니다.
* _trk_clickTrace() 함수는 로그분석코드내에 포함되어져 있으므로, 본 함수를 호출하여 사용하는 HTML페이지에서는 로그분석 코드가 물론 삽입되어 있어야 합니다.

TIP:
링크(앵커)에 적용시 앵커태그(A)에서는 onMouseDown="eval('try{ _trk_clickTrace( \'DNL\', this.href ); }catch(_e){ });" 와 같이,
앵커태그내부의 이미지태그(IMG)에서는 onMouseDown="eval('try{ _trk_clickTrace( \'DNL\', this.parentNode.href ); }catch(_e){ });" 와 같이 하시면,
해당 링크의 URL을 자동적으로 구별가능한 명칭으로 보내므로 적용하시기 쉽습니다.