Question

手头的问题是在网页上嵌入了多个Youtube视频，现在Youtube Analytics无效。以前我在Drupal页面上有很多嵌入式视频，但该网站不是SEO友好的，页面速度很慢，许多嵌入式Youtube视频通过js和css回拨到Youtube网站。

我找到了一些关于通过用占位符图像替换Youtube播放器并且当用户希望观看时加速网站的好文章。我在这里找到了js代码（http://www.labnol.org/internet/light-youtube-embeds/27941/和http://schoberg.net/2015/08/fast-agile-youtube-embed-responsive-iframe-load-delay-with-jquery/）有了这些“黑客”，网站加载速度更快更快，搜索引擎优化得分更高。

输入另一个问题。现在，Youtube分析不再跟踪网站上的Youtube视频了。我不知道为什么，视频仍然被点击，嵌入的视频确实在网站上播放。

我应该如何使用嵌入代码让它再次跟踪Youtube视频？

如果我无法再跟踪Youtube Analytics，我该如何使用Google Analytics跟踪它？

我需要一些StackOverflow魔法......

在网页上嵌入Youtube视频的代码是：

<div class="youtube" id="_ynxddD0Eqk"></div>

和后端的功能代码：

    <script>
$(document).ready(function() {
  $(".youtube").each(function() {
    // Set the BG image from the youtube ID
    $(this).css('background-image', 'url(//i.ytimg.com/vi/' + this.id + '/hqdefault.jpg)');
    // Click the video div
    $(document).delegate('#' + this.id, 'click', function() {
      // Build embed URL
      var iframe_url = "//www.youtube.com/embed/" + this.id + "?autoplay=1&autohide=2&wmode=opaque&enablejsapi=1";
      // Grab extra parameters set on div
      if ($(this).data('params')) iframe_url += '&' + $(this).data('params');
      // Build iframe tag
      var iframe = $('<iframe/>', {'allowfullscreen':'allowfullscreen', 'frameborder': '0', 'src': iframe_url});
      // /youtube event tracking
      $(iframe).addClass("media-youtube-player");
      // Replace the YouTube thumbnail with YouTube HTML5 Player
      $(this).replaceWith(iframe);
    });// /click
  }); // /each video
}); // /document ready
 </script>

Answer 1

请查看Komito Analytics的工作原理。请参阅source code中的init_功能。

Answer 2

我希望使用Komito Analytics推荐所提出的解决方案。

是的，它会自动跟踪Google Analytics。只需按照https://komito.net/integration/：

中的说明添加脚本即可

<script src="https://komito.net/komito.js"></script>

该文档还反映了默认配置设置，请查看它们并关闭不需要的指标。

Youtube API和跟踪嵌入式视频

2 个答案: