Question

我想使用Google跟踪代码管理器跟踪VideoJS。由于我是GTM的新手，我不知道如何继续。我只做过一些基本的事情，比如使用教程跟踪mailto链接和PDF下载。

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

此外，如果有更好的方式跟踪GTM的VideoJS，我愿意接受建议！

Answer 1

我建议您从该存储库中的代码创建一个fork /从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代码之前的某处声明了dataLayer变量）。创建一个脚本标记，将修改后的脚本链接到我们的页面。

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

使用Google跟踪代码管理器跟踪VideoJS

1 个答案: