iframe - 使用Youtube API跟踪嵌入的视频事件-未定义ytcfg(…)

Question

我找到了tutorial这个有关如何跟踪嵌入的YouTube视频的GA事件的信息，并以此编写了自己的脚本：

(function ($) {
  $(document).ready(function () {

    var tag = document.createElement('script');
    tag.src = "http://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  });

  // This code is called by the YouTube API to create the player object
  function onYouTubeIframeAPIReady(event) {
    player = new YT.Player('player', {
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

  var done = false;

  function onPlayerStateChange(event) {

    // track when user clicks to Play
    if (event.data == YT.PlayerState.PLAYING && done===false) {
      ga('send', 'event', 'Video', 'Prehratie videa', 'GE', 1);
      done = true;
    }
  }

}(jQuery));

该脚本被添加到theme_preprocess_page（）的每个页面上。但是，出现错误：


未捕获的ReferenceError：尚未定义ytcfg（…）


Here您可以阅读它，这是YouTube方面的错误。的确，我的脚本中的一切都很好，是否可以做些什么才能使其正常工作？

Answer 1

嗯，这是YouTube部分的一个错误，现在有一个existing bug ticket。您始终可以检查此错误凭单以获取有关此问题的更新。

对于解决方法，我在此YouTube Help Forum中发现使用对象而不是iframe。如果您的情况可行，您可以尝试此临时解决方案。希望对您有帮助。