2

埋め込まれたYouTubeビデオを視聴するユーザーの数を確認する最も簡単な方法を見つけようとしていました。以下は問題なく動作しますか？

$('.video').click(function(){
  _gaq.push(['_trackPageview', 'Video Views', 'Play', 'The Perfect Belgian Serve']);

    });

.videoは、iframeタグに付けられたクラスです。

このプラグインを見つけました：

<div class="ytvid">ylLzyHk54Z0</div>
<script src="//code.jquery.com/jquery-1.7.2.js"></script>
<script src="jquery.ytiframetracker.js"></script>
<script>
  jQuery(function ($) {
    $.ytiframetracker({
      track: function (action, label, value) { // track callback
        console.log('custom tracking', action, label, value);
      }
    });
  });
</script>

https://code.google.com/p/jquery-ytiframetracker/wiki/Examples

誰かがどのような行動、ラベル、価値があるのか​​説明できますか？

4

3 に答える 3

2

Google Analyticsとカスタムイベント/トラッキングに依存する代わりに、YouTube Analytics APIを使用できます：http：//developers.google.com/youtube/analytics

ただし、任意のアカウントの動画にYouTube Analyticsを使用することはできないため、問題の動画は自分のアカウントに属していることを前提としています。

于 2012-11-20T17:15:45.383 に答える
1

プラグインはイベントトラッキングを使用していると思います。ここにはたくさんの情報があります：https ：//developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide#Anatomy

于 2012-11-20T11:56:18.003 に答える
0

HTMLにコードを追加し、「GAトラッキングIDの入力」を「トラッキングID」に置き換えてください。

<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
		ga('create', 'Enter your GA Tracking ID', 'auto', {'allowLinker': true});
		ga('require', 'linker');
		ga('linker:autoLink', ['instamojo.com'] );
		ga('send', 'pageview');

	
	
	 var tag = document.createElement('script');
  tag.id = 'iframe-demo';
  tag.src = 'https://www.youtube.com/iframe_api';
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('youTubePlayer', {
		events: {
          'onReady': onPlayerReady,
          'onStateChange': onPlayerStateChange
        }
    });
  }
  function onPlayerReady(event) {
	
  }
  function changeBorderColor(playerStatus) {
	   
    var color;
    if (playerStatus == -1) {
      color = "#37474F"; 
    } else if (playerStatus == 0) {
      color = "#FFFF00"; 
    } else if (playerStatus == 1) {
		
      color = "#33691E"; 
	  ga('send', 'event', 'Videos', 'play-videoname', 'videoname');  
	
	  
    } else if (playerStatus == 2) {
	
      color = "#DD2C00"; 
	   ga('send', 'event', 'Videos', 'Pause-videoname', 'videoname');  
	
    } else if (playerStatus == 3) { 
      color = "#AA00FF"; 
    } else if (playerStatus == 5) {
      color = "#FF6DOO"; 
    }
    if (color) {
      document.getElementById('youTubePlayer').style.borderColor = color;
    }
  }
  function onPlayerStateChange(event) {
    changeBorderColor(event.data);
  }
  
	</script>

于 2016-07-14T11:23:58.003 に答える