구글 애널리틱스 스크롤 이벤트 추적하기.

구글 애널릭틱스에서 여러가지 이벤트가 있다. click은 기본이며,
재생, 일시정지, 정지 등 다양하게 정의 할 수 있다.

구글 이벤트는 기본적으로
ga(‘send’, ‘event’, [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);
이렇게 작성된다.

구글 애널릭틱스 이벤트에 가서 보면 자세한 내용을 볼 수 있다.

스크롤 페이지는 아래 페이지를 참조했다.
참고는 http://dave-taylor.co.uk/blog/scroll-reach-tracking-in-google-analytics/

$(document).ready(function() { 
    var u=0; 
    var d = $(document).height();
   
    var v = $(window).height();
    
    var p = (d/10);
    
    var vp = Math.round((v/d)*100);
     
    
    
   var title = document.title;


    if (v>p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '10%',10,true]);
    }
      if (v>2*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '20%',20,true]);
    }
      if (v>3*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '30%',30,true]);
    }
      if (v>4*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '40%',40,true]);
    }
      if (v>5*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '50%',50,true]);
    }
      if (v>6*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '60%',60,true]);
    }
      if (v>7*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '70%',70,true]);
    }
      if (v>8*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '80%',80,true]);
    }
      if (v>9*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '90%',90,true]);
    }
      if (v>10*p) {
    _gaq.push(['_trackEvent', title, 'scroll reach', '100%',100,true]);
    }
    
    var m = Math.floor(v/p);
    
    
    var q =(d*((m+1)/10));
    
    
    var s = (q-v);
     
    
    
 var invoked = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= s && !invoked ){
        invoked = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+1)*10) + '%',((m+1)*10),true]);
    }
});

 var i = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+p) && !i ){
        i = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+2)*10) + '%',((m+2)*10),true]);
    }
});
    
 var j = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+(2*p)) && !j ){
        j = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+3)*10) + '%',((m+3)*10),true]);
    }
});
        
 var k = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+(3*p)) && !k ){
        k = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+4)*10) + '%',((m+4)*10),true]);
    }
});

 var l = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+(4*p)) && !l ){
        l = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+5)*10) + '%',((m+5)*10),true]);
    }
});

 var x = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+(5*p)) && !x ){
        x = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+6)*10) + '%',((m+6)*10),true]);
    }
});
    
    
 var n = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+(6*p)) && !n ){
        n = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+7)*10) + '%',((m+7)*10),true]);
    }
});
    
    
 var o = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+(7*p)) && !o ){
        o = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+8)*10) + '%',((m+8)*10) ,true]);
    }
});
    
 var b = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+(8*p)) && !b ){
        b = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+9)*10) + '%',((m+9)*10),true]);
    }
});
    
 var c = false;
 $(window).scroll(function(){
    if ($(window).scrollTop() >= (s+(9*p)) && !c ){
        c = true; // don't call this twice
        _gaq.push(['_trackEvent', title, 'scroll reach', ((m+10)*10) + '%',((m+10)*10),true]);
    }
});
    
     
});

이렇게 된 파일이지만 위에 언급했던 링크로 가서 다운을 받아서
jQuery 버전 아래로 저 스크립트를 외부스크립트로 넣으면
해당 페이지의 스크롤 이벤트가 일어나서 10~100까지 측정이 가능하다.

방문형태 > 인기이벤트 > 해당 카테고리 > 이벤트 라벨탭을 선택하면 된다.
선택하게 되면 아래화면처럼 측정이 가능하다.