2015-05-20 170 views
0

我想使用Google跟踪代码管理器跟踪VideoJS。由于我对GTM相当陌生,因此我不知道如何继续。我只做了一些基本的东西,如使用教程跟踪邮件链接和PDF下载。使用Google跟踪代码管理器跟踪VideoJS

我在Github上找到一个名为videojs-ga的项目,看起来很有前途,现在我该如何正确连接并在GTM中进行设置?理想情况下,我们最终会跟踪播放次数以及观看视频的时间。由于任何时候在单个页面上只有一个视频,因此无需每个页面跟踪多个视频。

此外,如果有更好的方式跟踪GTJ的VideoJS我愿意提供建议!

回答

0

我建议你从该存储库中的代码创建一个分支/从src下载该文件并在本地进行更改。在线路104的地方说:

sendbeacon = function(action, nonInteraction, value) { 
     if (window.ga) { 
     ga('send', 'event', { 
      'eventCategory': eventCategory, 
      'eventAction': action, 
      'eventLabel': eventLabel, 
      'eventValue': value, 
      'nonInteraction': nonInteraction 
     }); 
     } else if (window._gaq) { 
     _gaq.push(['_trackEvent', eventCategory, action, eventLabel, value, nonInteraction]); 
     } else if (options.debug) { 
     console.log("Google Analytics not detected"); 
     } 
    }; 

更换sendbeacton函数对象中的东西,以下列方式:

sendbeacon = function(action, nonInteraction, value) { 
    dataLayer.push(
      'eventCategory': eventCategory, 
      'eventAction': action, 
      'eventLabel': eventLabel, 
      'event' : 'videojs'      
    ); 
}; 

(请确保您的数据层变量您的GTM代码之前宣布的地方)。创建一个脚本标记,将修改后的脚本链接到我们的页面。

然后分别从eventCategory,eventAction和eventLabel创建“dataLayer”类型的三个变量,分别读取它们的值。设置Google Analytics代码并将其配置为进行事件跟踪,并将变量传递到相应的字段。创建一个触发器类型的自定义事件,事件eq'videojs'并用它来触发GA事件跟踪标签。

相关问题