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

Материал из Центр поддержки системы бронировании
Перейти к навигации Перейти к поиску
Строка 1: Строка 1:
 
Для отслеживания событий, которые происходят в системе {{NameSystem}} и передачи их в системы вебаналитики нужно разместить в разделе '''Управление сайтом → Настройка внешнего вида''' код, который будет отправлять данные о взаимодействии с элементами интерфейса
 
Для отслеживания событий, которые происходят в системе {{NameSystem}} и передачи их в системы вебаналитики нужно разместить в разделе '''Управление сайтом → Настройка внешнего вида''' код, который будет отправлять данные о взаимодействии с элементами интерфейса
 +
 +
Для облегчения интеграции с сервисами веб-аналитики в Немо заданы специальные события, которые срабатывают в зависимости от действий пользователя на сайте.
  
 
пример для Яндекс Метрики
 
пример для Яндекс Метрики
 
{{Attention|Необходимо откорректировать этот код в соответствии с используемыми в вашей теме оформления классами элементов!}}
 
  
 
<syntaxhighlight lang="javascript" line enclose="div" style="font-size:9pt;background: #F9F9F9; border: 1px dashed #2F6FAB; padding: 10px 5px; margin: 10px 0;">
 
<syntaxhighlight lang="javascript" line enclose="div" style="font-size:9pt;background: #F9F9F9; border: 1px dashed #2F6FAB; padding: 10px 5px; margin: 10px 0;">
  
$(document).ready(function () {
+
function CMSScripts($) {
var actions = [
+
    $(document).on('analyticsStartSearch', function () {
 +
        yaCounterXXXXXX.reachGoal('TARGET_NAME1');
 +
    });
 +
    $(document).on('analyticsScheduleSearch', function () {
 +
        yaCounterXXXXXX.reachGoal('TARGET_NAME2');
 +
    });
 +
...
 +
    $(document).on('analyticsCancellation', function () {
 +
        yaCounterXXXXXX.reachGoal('TARGET_NAME3');
 +
    });
 +
};
  
{
+
if (typeof require == 'function') {
selector: '.new-flights-passInfo__checkPopup__buttons__next',
+
    require(['jquery'], CMSScripts);
goal: 'book_continue_button'
+
}
},
+
else {
{
+
    CMSScripts($);
selector: '.new-flights-passInfo__footer__button_buy',
+
}
goal: 'pay_button'
 
},
 
{
 
selector: '.nemo-flights-results__summary__switch',
 
goal: 'search_change_open'
 
},
 
{
 
selector: '.new-flights-passInfo__footer__button_cancel',
 
goal: 'book_cancel'
 
}
 
];
 
 
actions.map(function (action) {
 
$(document).on('click', action.selector, function (event) {
 
event.preventDefault();
 
yaCounterХХХХХХХХХХХХ.reachGoal(action.goal);
 
                return false;
 
});
 
});
 
});
 
 
</syntaxhighlight>
 
</syntaxhighlight>
  
  
В массиве перечислены классы элементов, клик на который будет отправлять событие, указанное в goal.
+
где XXXXXX - это номер вашего счетчика заведенного, а TARGET_NAME1 - идентификатор цели в сервисе Яндекс.Метрика.
  
{{Attention|Замените '''ХХХХХХХХХХХХ''' на номер счетчика в Яндекс Метрике!}}
+
{{Attention|Замените '''XXXXXX''' на номер счетчика в Яндекс Метрике!}}
  
Далее в Яндекс Метрике создается цель типа Javascript-событие и для нее указывается соответствующее имя goal.
+
Подробнее про метод reachGoal() можно узнать в [http://yandex.ru/support/metrika/objects/reachgoal.xml документации Яндекс.Метрики]

Версия 13:58, 29 декабря 2016

Для отслеживания событий, которые происходят в системе Nemo.Travel и передачи их в системы вебаналитики нужно разместить в разделе Управление сайтом → Настройка внешнего вида код, который будет отправлять данные о взаимодействии с элементами интерфейса

Для облегчения интеграции с сервисами веб-аналитики в Немо заданы специальные события, которые срабатывают в зависимости от действий пользователя на сайте.

пример для Яндекс Метрики

 1 function CMSScripts($) {
 2     $(document).on('analyticsStartSearch', function () {
 3         yaCounterXXXXXX.reachGoal('TARGET_NAME1');
 4     });
 5     $(document).on('analyticsScheduleSearch', function () {
 6         yaCounterXXXXXX.reachGoal('TARGET_NAME2');
 7     });
 8 ...
 9     $(document).on('analyticsCancellation', function () {
10         yaCounterXXXXXX.reachGoal('TARGET_NAME3');
11     });
12 };
13 
14 if (typeof require == 'function') {
15     require(['jquery'], CMSScripts);
16 }
17 else {
18     CMSScripts($);
19 }


где XXXXXX - это номер вашего счетчика заведенного, а TARGET_NAME1 - идентификатор цели в сервисе Яндекс.Метрика.

Внимание! Замените XXXXXX на номер счетчика в Яндекс Метрике!

Подробнее про метод reachGoal() можно узнать в документации Яндекс.Метрики