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

Еще несколько лет назад было принято на веб-ресурсах использовать в основном текстовый или графический контент. Объяснялось это элементарно – невысокая скорость интернета не позволяла задействовать более мощные ресурсы для воздействия на аудиторию. Сегодня скорость уже не является препятствием, и видеоконтент используется на подавляющем большинстве интернет-ресурсов. В связи с растущей популярностью видео-контента, многие владельцы ресурсов, при продвижении сайтов сталкиваются с вопросом: «Как отслеживать просмотр видеороликов на своем сайте?» Как правило, этим вопросом задаются с целью выяснить и оценить заинтересованность целевой аудитории в видео-контенте. Таким образом, отслеживание взаимодействия с видео в подавляющем большинстве случаев настраивается для того, чтобы выяснить три основных критерия отношения: 1. Посетитель нажал «play» и начал просмотр – видео заинтересовало, то есть возникло желание в просмотре. 2. Посетитель просмотрел видео до определенного момента и остановил ролик – ожидания оправдались или нет. 3. Посетитель досмотрел видео до конца – ролик понравился, был интересен, познавателен. На сегодняшний день существует несколько несложных способов, которые помогут настроить отслеживание просмотра видео на сайте при помощи «Google Analytics». Все способы предусматривают использование счетчика в тандеме с дополнительным JavaScript-кодом. Такое взаимодействие помогает не только управлять воспроизведением видеоролика, но и посылать информацию, в виде событий (track Event) непосредственно на счетчик. Следует отметить, что каждый из нижеприведенных способов, имеет ряд ограничений и на данный момент не существует универсального способа отслеживания информации, касающейся просмотра видео на сайте. Это следует обязательно учитывать, при выборе варианта настройки для своего веб-ресурса. Вариант 1 Данный способ является наиболее простым, но на странице с видео должна быть подключена библиотека Jquery. Прежде всего, необходимо в коде страницы с видео прописать ссылку на Js-скрипт. На практике код вставки выглядит следующим образом: <script src=”//code.jquery.com/jquery-1.7.2.js”></script> <script type=”text/javascript” src=”/path/to/lunametrics-youtube.js”></script> Далее при помощи стандартного YouTube-кода и использования iframe, необходимо поместить видеоролик на страницу. Таким образом, можно отследить, сколько раз видео было включено и сколько раз досмотрено до конца, что даст четкое представление о заинтересованности посетителей в просмотре. Главный недостаток данного способа заключается в том, что только один видеоролик можно подключить к счетчику «Google Analytics». Кроме этого, данный вариант отслеживания не подходит для учета тех посетителей, которые используют мобильные гаджеты. Вариант 2 Этот способ немного сложнее предыдущего и отличается некоторыми особенностями, которые будут описаны ниже. Для реализации данного способа необходимо прописать файл со скриптом и дополнительный код с ID видео на странице, где будет расположен видео-контент. Выглядит это примерно так: <script src=”path/to/youtube.ga.min.js”></script> <script> var configYouTubePlayer = { videoID: ‘Rk6_hdRtJOE’ // The YouTube video ID. }; </script> Кроме этого, необходимо в том месте на странице, где будет ролик, разместить DIV c «id=ytplayer». После чего он будет замещен скриптом на iframe с видео: <div id=”ytplayer”></div> Особенность данного способа заключается в том, что можно отслеживать большее количество информации, такой как: 1. Начало просмотра (запуск) и завершение просмотра – (started\ paused\ completed video). 2. Процент завершенности просмотра – (когда просмотр достигает 25 %, 50 % или 75 % всего видеоролика). NB! – HTML 5 обязательно должен поддерживаться браузером! – Событие отслеживается только при первом запуске! – Значение параметра opt_noninteraction устанавливается как true, поэтому события, касающиеся просмотра видеоконтента, не влияют на показатель отказов! – Отследить можно только один ролик, как и в первом варианте, но есть возможность выбрать, какой именно отслеживать! – Посмотреть видео при помощи мобильных гаджетов невозможно! – Посетители, у которых отключен JavaScript, также не смогут увидеть видеоролик! Вариант 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); var player; function onYouTubePlayerAPIReady() { player = new YT.Player(‘player’, { height: ‘390’, width: ‘640’, videoId: ‘Y8B9gMvcfQY’, events: { ‘onReady’: onPlayerReady, ‘onStateChange’: onPlayerStateChange } }); } function onPlayerReady(event) { /// event.target.playVideo(); } function onPlayerStateChange(event) { if (event.data ==YT.PlayerState.PLAYING) {_gaq.push([‘_trackEvent’, ‘Page Name’, ‘Video Name’, ‘Play’, player.getVideoUrl() ]); } if (event.data ==YT.PlayerState.ENDED) {_gaq.push([‘_trackEvent’, ‘Page Name’, ‘Video Name’, ‘Watch to End’, player.getVideoUrl() ]); } } </script> После чего, необходимо указать ID ролика в параметре video ID и в произвольной форме установить Page Name, Video Name в ‘_trackEvent’. Прописать на месте ролика такой DIV <div id=”player”></div> В результате реализации данного способа можно отследить запуск видеоролика и его просмотр до самого конца. Для большего удобства при анализе статистики можно указывать свое название видеоконтенту. Все три варианта на сегодняшний день являются подходящими способами для отслеживания просмотров видеороликов на сайте. Без сомнения каждый из них имеет свои сильные и слабые стороны, взвесив которые можно подобрать тот способ, который идеально подойдет для сбора информации в конкретно взятых условиях. Конечно, существует масса и других способов, при помощи которых можно внедрить собственное видео на сайт. В таких случаях, способ отслеживания будет зависеть непосредственно от выбора плеера, с помощью которого видеоконтент устанавливается на страницы веб-ресурса. Например: Flow Player имеет исходный код с плагином для подключения «Google Analytics». С пошаговой инструкцией можно ознакомиться здесь: http://flash.flowplayer.org/plugins/flash/analytics.html Информация для интеграции «Google Analytics» в видеоплеер Adobe Flash – https://developers.google.com/analytics/devguides/collection/other/flashTrackingIntro?csw=1 Для видео на HTML5 – http://www.elisa-dbi.co.uk/blog/how-to-integrate-google-analytics-in-video-html5-and-goodbye-to-flash/ Следующий шаг – это настройка выполнения события, как выполнение цели. Для этого необходимо: 1. В «Google Analytics» нажать вкладку «Администратор». 2. Зайти на вкладку «Цели» и создать цель. 3. Ввести имя цели и выбрать тип «Событие». 4. Заполнить поля в цели таким образом:

• Категория – идентичная
• Action – идентичная
• Ярлык – идентичный
• Значение – идентичное

5. Нажать «Сохранить». Подводя итог вышеизложенному, можно сделать вывод, что современные инструменты веб-аналитики предлагают несколько эффективных способов для отслеживания взаимодействия посетителей с видеоконтентом на сайте. Исходя из условий, а также целей и задач интернет-проекта, подобрать наиболее оптимальный вариант, который предоставит необходимый объем информации для анализа и последующей оптимизации, не составит особого труда.