JWPlayer 6 的 Google Analytics（分析）视频跟踪问题

Question

我对这一切都很陌生，只是不知道如何跟踪可以在我的网站上播放的视频。 我刚刚将我的 GA 代码安装到我的页面，所以我假设我正在使用新的异步跟踪。问题是无法在 GA 面板中跟踪此视频。 谢谢

我的代码如下所示。

   <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 中调试代码 调试器我收到错误这是什么意思？

初始化谷歌分析。 analytics_debug.js:9 新注册 插件：ga（提供，“链接器”，函数）analytics_debug.js：9 注册新插件：ga(provide, "displayfeatures", Function) analytics_debug.js:9 运行命令：ga(create, UA-40700489-2, infopav.com) analytics_debug.js:9 创建新的跟踪器：t0 analytics_debug.js:9 运行命令：ga(send, pageview) analytics_debug.js:9

发送信标： v=1&_v=j16d&a=686083534&t=pageview&_s=1&dl=http%3A%2F%2Fdev.www.infopave.com%2FPage%2FIndex%2FHOW_TO_ACCESS_LTPP_DATA&ul=en-us&de=UTF-8…30201944&_u=MCCC~&cid=2101349279.13935 -40700489-2&z=1727898794

analytics_debug.js:9 adSenseId (&a) 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 (&t) 综合浏览量 analytics_debug.js:9 javaEnabled (&je) 1 analytics_debug.js:9 语言 (&ul) zh-CN 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) 1680x1050 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

(){if("数组"==a.typeOf(m.playlist)&&2>m.playlist.length&&(0==m.playlist.length|| !m.playlist[0].sources||0==m.playlist[0].sources.length))g();else if(s.getStatus()==a.loaderstatus.COMPLETE){for(var e=0;em.modes[e].type;if(r.supportsConfig())return r.addEventListener(l.ERROR,d),r.embed(),c(b,f.events),b}m.fallback?(a.log("No 找到合适的播放器并启用后备”），新 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 中点击该按钮，谢谢您的帮助...

感谢任何帮助将得到高度评价

Answer 1

我建议您查看Event-tracking。您可以在 onclick 中添加一个标签，这样当用户点击查看您的视频时，您将记录一个事件，您可以在您的谷歌分析中找到Behavior -> events

我尚未对此进行测试，但您应该可以执行以下操作：

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

注意：事件将在 24 小时后首先显示在标准报告中。您还可以在实时报告中看到它们。

Answer 2

最后我成功解决了我的问题！

 <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>

Answer 3

JW Player 暂时只支持 ga.js。新的通用分析还不能工作。这就是为什么。