Урок 2. Как начать собирать информацию о действиях пользователей

Чтобы использовать все возможности сервиса максимально (детально сегментировать пользователей, знать, что каждый из них делал на сайте, создавать автоматические рассылки и вовлекать пользователей в покупку), нужно первоначально настроить сбор данных о всех ваших пользователях. Сбор данных — это краеугольный инструмент всего сервиса. От того, как вы настроите сбор данных, зависит эффективность всей вашей дальнейшей работы.

Т.к. сервис направлен на автоматизацию и персонализацию коммуникаций с пользователями, необходимо знать ключевую информацию о каждом пользователе.

Данные о пользователях разделяются на свойства и события.

Свойства пользователя — информация, которую мы получили о пользователе.

События пользователя — информация о действиях, которые посетитель совершил.

2015-11-19 17-48-45 Методичка для лендингов 1 - Microsoft Word (Сбой активации продукта)

Carrot Quest без каких-либо настроек собирает такие свойства пользователя, как:

  • email (определяет из любого поля ввода);
  • источник трафика (адрес сайта, с которого пришел пользователь);
  • UTM-метки (чтобы детально отслеживать источники перехода);
  • страна, регион, город;
  • количество сессий;
  • наличие диалогов (в чате, pop-up или по email);
  • определение данных в соц. сетях (facebook, vk, twitter и др.)

Сервис сразу же собирает еще и данные о нескольких действиях пользователя (события):

  • начал сессию (счетчик);
  • начал сессию (первый раз);
  • начал сессию (последний раз).

Дополнительная информация о событии:

  1. «перв» — дата, когда событие было выполнено пользователем первый раз;
  2. «посл» — дата, когда событие было выполнение пользователем последний раз;
  3. «счетчик» — общая сумма, сколько раз было выполнено данное событие одним пользователем.

!!! Для получения максимальной отдачи от сервиса, необходимо настроить дополнительные события, которые будут определяться при совершении пользователем:

  • посещение страницы (чтобы знать, какие страницы посещал пользователь);
  • прокрутка страницы до конца (чтобы понимать, что пользователь посмотрел информацию на странице);
  • клик по элементу (клики на кнопки, ссылки, картинки);
  • заполнение полей ввода (если у вас есть поля, где вы собираете дополнительную информацию — имя, фамилия, компания и др.)

Перечисленные выше данные можно собирать без помощи программиста, для этого используется Selector Gadget. Он помогает определять селекторы элемента и настраивать сбор данных (например, клик по кнопке).

Настройка и создание дополнительных событий

Для упрощения работы в сервисе есть «Мастер сбора данных» ( «Треккинг» — «Мастер сбора данных»).  В нем вы можете создать события,  записывающие действия пользователя на сайте. События могут быть совершенно разные, здесь мы подробно разберем только базовые.

image001

 

1. Посещение страницы

Создается событие посещения страницы (и ее подстраниц). Сервис определяет, что пользователь посетил заданную страницу.

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

Все просто. Сначала вводите адрес страницы, информацию о посещении которой вы хотите получить:

image002

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

image003

Ну и конечно же, нужно придумать название событию, чтобы понимать, какую именно страницу посетил пользователь. Например, «Зашел на страницу Цены».

image004

Событие настроено, начинаем сбор данных.

 

2. Прокрутка страницы до конца

По настройке здесь все аналогично с предыдущим пунктом (посещение страницы). Единственное отличие, что событие появится, когда пользователь прокрутит эту страницу до конца.

Можно настроить различные проценты прокрутки страницы (например, прокрутил 70% страницы), только для этого нужно будет использовать API.

 

3. Клик по элементу

Данное событие вам понадобится, если вы хотите отследить любые клики пользователя. Клики на кнопки, картинки, ссылки и т.д.

Настройка клика занимает на пару минут дольше  2-х предыдущих событий. Здесь как раз потребуется Selector Gadget, который подскажет сервису, клик на какую именно кнопку необходимо отслеживать.

В других сервисах (например, google analytics) сбор подобных данных можно настроить только с помощью кода и программиста.

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

image005

Работа с Selector Gadget. Устанавливаете расширение Selector Gadget на Google Chrome, после чего переходите на ваш сайт, нажимаете на иконку приложения в правом верхнем углу браузера.

image006

После нажатия селектор гаджет начинает действовать и вы видите, какие объекты вашего сайта можно выделить. При наведении на элементы вашего сайта, они будут выделяться. Нас больше всего интересуют кнопки (ведь именно на них кликают посетители).

image007

Если кликнуть по любому элементу, то вы сможете увидеть их селектор в правом нижнем углу.

image008

Кроме элемента, на который мы кликнули (зеленый цвет), выделись другие элементы (желтый цвет). Селектор сразу выделяет похожие друг на друга элементы. Для правильного сбора события нужно исключить их влияние. Для этого нужно кликнуть по желтым объектам, тогда мы сможем выделить их красным цветом — убрать их из определения селектора (плагин рядом с кнопкой “Clear” показывает количество выделенных объектов). Наша задача, чтобы в строке Clear была цифра 1, а желаемая кнопка подсвечивалась зеленым.

image009

Теперь мы копируем получившийся у нас селектор. В нашем примере это: .state-error~ .state-error+ .col-sm-6 input

Возвращаемся в административную панель и вставляем его в поле  CSS-селектор элемента:

image010

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

image011

Аналогично предыдущим событиям, даем название и начинаем собирать данные.

image012

 

4. Заполнение поля ввода

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

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

image013

Заходим на страницу сайта и с помощью Selector Gadget выбираем поле, информацию из которого хотим собирать.

image014

Копируем селектор поля. В нашем случае #Site. Вставляем в поле ”CSS-селектор”.

image015

Далее выбираем, на каких страницах будем собирать данные из этого поля. Сбор будет осуществляться на всех страницах, где есть форма, либо только на этой.

image016

Следующий шаг важен, так как от него зависит, как будут структурированы ваши данные в карточке пользователя. В какое свойство из этого поля данные запишутся в карточку. Если пользователь вводит свое имя, то название свойства должно нам об этом указывать — это «Имя». Аналогично для других свойств: фамилия, телефон и т.д. В случае с примером, это «Название сайта».

image017

Придумываете название событию, чтобы потом видеть его в разделе «Собираемые данные». Начинаем собирать данные.

image018

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

Дополнительные свойства

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

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

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

image019

Давайте рассмотрим, как происходит настройка сбора дополнительных свойств. При создании любого из 4 стандартных событий в настройке есть раздел «добавить дополнительные свойства». То вам будут доступны две настройки: свойства из селекторов и текстовые свойства.

image020

Свойства из селекторов:

Это свойство, которое будет собираться из дополнительных селекторов (например, заголовок страницы, любое дополнительное поле ввода и т.д.). Его настройка происходит аналогично настройке кликов и заполнения полей ввода. Вы выбираете название свойства и подставляете селектор нужного элемента (с помощью Selector Gadget, как было описано ранее).

image021

Текстовые свойства:

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

Вы просто вводите название свойства и справа сами же вводите его значение. Например, при посещении пользователем определенных страниц, на которых указано описание ваших услуг, вы можете добавить дополнительное свойство «Просмотрел» — «Описание услуг». Т.к. все страницы с описанием услуг разные и название основного события на них будет отличаться, текстовым свойством вы сможете легко сгруппировать все эти события, чтобы маркетолог (оператор, администратор) могли так же легко понять, что пользователь уже смотрел (ведь не все помнят, что находится на той или иной странице сайта).

Или, 2-й пример: Вы настроили клики пользователя на кнопки. Клик на кнопку зарегистрироваться. Таких кнопок на вашем сайте может быть несколько. В названии событии вы все их называете «Зарегистрировался». В таком случае, в хронологии событий (+ в карточке пользователя) эти события объединяются. Но вам необходимо знать, на какую именно кнопку из всех нажимал пользователь. Чтобы понимать, на какой именно странице или на каком именно месте пользователь кликнул кнопку, вы и настраиваете каждому клику дополнительное текстовое свойство.

image022

Использование дополнительных свойств встречается не так часто. Их настройка больше зависит от ваших задач.

 

Продвинутые возможности мастер сбора данных

В сервисе можно настроить любые сценарии сбора данных, передачи информации из сторонних сервисов, склеивание пользователей (один и тот же пользователь с разных устройств определяется как один) и др. Для всего этого уже понадобится помощь программиста, т.к. здесь активно используется API, работа с кодом и т.д.

В Мастере сбора данных в разделе продвинутых возможностей есть подробное описание с документацией и помощью.

image023

 

 

2. API для сбора данных о действиях пользователя

Чтобы использовать API необходимо иметь доступ к программному коду сайта.

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

Подробная инструкция по API есть в нашей базе знаний.

 

 

Вот 9 уроков, которые помогут вам получить максимум пользы от сервиса Carrot Quest

Урок 1. Как добавить ваших коллег и операторов в чат.

Урок 2. Как начать собирать информацию о действиях каждого пользователя.

Урок 3. Возможности для операторов онлайн-чата.

Урок 4. 4 Killing фичи Carrot Quest.

Урок 5. Раздел Лиды. Как работать с базой пользователей и собрать больше лидов.

Урок 6. Раздел Live. Как в режиме реального времени отследить посетителя сайта и сделать продажу.

Урок 7. Фильтрация и сегментация пользователей.

Урок 8. Персональный email-маркетинг по сегментам пользователей.

Урок 9. Триггерный email-маркетинг. На примере брошенного заказа.