video - Google アナリティクスで YouTube 動画を簡単に追跡する方法

Question

Google アナリティクスで YouTube 動画トラフィックを追跡する簡単な方法はありますか? Web サイト全体に複数のビデオを展開するには、クロムレスまたはカスタム スキムを作成するのは面倒な作業のように思えます。

Answer 1

YouTube には公開されている Analytics API があり、これを使用して動画の使用状況を確認できます。

http://developers.google.com/youtube/analytics

Answer 2

以下のコードを使用して、ビデオを追跡できます。

<script>
  // This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  //  This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '289',
      width: '428',
      videoId: 'VIDEO ID',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }
  //  The API will call this function when the video player is ready. Uncomment the below code to start video when ready
  function onPlayerReady(event) {
    // event.target.playVideo();
    }
  function onPlayerStateChange(event) {
    var lastAction="";
      switch (event.data){
        case YT.PlayerState.PLAYING:
        if (lastAction != 'paused'){
            _gaq.push(['_trackEvent','video', 'Playing', getPercentage()]);
        }
        else{
            lastAction = '';
           }
        break;
        case YT.PlayerState.ENDED:
          _gaq.push(['_trackEvent','video', 'Completed',getPercentage()]);
        break;
        case YT.PlayerState.PAUSED:
         if (lastAction != 'paused'){
            _gaq.push(['_trackEvent','video', 'Paused', getPercentage()]);
            lastAction= "paused";
           }
        break;
        }
    }
    function getPercentage()
    {
    var pecentage =((player.getCurrentTime()/player.getDuration())*100).toFixed();
      if(pecentage > 0 && pecentage <= 25){
       return "0-25%";}
      else if(pecentage > 25 && pecentage <= 50){
       return "25-50%";}
      else if(pecentage > 50 && pecentage <= 75){
       return "50-75%";}
      else if(pecentage > 75){
       return "75-100%";}
    }
    function stopVideo() {
     _gaq.push(['_trackEvent','video', 'Stopped', player.getDuration()]);
      player.stopVideo();
    }
</script>

Answer 3

Youtube 以外でビデオをホストするオプションがある場合は、それが間違いなく良い方法です。たとえば、http: //wistia.com/ を使用すると、分析が大幅に改善され、ビデオの前後でユーザーのエクスペリエンスがよりクリーンで制御されたものになります。