Как отследить просмотры видео на сайте

Вам наверняка хочется узнать, сколько пользователей просматривают видео на странице сайта. А еще больше — досматривают ли до конца.

Ниже представлена инструкция, в которой используется API YouTube и некоторые навыки от ниндзей Google Analytics.

1. Разместите асинхронный код Google Analytics в шапку сайта.

2. Создайте контейнер div с id=»player»; в том месте, куда нужно вставить видео.

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

3. Создайте тег скрипта и вставьте туда вызов плеера через API YouTube. Пока не закрывайте скрипт.

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

4. Вставьте во фрейм вызов вашего видео. Замените ‘FrtFkztsozw’ на ID видео на YouTube. Настройте высоту и ширину.

var player;  
  function onYouTubePlayerAPIReady() {
  player = new YT.Player('player', {
    height: '390',  
    width: '640',  
  videoId: 'FrtFkztsozw', 
  events: {  
    'onReady': onPlayerReady,  
    'onStateChange': onPlayerStateChange  
}  
});  
} function onPlayerReady(event) {
/// event.target.playVideo();  
} 

5. Используйте метод onPlayerStateChange для прослушивания кликов по воспроизведению и остановке видео в Google Analytics. И закройте тег скрипта.

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