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

Question

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

https://jsfiddle.net/4qcr60xz/

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

我想为用户点击呈现真实 iframe 视频的“假播放器”设置 Google Analytics 事件跟踪。

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 函数为该元素添加一个事件监听器。