javascript - 轻量级YouTube嵌入+ G. Analytics事件跟踪

Question

我正在使用以下代码嵌入来自YouTube的视频:

https://jsfiddle.net/4qcr60xz/

它不会在页面加载时加载视频，而仅在用户请求时(通过单击“假播放器”)加载视频。

我想设置一个Google Analytics(分析)事件跟踪，以跟踪用户何时单击呈现真实iframe视频的“假播放器”。

ga('send', 'event', 'Videos', 'play', 'Fall Campaign');

有没有办法用这个jsFiddle代码来做到这一点？

谢谢大家!

Answer 1

document.querySelector(".youtube-player").addEventListener("click",function(){
  ga('send', 'event', 'Videos', 'play', 'Fall Campaign');
});

document.querySelector选择页面上的元素(您的虚假播放器)，然后使用 addEventListener函数将事件侦听器添加到该元素。