Замеряем эффективность вашего продающего видео на сайте

Сегодня я расскажу как добавить на сайт продающее видео о вашем бизнесе. И как узнать процент посетителей которые смотрят этот ролик.

Про то каким должно быть видео о компании и как его снять мы поговорим в отдельной статье. Сейчас я расскажу как его лучше вставить на сайт и как замерять просмотры.

Подобные видео загружаются на быстрые видео-хостинги вроде youtube или vimeo. Вы создаете свой канал и выгружаете видео. Рекомендую заполнить все предложенные поля — так вы сможете получать еще и бесплатные просмотры с youtube.

Теперь ваше видео готово для добавления на сайт. Рассмотрим два способа реализовать эту задачу.

Вставка iframe кода

Можно добавить видео на сайт вставкой iframe фрагмента. Что приведет к лишним 6 запросам к стороннему серверу и увеличит время загрузки вашей страницы. Смотреть ваше видео многие посетители вовсе не намерены. Некоторые из них еще и на мобильном интернете пришли.

К сожалению, мы не можем узнать, какой процент посетителей смотрит ваше видео. Так как клики проваливаются в iframe и системы аналитики вашего сайта не могут их зафиксировать.

Тем не менее, это самый простой способ добавить видео о компании на сайт.

Картинка-обертка

Лучшим решением будет обертка в виде картинки вокруг видео. Можно добавить значок воспроизведения, чтобы пользователь понял что это ролик. Если видео на сайте одно можно выбрать лучший кадр и поместить его на картинку.

Вот так выглядит верстка блока на моем сайте:

<div class="video" data-url="https://www.youtube.com/embed/_E2r2vOlqvA?autoplay=1&amp;loop=0&amp;showinfo=0&amp;theme=dark&amp;color=white&amp;controls=1&amp;modestbranding=0&amp;start=0&amp;fs=1&amp;iv_load_policy=1&amp;wmode=transparent&amp;rel=1"><img src="/images/video-img.jpg" alt="Что на вашей картинке?" id="main-action-img" class="fullwidth" /></div>

Вам необходимо заменить фрагмент «_E2r2vOlqvA» на ваше видео с youtube. А также изменить путь к картинке.

В коде javascript (jquery) мы вешаем событие на обработку клика по картинке. И только после клика заменяем ее на iframe с видео, которое сразу же начинает воспроизводиться.

jQuery('.video').click(function(){
var urlVideo = jQuery(this).data().url;
if (urlVideo == null) return;
jQuery(this).html('<div class="embed-responsive embed-responsive-16by9 video"><iframe class="embed-responsive-item" src="' + urlVideo + '" frameborder="0" allowfullscreen></iframe></div>');

if(typeof yaCounter23452345 != 'undefined') {
yaCounter23452345.reachGoal('ViewVideo'); // Цель Яндекс Метрики
ga('send', 'event', 'video', 'view'); // цель Google Analytics
}
});

В этом же коде мы выполняем Цели систем веб-аналитики. Их предварительно нужно создать и настроить в Яндекс Метрике и Google Analytics (тип цели: событие). О том как это сделать у нас есть отдельная статья.

Обратите внимание: «yaCounter23452345» нужно заменить на вашу переменную счетчика, и названия целей у вас могут отличаться.

Результаты

Мы тестировали продающее видео на сайте клининговой компании. Выяснилось, что видео смотрят почти 8% посетителей. А кому-то достаточно просто наличия продающего ролика на сайте, чтобы выбрать вашу компанию в качестве подрядчика.

Снимайте и выкладывайте свои продающие видео. Через них вы проявляете свою экспертность, показываете людям, что вы «настоящая» компания, а не фирма-однодневка.