Аналитика видео на YouTube через google analytics

В наши дни все более стает продающимся видео-контент, будь это презентация товара, услуги, отзывы или видео по установке. Поэтому один из способов который, может поднять шансы на покупку товара или услуги это записать видео.  Запись качественного видео стоит немало денег и времени. Поэтому чтобы не разбрасываться данными ресурсами, стоит  проверить, будут ли смотреть видео на сайте и сколько его просмотрит полностью. Все эти данные мы сможем увидеть в аналитиксе. В данном примере мы будем отслеживать, сколько людей включили видео, нажали на паузу, просмотрело 25%, 50%, 75% и досмотрело до конца.

 

Перейдем к настройке:

 

Отслеживание просмотров видео ютуб на сайте.

 

Для отслеживания просмотра видео Вам необходимо подключить файл  youtube.ga.js (для того чтобы скачать его нажмите на ссылку) перед закрывающимся тегом </head>, в файле представлены комментарии но можно выделить основные нюансы:

 

Настройка событий

 

  1. Посетитель нажал на кнопку play. Для этого служит функция ga(‘send’,’event’,’YouTube’,’Started video’,location.pathname); где действие по событию имеет значение «Started video» а «location.pathname» страница на которой находится видео. Изменить событие Вы можете в файле youtube.ga.js.
  2. Также можно отслеживать, сколько процентов видео просмотрел посетитель сайта. Для этого служит функция ga(‘send’,’event’,’YouTube’,’Played video: ‘ + progress,location.pathname); где действие по событию имеет значение «Played video:»  а значение переменной «progress» соответствует проценту просмотренного видео, проценты можно указать самому в файле youtube.ga.js а по умолчанию стоит 25%, 50%, 75%, и объект «location.pathname» соответствует странице, на которой находится видео.
  3. Для отслеживания нажатия на паузу существует функция ga(‘send’,’event’,’YouTube’,’Paused video’,location.pathname); где действие по событию имеет значение «Paused video» а «location.pathname» страница, на которой находится видео. Изменить событие Вы можете в файле youtube.ga.js.
  4. Когда видео досмотрено до конца срабатывает функция ga(‘send’,’event’,’YouTube’,’Completed video’,location.pathname); где действие по событию имеет значение «Completed video» а «location.pathname» страница на которой находится видео. Изменить событие Вы можете в файле youtube.ga.js.

 

Опции для создания iframe в котором будет размещено само видео:

Для того чтобы создался iframe вам нужно создать div с id ytplayer и прописать настройки которые Вам необходимы, ниже приведен скрипт с комментариями.

<script>
var configYouTubePlayer = {
videoID: 'oNaTpeTZVZs', //ID видео

// Разрешить отслеживание длительности просмотра.

trackProgress:true,

// Настройка API Youtube Вы можете посмотреть по ссылке указаной ниже

// https://developers.google.com/youtube/player_parameters?playerVersion=HTML5#Parameters

playerVars:{

'autohide':1,

'autoplay':0,

'rel':0,

'loop':1,

'controls':0,

'egm':1,

'showinfo':0,

'theme':'light'

}

};

</script>

После выполнения всех условий представленных выше при загрузке страницы будит формироваться iframe с Вашим видео и все события будут попадать в google analytics.

 

Чтобы в аналитиксе посмотреть отчет переходим  Поведение ////События////Лучшие события////Категория(выбираем Youtube)

 

В результате мы получим такой отчет