Google 애널리틱스로 mediaelement.js에서 이벤트를 추적하는 방법

오디오 플레이어에 mediaelement.js를 사용하고 있습니다. 애널리틱스에서 몇 주 동안 이벤트를 추적하려했지만 아무런 도움이되지 않았습니다. 애널리틱스 용 플러그인이 포함되어 있지만 작동시키지 못했습니다.Google 애널리틱스로 mediaelement.js에서 이벤트를 추적하는 방법

다음은 웹 로그 분석 내가 잘못 일을 할 수있는 어떤

(function($) { 

$.extend(mejs.MepDefaults, { 
googleAnalyticsTitle: 'Podcast', 
googleAnalyticsCategory: 'Audio', 
googleAnalyticsEventPlay: 'Play', 
googleAnalyticsEventPause: 'Pause', 
googleAnalyticsEventEnded: 'Ended', 
googleAnalyticsEventTime: 'Time' 
}); 


$.extend(MediaElementPlayer.prototype, { 
buildgoogleanalytics: function(player, controls, layers, media) { 

    media.addEventListener('play', function() { 
     if (typeof _gaq != 'undefined') { 
      _gaq.push(['_trackEvent', 
       player.options.googleAnalyticsCategory, 
       player.options.googleAnalyticsEventPlay, 
       (player.options.googleAnalyticsTitle === '') ? player.currentSrc : player.options.googleAnalyticsTitle 
      ]); 
     } 
    }, false); 

    media.addEventListener('pause', function() { 
     if (typeof _gaq != 'undefined') { 
      _gaq.push(['_trackEvent', 
       player.options.googleAnalyticsCategory, 
       player.options.googleAnalyticsEventPause, 
       (player.options.googleAnalyticsTitle === '') ? player.currentSrc : player.options.googleAnalyticsTitle 
      ]); 
     } 
    }, false); 

    media.addEventListener('ended', function() { 
     if (typeof _gaq != 'undefined') { 
      _gaq.push(['_trackEvent', 
       player.options.googleAnalyticsCategory, 
       player.options.googleAnalyticsEventEnded, 
       (player.options.googleAnalyticsTitle === '') ? player.currentSrc : player.options.googleAnalyticsTitle 
      ]); 
     } 
    }, false); 


    media.addEventListener('timeupdate', function() { 
     if (typeof _gaq != 'undefined') { 
      _gaq.push(['_trackEvent', 
       player.options.googleAnalyticsCategory, 
       player.options.googleAnalyticsEventEnded, 
       player.options.googleAnalyticsTime, 
       (player.options.googleAnalyticsTitle === '') ? player.currentSrc : player.options.googleAnalyticsTitle, 
       player.currentTime 
      ]); 
     } 
    }, true); 

} 
}); 

})(mejs.$);

어떤 아이디어가 플러그인을 위해 여기 내 html로

<!DOCTYPE html> 
<html> 
<head> 
<link type="text/css" href="http://icd10monitor.com/js/mediaelementplayer.min.css"  rel="stylesheet" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script type="text/javascript" src="http://icd10monitor.com/js/mediaelement-and-player.min.js"></script> 
<style type="text/css"> 
#article-index,.pagenavcounter {display:none;} 
</style> 
<script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-32808206-2', 'icd10monitor.com'); 
    ga('send', 'pageview'); 
</script> 
</head> 
<body> 

    <audio width="300" height="32" src="podcasts-ttt/TTT-03-25-14.mp3" type="audio/mp3" controls="controls"></audio> 
    <script> 
     $('audio').mediaelementplayer({ 
      features: ['playpause','progress','current','duration','tracks','volume','fullscreen','googleanalytics'] 
     }); 
    </script> 
    <script type="text/javascript" src="mep-feature-googleanalytics.js"></script> 
</body> 
</html>

의 자바 스크립트입니까?

출처

2014-04-09 Tim S.

클래식 분석과 유니버설 애널리틱스가 혼합되어 있습니다. 사이트에서 유니버설 애널리틱스 추적 코드를 사용합니다. Analytics.js https://developers.google.com/analytics/devguides/collection/analyticsjs/events – DaImTo

mep-feature-googleanalytics.js에는 Google 애널리틱스 일반 애널리틱스 (ga.js) 코드가 포함되어 있으며 Google 애널리틱스 코드는 유니버설 애널리틱스 (analytics.js) 인 것으로 보입니다.

mep-feature-googleanalytics.js에서해야 할 일은 이벤트 구문을 업데이트하는 것입니다. play 이벤트의 경우 예를 들어 설명해 드리겠습니다.

media.addEventListener('play', function() { 
    if (typeof ga != 'undefined') { 
     ga('send', 'event', 
      player.options.googleAnalyticsCategory, 
      player.options.googleAnalyticsEventPlay, 
      (player.options.googleAnalyticsTitle === '') ? player.currentSrc : player.options.googleAnalyticsTitle 
     ); 
    } 
}, false);

출처

2014-04-09 15:53:58 Blexy

죄송합니다. 자바 스크립트를 잊어 버렸습니다. 내 원래 게시물을 업데이트했습니다. 그런 식으로 코드를 설정했지만 여전히 작동하지 않습니다. –

당신은'ga'가 아닌'gaq.push' 문법을 사용하고 있습니다. 내 예를 다시보십시오. – Blexy

Google 애널리틱스로 mediaelement.js에서 이벤트를 추적하는 방법

답변

관련 문제