跟踪嵌入的youtube视频视图

Question

我在我的网站中嵌入了一些youtube视频。我想通过谷歌分析跟踪每个视频的观看次数，但我无法捕捉任何onClick事件，因为视频是嵌入在使用iFrame中的。如何跟踪使用iFrame嵌入在我的网页中的YouTube视频的视图？

Answer 1

我一直在使用YouTube的API在Google Analytics中将事件作为事件进行跟踪。它与iFrame API和javascript中的格式相同。如果您想跟踪其他功能，请查看iFrame API。这是我最初得到的地方event tracking information。

你必须更改以下VideoID的：

<div id="player"></div> 

<script type="text/javascript"> 
    var tag = document.createElement('script'); 
    tag.src = "http://www.youtube.com/player_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
    var player; 

    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId: 'fYmrMt01S1U', 
      events: { 
       'onReady': onPlayerReady, 
       'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 

    function onPlayerReady(event) { 
     /// event.target.playVideo(); 
    } 

    function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.PLAYING) { 
      _gaq.push(['_trackEvent', 'Videos', 'Play', 
      player.getVideoUrl()]); 
     } 
     if (event.data == YT.PlayerState.PAUSED) { 
      _gaq.push(['_trackEvent', 'Videos', 'Paused', 
      player.getVideoUrl()]); 
     } 
     if (event.data == YT.PlayerState.ENDED) { 
      _gaq.push(['_trackEvent', 'Videos', 'Watch to End', 
      player.getVideoUrl()]); 
     } 
    } 
    // ]]> 
</script>