Веб-аналитика: различия между версиями

Материал из Центр поддержки системы бронировании
Перейти к навигации Перейти к поиску
(Описание)
(Отслеживание событий)
Строка 18: Строка 18:
 
[[Файл:Идентификатор_цели.jpeg|thumb|300px|Идентификатор цели]]
 
[[Файл:Идентификатор_цели.jpeg|thumb|300px|Идентификатор цели]]
  
Для передачи информации в сервисы веб-аналитики, вызванные действиями пользователя javascript-события необходимо «отследить»,
+
Для передачи информации в сервисы веб-аналитики вызванные действиями пользователя javascript-события необходимо «отследить»,
получить из них желаемую информацию и сделать соответствующие обращения к сервисам аналитики.
+
получить из них желаемую информацию и сделать соответствующие обращения к сервисам веб-аналитики.
  
 
Пример достижения целей в сервисе '''Яндекс.Метрика''':
 
Пример достижения целей в сервисе '''Яндекс.Метрика''':
Строка 34: Строка 34:
  
 
Где ''XXXXXX'' — номер счетчика Яндекс.Метрики, ''ИДЕНТИФИКАТОР_ЦЕЛИ_X'' и ''ИДЕНТИФИКАТОР_ЦЕЛИ_Y'' —
 
Где ''XXXXXX'' — номер счетчика Яндекс.Метрики, ''ИДЕНТИФИКАТОР_ЦЕЛИ_X'' и ''ИДЕНТИФИКАТОР_ЦЕЛИ_Y'' —
идентификаторы двух разных целей в метрике, а <code>data</code> — дополнительные параметры, которые в данном случае передаются
+
идентификаторы двух разных целей в Яндекс.Метрике, а <code>data</code> — дополнительные параметры, которые в данном случае передаются
 
как [https://yandex.ru/support/metrika/data/visit-params.xml Параметры визита].
 
как [https://yandex.ru/support/metrika/data/visit-params.xml Параметры визита].
  

Версия 13:21, 3 апреля 2017

Веб-аналитика — функция системы бронирования билетов онлайн Nemo.travel для отслеживания действий пользователя во время процесса поиска и бронирования авиабилетов.

Описание

Для отслеживания действий пользователя во время процесса поиска и бронирования авиабилетов, в Nemo.travel используется система событий, позволяющая передавать данные в различные сервисы веб-аналитики, такие как Яндекс.Метрика, Google Analytics, а также обеспечивает возможность настроить передачу данных в любые другие сервисы.

Принцип работы

При совершении пользователем определённых действий, в системе вызываются специальные javascript-события на объекте document. В объект события также передаются дополнительные данные (если имеются), которые характеризуют действия пользователя.

Например, при смене типа маршрута на форме поиска, срабатывает событие analytics.searchForm.tripType.value и в объект события передаётся javascript-объект со свойством value, содержащим тип выбранного маршрута (OW, RT или CR).

Отслеживание событий

Идентификатор цели

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

Пример достижения целей в сервисе Яндекс.Метрика:

$(document).on('analytics.checkout.booking.book', function (event, data) {
    yaCounterXXXXXX.reachGoal('ИДЕНТИФИКАТОР_ЦЕЛИ_X');
});
    
$(document).on('analytics.checkout.booking.buy', function (event, data) {
    yaCounterXXXXXX.reachGoal('ИДЕНТИФИКАТОР_ЦЕЛИ_Y', data);
});

Где XXXXXX — номер счетчика Яндекс.Метрики, ИДЕНТИФИКАТОР_ЦЕЛИ_X и ИДЕНТИФИКАТОР_ЦЕЛИ_Y — идентификаторы двух разных целей в Яндекс.Метрике, а data — дополнительные параметры, которые в данном случае передаются как Параметры визита.

Полный список событий

Событие Параметры Описание
analytics.searchForm.directFlights.active value: true или false Опция «Только прямые» / «Без пересадок”
analytics.searchForm.tripType.value value: OW, RT, CR Выбор типа маршрута
analytics.searchForm.additionalParameters.fastFlights.active value: true или false Опция «Только короткие (до 2 часов)”, в блоке «Еще параметры”
analytics.searchForm.additionalParameters.maxRouteTime.value value: число, количество часов «Время в пути”, в блоке «Еще параметры”
analytics.searchForm.additionalParameters.maxPrice.value value: число, максимальная стоимость перелёта Поле «Цена билетов”, в блоке «Еще параметры”
analytics.searchForm.additionalParameters.carriers.value value: массив, список авиакомпаний Поле «Авиакомпании”, в блоке «Еще параметры”
analytics.searchForm.serviceClass.value value: строка, класс обслуживания Выбор класса обслуживания
analytics.searchForm.vicinityDates.active value: true или false Опция «Искать ±3 дня» (окружные даты)
analytics.searchForm.search.validationError - Ошибка валидации формы поиска
analytics.searchForm.search - Запуск поиска
analytics.searchForm.scheduleSearch - Запуск поиска по расписанию
analytics.searchResults.compareTable.active value: true или false Открытие / закрытие блока со сравнительной таблицей перелётов
analytics.searchResults.fastSearchForm.active value: true или false Открытие / закрытие блока с формой поиска на результатах поиска
analytics.searchResults.fastSearchForm.active value: true или false Открытие / закрытие блока с формой поиска на результатах поиска
analytics.searchResults.sort.value value: строка, тип сортировки Выбор типа сортировки перелётов
analytics.searchResults.displayType.value value: list, tile Переключатель формата отображения перелётов (список/карточки)
analytics.searchResults.flight.select - Кнопка покупки перелёта на результатах поиска
analytics.searchResults.showAllFlights - Кнопка показа всех перелётов (под поисковой выдачей)
analytics.searchResults.fareFamilies.load - Кнопка «Выбрать другой тариф”, процесс поиска семейств тарифов на результатах поиска
analytics.searchResults.fareFamilies.select - Кнопка покупки перелёта в попапе выбора семейства тарифов на результатах поиска
analytics.searchResults.filter.value name: название фильтра, value: значение фильтра Фильтры поисковой выдаче
analytics.checkout.customer.needNewAccount.active value: true или false Опция создания нового аккаунта
analytics.checkout.customer.visa.active value: true или false Опция внесения данных о визе
analytics.checkout.customer.meal.value value: строка, код типа питания Выбор типа питания
analytics.checkout.customer.loyaltyCard.active value: true или false Опция внесения карты лояльности
analytics.checkout.promocode.active value: true или false Попап с внесением промокода
analytics.checkout.promocode.apply - Внесение промокода
analytics.checkout.fareRules.load - Загрузка тарифных правил
analytics.checkout.booking.book - Бронирование успешно завершено
analytics.checkout.payment.gateway.value value: число, ID платежного шлюза в Nemo Выбор платежного шлюза
analytics.checkout.booking.cancel - Аннуляция заказа
analytics.checkout.booking.buy - Переход к оплате заказа
analytics.checkout.services.disableExtservices.active value: true или false Опция отказа от дополнительных услуг
analytics.checkout.services.alphaInsurance.active value: true или false Опция активации АльфаСтрахования
analytics.checkout.services.alphaInsurance.value value: строка или массив, коды выбранных продуктов Выбор продукта (-ов) АльфаСтрахования
analytics.checkout.services.ervInsurance.active value: true или false Опция активации ERV Страхования
analytics.checkout.services.ervInsurance.value value: строка или массив, коды выбранных продуктов Выбор продукта (-ов) ERV Страхования
analytics.checkout.services.ervInsurance.supplementary.value value: строка или массив, коды выбранных продуктов Выбор дополнительного (-ых) продукта (-ов) ERV Страхования
analytics.checkout.services.servicePack.value value: число, ID выбранного сервисного пакета в Nemo Выбор сервисного пакета
analytics.checkout.booking.returnComplete - Завершение процесса возврата
analytics.checkout.booking.exchangeComplete - Завершение процесса обмена

Пример интеграции с Яндекс.Метрикой

Код счетчика

Для отслеживания действий пользователей на сайте с помощью Яндекс.Метрики, необходимо:

  • Зарегистрироваться в сервисе и получить код счетчика метрики
  • Полученный код необходимо поместить в код страницы между тегами <body></body>
  • В настройках счетчика добавить необходимые цели, указав произвольное название цели, в качестве значения «Тип условия»

выбрать «JavaScript-событие» и указать произвольный «Идентификатор цели", который в дальнейшем будет использован в коде отслеживания событий

  • Добавить на страницу код отслеживания нужных событий (код должен располагаться ниже кода счетчика):
function yandexScripts($) {
    $(document).on('analytics.searchForm.tripType.value', function (event, data) {
        yaCounterXXXXXXXX.reachGoal('идентификатор_цели_смены_типа_маршрута', data);
    });

    $(document).on('analytics.checkout.booking.book', function (event, data) {
        yaCounterXXXXXXXX.reachGoal('идентификатор_цели_бронирования', data);
    });

    $(document).on('analytics.checkout.booking.buy', function (event, data) {
        yaCounterXXXXXXXX.reachGoal('aидентификатор_цели_оплаты', data);
    });
};
 
if (typeof require == 'function') {
    require(['jquery'], yandexScripts);
}
else {
    yandexScripts($);
}