Александр Кульгинский
Ведущий менеджер
Рассказывает
Павел Маслиёв,
ведущий тестировщик
Если вы маркетолог, который всё делает сам
События — это действия пользователей, которые можно отслеживать: клики по объявлениям, заполнение формы, пролистывание страницы. Когда пользователь совершает желаемое действие, отправляется событие в Гугл Аналитику или Яндекс.Метрику. В итоге мы получаем отчёт о поведении пользователей на конкретной странице сайта.
События помогают тестировать гипотезы и постоянно дорабатывать страницы. Например, мы были уверены, что кнопка «Отправить заявку» возле калькулятора увеличивает конверсию. События же показали, что ею никто не пользуется. Мы убрали кнопку и сделали блок с калькулятором более компактным.
Если события установлены некорректно, отчёт о поведении пользователей будет недостоверным. Так что каждое событие мы тестируем, чтобы убедиться, что всё работает как надо. В агентстве этим занимаются тестировщики. Но вы можете протестировать события самостоятельно — это несложно.
Составить список событий
Перед установкой событий на страницу джедаи составляют список событий. Это таблица, в которой прописаны все возможные события, в каких частях страницы они стоят, при каких условиях и на каких устройствах они срабатывают и в какую систему аналитики уходит оповещение о срабатывании. Например, если пользователь заполняет форму калькулятора вклада, информация об этом должна уйти в Гугл Аналитику и Яндекс.Метрику.
Затем джедаи самостоятельно устанавливают события на сайт или передают эту задачу разработчикам.
Список событий для посадочной страницы
Когда все события установлены, надо убедиться, что они работают правильно — протестировать их.
Настроить консоль для отслеживания событий
Сначала настройте консоль, чтобы сразу видеть, какие события срабатывают, а какие — нет.
Чтобы отслеживать события из Гугл Аналитики, установите расширение Google Analytics Debugger.
Чтобы отслеживать события из Яндекс.Метрики, вставьте параметр «site.ru/?_ym_debug=1» в браузерную строку. Пока параметр в браузерной строке, вы будете видеть события Яндекс.Метрики в консоли. Если закроете и снова откроете страницу, вам придётся заново вставлять параметр.
Когда вы установили расширение и дописали параметр, нужно перезагрузить страницу, чтобы они начали работать.
Если расширения работают нормально, при тестировании вы будете видеть прямо в консоли, какое событие отправилось и отправилось ли вообще.
Вызвать консоль в Гугл Хроме
В Windows: F12
В macOS: ⌘ + Option + i
Когда мы установили расширение, дописали параметр и перезагрузили страницу, консоль сообщит, что скрипты отладки работают
Когда консоль настроена, приступите к основной части тестирования.
Протестировать события
События для компьютеров и мобильных устройств могут отличаться, поэтому их нужно тестировать и там, и там. Рассмотрим, как это сделать, на примере события «60 секунд».
Если список событий составляли не вы, посмотрите, что нужно сделать, чтобы событие сработало. В нашем случае: скроллить и кликать по странице в течение минуты.
В строке таблицы указан тип устройства, название и описание события
Сделайте то, что нужно для срабатывания события.
Если событие работает нормально, в консоли появится сообщение, что событие отправилось.
В скобках указаны параметры события, такие же должны быть в списке событий
Проверьте, что параметры события из списка событий совпадают с параметрами в консоли.
Протестируйте собственные события по этой схеме.
Войдите в аккаунт.
Выберите устройство.
Откройте нужный сайт и вкладку Devtools в панели инструментов. Чтобы отслеживать события для Яндекс.Метрики, вставьте в браузерную строку параметр «site.ru/?_ym_debug=1».
Интерфейс Browserstack. Вкладка Devtools слева, консоль справа
Чтобы отслеживать события для Google Analytics, откройте
вкладку
Network в консоли и следите,
какие запросы уходят к www.google-analytics .com/collect.
Проверьте, что параметры события из списка событий совпадают с параметрами в консоли.
Протестируйте собственные события по этой схеме.
- передвинуть ползунок;
- кликнуть на полосу, по которой двигается ползунок;
- ввести значение с клавиатуры, а затем снять или не снять фокус с поля;
- скопировать значение в поле
откуда-либо . После этого пользователь также может снять или не снять фокус с поля.
Калькулятор на сайте
Так что рекомендую заранее продумать все способы взаимодействия пользователя со страницей и установить на них события. Если этого не сделать, некоторые действия не всегда будут фиксироваться и отчёт о поведении пользователей будет неполным. Затем обязательно протестируйте каждое событие.
Заполнить список событий
Чтобы ничего не забыть, после проверки каждого события отмечайте в списке событий, работает оно или нет:
Калькулятор на сайте
Если событие работает исправно, поставьте статус «Работает». Если не работает, работает неправильно или не установлено, поставьте «Не работает».
Работа закончена, если все события работают исправно.
13 ноября 2017
Записал Вячеслав Демиш,
отредактировалa Наташа Ганецкая
Подпишитесь, чтобы не пропустить свежие статьи
Ещё по теме
Цель 60 секунд — плагин для отслеживания достижения цели пользователем
Халид Салех, Айят Шукайр,
«Повышение конверсии веб-сайта »
Всеволод Устинов
«Как правильная отчётность помогает улучшать результаты»
Всеволод Устинов
«Как познакомиться с HTML и CSS»