Создание воронок сайта и измерение конверсии за чашкой кофе без строчки кода

coffe

Вы наверно уже знаете про огромное количество сервисов сессионной аналитики. Когда анализ делается на основе открытия страниц. Яндекс Метрика и Гугл Аналитика, например.

Сейчас появляются сервисы событийной аналитики – когда анализ делается на основе событий совершаемых пользователем на сайте. Она может быть намного точнее, так как собираются данные только по конкретным событиям. Например, Mixpanel.com. 
Но в таких сервисах самая большая проблема – внедрение. Нужно понимать языки программирования, владеть навыком нажимать правую кнопку мыши и запускать консоль браузера. Мы решили эту проблему.

Мы чертовски настойчиво делаем сервис carrotquest.ru – сервис событийной аналитики с инструментами увеличения конверсии. И у нас получилось решить проблему внедрения так, чтобы в код лезть не приходилось. Решение еще не идеальное, но мы знаем, как сделать его лучше. 

Посмотрим на уже знакомый из статьи про полезные окошки сайт – finist-travel.com

finist2

 

 

Определяем, какие страны смотрит посетитель

Для начала создадим событие «зашел на страницу». По этому событию будем отслеживать посещение пользователем любой из страницы Стран (их там много:)). Это поможет узнать, какие страны смотрят пользователи и добавить шаг «просмотр страны» в воронку.

В сервисе carrotquest.ruоткрываем формочку создания автособытия, выбираем тип события «зашел на страницу». И указываем URLстраницы со страной: http://finist-travel.com/country

auto1

В общем то все, для того чтобы отслеживать переход на страницу страны этого достаточно. Но нам же интересно, какую именно он страну посмотрел. Для этого мы должны указать CSS-селектор DOM-элемента. Сделать это можно с помощью виджета для хрома: selectorgadget.com

Он позволяет выбрать мышкой любой элемент сайта (или несколько) и узнать его селектор. На странице страны нам нужен только заголовок:

finist2

Здесь мы выделили только один элемент сайта и получили значение селектора: .headerh1. Красное пятно – это блок, с которого мы сняли выделение.

Конечно, то же самое значение селектора можно получить через консоль разработчика в браузере.

finist_kod

Копируем значение селектора и вставляем в свойство селектора в автособытие carrotquest.

auto2

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

Открываем раздел «пользователи», выбираем подогретого пользователя и видим все страны которые он смотрел.

users

Теперь мы можем видеть все страны, которыми интересуется посетитель, и написать ему в античат предложения поиска лучшей путевки.

 

Какой тур интересует нашего анонима?

На сайте финист тревел есть функция, поиск тура. «Ей довольно часто пользуются», — говорит нам клиент. Мы решили это проверить. Более того, узнать, что именно ищет анонимный посетитель сайта.

podbor_tura

Для этого создаем автособытие типа «клик».

auto3

Назовем его «подбор тура».

Теперь определим селектор у кнопки «найти тур» воспользовавшись виджетом для хрома selectorgadget.com. Открываем сайт, выделяем нужную кнопку, получаем селектор: .custom .radius

find_tyr

Теперь точно так же определяем значение формы «откуда» и «куда». Получаем: #city+ .dropdown .current и #country+ .dropdown .current соответственно.

Теперь вписываем эти значения в свойства селекторов:

auto4

 

Готово. Мы знаем не только, сколько пользователей делают поиск тура, но и что именно ищет каждый анонимный посетитель сайта.

user1

Теперь ему можно написать в античат предложение помочь подобрать тур в эту страну.

 

Строим воронку по собранным данным

Мы добавили в сервис carrotquest.ruсобытия «смотрит страну» и «ищет тур». Большого смысла строить по ним воронку нет – это не зависимые события. Но почему бы инет:)

Для этого заходим в раздел воронки, нажимаем «добавить воронку». Появляется окошко создания воронки.

voronka

 

Добавляем в нее нужные нам шаги воронки:

  • Начал сессию — кол-во уников открывших сайт
  • Ищет тур – кол-во уников искавших тур
  • Смотрит страну – кол-во уников посмотревших любую страну

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

voronka2

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

Точно также можно собрать данные для интернет-магазина, и построить уже более осмысленные воронки.

 

Демо-доступ этой можно получить здесь.