2014-02-28 90 views
2

我對這一切都很陌生,我只是沒有得到如何跟蹤可以在我的網站上播放的視頻。 我剛剛將我的GA代碼安裝到了我的頁面中,因此我將假定我正在使用新的異步跟蹤。問題是我無法在GA面板中跟蹤這個視頻。 謝謝谷歌Analytics(分析)JWPlayer的視頻跟蹤問題6

我的代碼看起來像這樣。

<script type='text/javascript' src='js/jwplayer.js'></script> 
    <script type='text/javascript' src='js/jwplayer.html5.js'></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-40700489-1', 'epcint.com'); 
    ga('send', 'pageview'); 


<script type="text/javascript">jwplayer.key = "myplayerkey=";</script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     jwplayer('mediaplayer').setup({ 
      file: 'video.mp4', 
      width: "100%", 
      height: "480", 
      autostart: true, 
      ga: { 


      } 
     }); 
    }); 
</script> 

<div id="mediaplayer"> 
</div> 

任何幫助將高度並欣賞 感謝

感謝ÿ我們的反饋我已更新和調試代碼在GA 調試器我得到了錯誤這是什麼意思?

初始化Google Analytics(分析)。 analytics_debug.js:9已註冊的新插件 插件:ga(提供「鏈接器」功能)analytics_debug.js:9 註冊的新插件:ga(提供,「displayfeatures」,功能) analytics_debug.js:9運行命令:ga (創建,UA-40700489-2, infopav.com)analytics_debug.js:9創建新的跟蹤:T0 analytics_debug.js:9運行命令:GA(發送,網頁瀏覽) analytics_debug.js:9

發信標: v = 1 & _v = j16d &α= 686083534 &噸=網頁瀏覽& _s = 1 & DL = HTTP%3A%2F%2Fdev.www.infopave.com%2FPage%2FIndex%2FHOW_TO_ACCE SS_LTPP_DATA & UL = EN-US & DE = UTF-8 ... 30201944 & _u = MCCC〜& CID = 2101349279.1393503811 & TID = UA-40700489-2 & Z = 1727898794

analytics_debug.js:9 adSenseId(&一)686083534個 analytics_debug.js:9 apiVersion(& v)的1個analytics_debug.js:9 的clientId(& CID)2101349279.1393503811 analytics_debug.js:9 編碼(& DE)UTF-8 analytics_debug.js:9 flashVersion
(& FL)12.0 R0 analytics_debug.js:9 hitType(&噸)網頁瀏覽 analytics_debug.js:9 javaEnabled(& JE)1個analytics_debug.js:9 語言(& UL)EN-US analytics_debug.js:9的位置
(& DL)http://dev.www.infopave.com/Page/Index/HOW_TO_ACCESS_LTPP_DATA analytics_debug.js:9個screenColors(& SD)24位 analytics_debug.js:9的屏幕分辨率(& SR)1680×1050 analytics_debug.js:9標題(& DT)LTPP InfoPave - 如何 訪問LTPP數據? analytics_debug.js:9 trackingId(& tid) UA-40700489-2 analytics_debug。JS:9 viewportSize(& VP)1665x429 analytics_debug.js:9

There was an error while handling a listener: TypeError: Cannot read property 'id' of null function 

(){如果( 「陣列」 == a.typeOf(m.playlist)& & 2> m.playlist.length & (s.getStatus(0).sources.length))g(); else if(s.getStatus(0).sources.length(0)m.playlist.length || !m.playlist [0] .sources || 0 == m.playlist [0] .sources.length))g )== for.loaderstatus.COMPLETE {for(var e = 0; em.modes [e] .type; if(r.supportsConfig())返回 r.addEventListener(l.ERROR,d),r。嵌入(),c(b,f.events),b} m.fallback?(a.log(「No found and fallback enabled」),new j .download(n,m,g)):(a.log(「沒有合適的玩家發現和回退 禁用」),n.parentNode.replaceChild(h, n))}} jwplayer.js:3

event.returnValue已棄用。請改用標準的 event.preventDefault()。 jQuery的1.8.2.min.js:2 9不能添加 內部監聽jwplayer.js:3時出錯回調的 事件處理

更新的代碼

$(document).ready(function() { 

     jwplayer("mediaplayer").setup({ 
      file: 'rtmp://s1nu7pjztotbeg.cloudfront.net/cfx/st/mp4:Help/How_To/GettingStarted_V2-Sm_x264.mp4', 
      width: "100%", 
      height: "480", 
      autostart: true, 
      events: { 
       onComplete: function (evt) { 

       }, 

       onReady: function (event) { 

        ga('send', 'event', 'Video Played', 'action', { 'page': 'http://dev.www.infopave.com/Page/Index/HOW_TO_ACCESS_LTPP_DATA' }); 

       }, 
       onPlay: function (evt) { 

       }, 
       onVolume: function (evt) { 
        alert("the new volume is: " + evt.volume); 
       } 


      }, 


      ga: { 

      } 


     }); 

    }); 

我想送這個當有人點擊播放按鈕,我想送這個代碼僅

   ga('send', 'event', 'Video Played', 'action', { 'page': 'http://dev.www.infopave.com/Page/Index/HOW_TO_ACCESS_LTPP_DATA' }); 

我怎樣才能jQuery的感謝您的幫助,按一下按鈕......

感謝任何幫助將高度appriciated

+0

在此先感謝 –

回答

1

我建議你看看Event-tracking。你可以在onclick上添加一個標籤,這樣當用戶點擊查看你的視頻時,你會記錄一個事件,你可以在谷歌搜索到的分析下Behavior -> events

我還沒有測試過,但你應該可以做例如:

<div id="mediaplayer" onclick="ga('send', 'event', 'video', 'click', 'videoname');"> 
</div> 

注意:事件將在24小時後首次顯示在標準報告中。您也可以在實時報告中看到它們。

+0

感謝Daimm對您的幫助。我更新了關於超鏈接按鈕點擊的代碼,但是當一些人點擊播放按鈕或暫停按鈕時,我該如何做到這一點。View Tracking Details

0

JW Player暫時只支持ga.js。新的通用分析功能尚未正常運行。這就是爲什麼。

+0

謝謝我更新了超鏈接按鈕點擊的ABOU代碼,但是當某些人點擊播放時我怎麼能做到這一點按鈕或暫停按鈕等View Tracking Details

+0

我不確定,我所說的代碼只適用於JW Player。 – emaxsaun

+0

Ethan謝謝我更新了我的代碼,你可以在工作正常的時候看到它,當一個視頻運行在頁面加載時,即我在文檔中調用它。準備好它的工作正常,你可以幫我,當我點擊播放按鈕時,我可以做到這一點,暫停按鈕,我想跟蹤當時請看看我的代碼我想獲得jquery播放按鈕點擊那個palyer。 –

1

最後我成功解決了我的問題!

<div id="mediaplayer"> 
</div> 
<ul> 
    <li>State: <span id="stateText">IDLE</span></li> 
    <li>time: <span id="elapsedText">0</span></li> 
</ul> 
<script type="text/javascript">  jwplayer.key = "mykeyeasdfasdf2132131=";</script> 
<script type="text/javascript"> 

    jwplayer("mediaplayer").setup({ 
     file: 'rtmp://s1nu7pjztotbeg.cloudfront.net/cfx/st/mp4:Help/How_To/GettingStarted_V2-Sm_x264.mp4', 
     width: 465, 
     height: 300, 
     autostart: true, 
     events: { 
      onComplete: function (event) { 


       var elapsedTime = jwplayer("mediaplayer").getPosition(); 
       var timedurationvalue = ((elapsedTime/60).toFixed(2)); 
       updateValues(); 
       //ga('send', 'event', 'Video Completes', 'ULR of video or Title', 'Page URL', timedurationvalue); 
      }, 
      onReady: function (event) { 
       var elapsedTime = jwplayer("mediaplayer").getPosition(); 
       var timedurationvalue = ((elapsedTime/60).toFixed(2)); 
       updateValues(); 
       // ga('send', 'event', 'Video Plays', 'ULR of video or Title', 'Page URL', timedurationvalue); 
      }, 
      onPlay: function (event) { 
       var elapsedTime = jwplayer("mediaplayer").getPosition(); 
       var timedurationvalue = ((elapsedTime/60).toFixed(2)); 
       // ga('send', 'event', 'Video Plays', 'ULR of video or Title', 'Page URL', timedurationvalue); 

       //     ga('send', 'event', 'category', 'action', 'label', value); 
      }, 
      onVolume: function (event) { 
       updateValues(); 
       alert("onvolume called!"); 
      }, 
      onPause: function (event) { 


       var elapsedTime = jwplayer("mediaplayer").getPosition(); 
       var timedurationvalue = ((elapsedTime/60).toFixed(2)); 
       // ga('send', 'event', 'Video Paused', 'ULR of video or Title', 'Page URL', timedurationvalue); 

       alert("onpause called!"); 
      } 
     } 
    }); 
    function setText(id, messageText) { 
     document.getElementById(id).innerHTML = messageText; 
    } 

      function updateValues() { 
       var state = jwplayer("mediaplayer").getState(); 
       var elapsed = jwplayer("mediaplayer").getPosition(); 
       setText("stateText", state); 
       setText("elapsedText", (elapsed/60).toFixed(2)); 
      } 
</script> 
+0

在評論http://stackoverflow.com/questions/26170231/how-to-get-seconds-played-and-percentage-played-events-from-jw-player-6-in-g JWPlayer的工作人員說,使用默認實現時,玩過的秒數不可靠。你有沒有找到你的自定義解決方案來獲得可靠的統計時間?他們說這個問題與HTML5播放器有關。 – Justin

相關問題