Youtube API 和跟踪嵌入视频

目前的问题是在一个页面上嵌入多个 Youtube 视频，但现在 Youtube 分析无法正常工作。以前我在 Drupal 页面上有很多嵌入视频，但该网站对 SEO 不友好，页面速度很慢，许多嵌入的 Youtube 视频使用 js 和 css 多次调用 Youtube 网站。

我发现了一些关于通过用占位符图像替换 Youtube 播放器以及用户希望何时观看来加速网站速度的好文章。我在这里找到了js代码（http://www.labnol.org/internet/light-youtube-embeds/27941/ http://www.labnol.org/internet/light-youtube-embeds/27941/ and http://schoberg.net/2015/08/fast-agile-youtube-embed-responsive-iframe-load-delay-with-jquery/ http://schoberg.net/2015/08/fast-agile-youtube-embed-responsive-iframe-load-delay-with-jquery/）通过这些“黑客”，网站加载速度越来越快，SEO 得分也更高。

输入另一个问题。现在，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>

请看一下如何小美分析 https://komito.net/做。看init_函数在源代码 https://github.com/Datamart/Komito/blob/master/src/komito/trackers/media/youtube.js.