轻量级 Youtube 嵌入 + G. 分析事件跟踪

Question

我使用以下代码嵌入来自Youtube的视频：

https://jsfiddle.net/4qcr60xz/

它不会在页面加载时加载视频，而只会在用户请求它们时加载视频（通过单击"假播放器"）。

我想设置一个谷歌分析事件跟踪，当用户点击呈现真实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 函数向该元素添加一个事件侦听器。