+38 (044) 238 8475
Украина
Отправить заявку
рус
укр pol
X
Подпишитесь на ежемесячную рассылку
  • самые полезные статьи по интернет-маркетингу;
  • акционные предложения от компании "Prodex".
Уже подписались 4837 человек
Запросите коммерческое предложение
ГлавнаяНаш блогКак глубоко пользователи «ныряют» в Landing Page?

Как глубоко пользователи «ныряют» в Landing Page?

2 Февраль
2015 года
2 Февраль
2015 года

Практика последних лет показывает, что при создании качественной посадочной страницы (Landing Page) конверсия сайта вырастает в несколько раз. Этим и вызван значительный спрос на создание таких страниц. Но как правильно проанализировать уровень вовлеченности пользователя в контент на "лэндинга"?

Основной проблемой является то, что все взаимодействие пользователя с сайтом заключается в чтении информации с дальнейшим целевым действием (звонок, скачивание прайса, расшаривание страницы в социальных сетях или заполнение формы заказа). Если конверсия страницы будет даже на уровне 15-20%, что очень не плохо, то все остальные посетители (а это 75-80%) будут отображаться в системе аналитики с глубиной просмотра равной одной странице и с показателем отказа в 100%.

Но не всех из этих 75-80% пользователей стоит списывать в отказники. Давайте разберемся, как можно их реабилитировать.

Время нахождения на странице

Это первое, что приходит в голову.

Если пользователь пробыл на сайте определенное время (15 секунд, 2 минуты или любой другой период  – это субъективный показатель и оценивается на глаз), то он скорее всего читал текст на странице, разглядывал фотографии и т.д. А это значит – определенное взаимодействие со страницей все таки происходило. Чтобы перевести его из ряда отказников в ряд потенциально заинтересованных пользователей, мы можем запустить таймер, который будет отсчитывать время нахождения на сайте. Если по истечении определенного периода времени у пользователя все еще будет открыта страница, то, с большой долей вероятности, его можно зачислить к категории заинтересованных посетителей.

Как это реализовать технически

Достаточно просто в код страницы, после инициализации счетчика Universal Analytics, добавить строку

<script>setTimeout(ga('send', 'event', 'category', 'action'), XXXXX);</script>

где

  • category – имя категории события (может быть любое);
  • action – действие события (может быть любое);
  • XXXXX – время задержки таймера в миллисекундах (1 секунда = 1000 милисекунд).

Таким образом, мы отправляем в Universal Analytics информацию о том, что было запущено определенное событие. С точки зрения логики системы аналитики – если в рамках текущей сессии было выполнено какое-нибудь событие, то данное посещение, даже при глубине просмотра в 1 страницу, не будет засчитано в отказы.

Например, если мы хотим отсеивать пользователей, находящихся на сайте менее 15 секунд, то код вставки будет выглядеть так:

<script>setTimeout(ga('send', 'event', 'Показатель отказов', '15 секунд'), 15000);</script>

После вставки кода можно сразу же открыть Landing page и проконтролировать в Google Analytics отслеживание события в реальном времени.

 image003

На данном этапе мы можем отсеять всех тех, кто точно не является целевыми посетителями. Это пользователи, не выполнившие целевое действие и быстро покинувшие сайт.

При этом возникает следующий, абсолютно закономерный вопрос – а все ли пользователи, пробывшие на сайте больше определенного "минимума" времени, являются активными? Может пользователь открыл сразу несколько вкладок, а потом через 5 минут все их позакрывал, даже не посещая? Или он ушел сделать себе чай, а вернувшись – сразу закрыл страницу?

Выход есть и в данной ситуации!

Глубина скролла страницы

Количество просмотренных экранов – это второй фактор, который помогает определить степень заинтересованности посетителя. Ведь листать долгую, нудную и скучную страницу вниз вряд ли кто-то будет.

Если говорить о стандартном функционале – то он есть в Яндекс Метрике и называется Карта Скроллинга. Но при желании можно внедрить похожий функционал и в Universal Analytics.

Для этого можно воспользоваться сторонним скриптом Scroll Depth (глубина скроллинга), который устанавливается за считанные минуты.

Принцип его работы очень прост – при прокручивании страницы на 25%, 50%, 75% и 100% он активирует соответствующие события, которые передаются в Universal Analytics. Это дает возможность сегментировать аудиторию по уровню вовлеченности в контент страницы.

image005

Также есть дополнительная надстройка – отслеживать просмотры конкретных блоков страницы (при условии, что в HTML коде они обозначены через разные id). Это актуально для тех случаев, когда страница имеет много логических блоков и нам нужно определить, на каком из них идет отток посетителей.

Как это реализовать технически

Первым делом надо убедиться, что подключена библиотека jQuery версии 1.7 или выше. Если это не сделано – её нужно подключить (с правильным указанием пути к нему):

<script src="jquery-2.1.0.min.js"></script>

Потом скачиваем файл скрипта и подключаем его на странице сайта (опять же – с правильным указанием пути к нему).

<script src="jquery.scrolldepth.min.js"></script>

После этого указываем дополнительные настройки. В примере ниже все параметры выставлены по умолчанию.

<script>

jQuery(function() {

jQuery.scrollDepth({

minHeight: 0,

elements: [],

percentage: true,

userTiming: true,

pixelDepth: true,

nonInteraction: true

});

});

</script>

  • minHeight – указываем минимальную высоту страниц в пикселах, для которых надо проводить отслеживание скроллинга. По умолчанию стоит 0, что соответствует отслеживанию всех страниц. Но если вы не хотите отслеживать короткие страницы своего сайта, например с высотой до 1500px, то укажите minHeight: 1500.
  • elements – указываем список id элементов, скролл до которых хотим отслеживать. Например, elements: ['#intro', '#portfolio', '#pricing', '#order']. Если не интересуют конкретные элементы, то оставляем поле пустым.

image007

  • percentage – если нас интересует глубина скролла в процентах, то ставим true, если нужно отследить скролл до определенных элементов, ставим false.

image009

  • userTiming – если нас интересует, за какое время пользователь доходит до процентной отметки или до определенного элемента с момента загрузки страницы,  ставим true. Если нет – то false. Информация по скорости скроллинга до определенных чек-пунктов находится в отчете Поведение -> Скорость загрузки сайта -> Пользовательское время.

image011

  • pixelDepth – показывает глубину скроллинга (25%, 50%, 75% и 100%), но только в пикселах, при этом округленных до 250. Может быть актуально для анализа глубины скроллинга. Мобильная и десктопная версия страницы сильно отличается по высоте. В таком случае мобильным пользователям приходится преодолевать бóльшие расстояния. Установив значение true Вы всегда будете в курсе, какой путь был пройден в абсолютных значениях (!) Данная опция срабатывает только при условии, что в параметре percentage стоит true.
  • nonInteraction – уже знакомый нам параметр, который определяет, относить ли посещения одной страницы, но с прокруткой, к отказам или нет. По умолчанию стоит true, т.е. прокрутка не влияет на показатель отказов. Если Вы хотите посещения со скроллингом не относить в отказы, то установите значение false.

Вывод

В результате разовой и нехитрой настройки данного инструмента можно получить более детальную информацию о поведении посетителей на страницах сайта. Как эту информацию использовать – решать уже Вам.

Вот несколько возможных примеров использования данной информации:

  • Проработать блоки, на которых теряется больше всего посетителей. Не забудьте запустить A/B тестирование после корректировки страницы, чтобы проверить свою гипотезу.
  • Запустить ремаркетинг на пользователей, которые прошли более 50% «пути» по Вашему сайту. Очевидно, что они будут более лояльны к Вашей рекламе.
  • Сравнить сегменты пользователей, которые прошли разное расстояние от первого экрана вниз и определить, какие источники/каналы/запросы/объявления приводят лучшую аудиторию.
568

Смотрите также:

Пожалуйста, оставьте ваш комментарий:

  • Ирина

    Спасибо за полезную статью) Написано понятно, применимо на практике и читается легко.

    • Сергей К.

      Ирина, спасибо за отзыв. Буду стараться и дальше радовать практическими примерами. Следите за нашим блогом :)

  • Анастасия Рыжова

    Добрый день! Интересует показатель «Образец пользовательского времени». В чем он измеряется ии что он считает?

X
Подпишитесь на ежемесячную рассылку
Уже подписались 4837 человек
Украина
Киев 04116,
ул. Ванды Василевской, 7, офис 501
Карта проезда