Как создать цели Яндекс.Метрики для White Label и отследить переход по кнопке «Купить»

В разделе Отчёты личного кабинета Travelpayouts доступна информация о следующих действиях посетителей: 

  • количество человек, перешедших по партнёрской ссылке на сайт aviasales или hotellook и совершивших хотя бы один поиск.
  • количество посетителей, воспользовавшихся формой поиска (ввели запрос и нажали Найти).
  • количество посетителей, кликнувших на один из вариантов в результатах поиска;
  • количество посетителей, забронировавших билеты/номера в отелях.

Если же вы хотите отследить количество нажатий на кнопку Купить в вашем White Label или количество переходов по ссылкам на конкретные предложения, рекомендуем воспользоваться специальными сервисами: Яндекс Метрика или Google Analytics.

Обратите внимание! Просто добавить счётчик на страницу редиректа нельзя. Чтобы получить полезную информацию, нужно считать нажатия на кнопку Купить на странице с результатами поиска.

Установка счётчика Яндекс Метрики для формы авиабилетов

1. Инициируйте jQuery. Для этого разместите указанный ниже код на вкладке Мета данные в настройках White Label в личном кабинете Travelpayouts.
Обратите внимание, что размещать его нужно на всех Мета страницах (Главная, Авиа выдача, Отельная выдача, Страница отеля).

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

2. Перейдите на сайт Яндекс Метрики и создайте новый счётчик. 

3. Скопируйте код счётчика, перейдите в настройки White Label в личном кабинете Travelpayouts и вставьте код в поле Хедер сайта на вкладке Мои блоки.

4. Добавьте в счётчик две цели с идентификаторами BUY_BUTTON и DEEPLINK.

  • BUY_BUTTON — считает нажатия на кнопку Купить.
  • DEEPLINK — нажатия на ссылки, ведущие на сайты агентств в поисковой выдаче вашего White Label.

5. В настройках White Label добавьте следующий код в блок Футер сайта на вкладке Мои блоки:

<script>
$(document).on("click",".ticket-action-airline",function(){
ym(НОМЕРСЧЁТЧИКА,'reachGoal','BUY_BUTTON');
});
$(document).on("click",".main-proposal-link",function(){
ym(НОМЕРСЧЁТЧИКА,'reachGoal','BUY_BUTTON');
});
$(document).on("click",".ticket-action-button-deeplink",function(){
ym(НОМЕРСЧЁТЧИКА,'reachGoal','BUY_BUTTON');
});
$(document).on("click",".ticket-action-proposals-item-link",function(){
ym(НОМЕРСЧЁТЧИКА,'reachGoal','DEEPLINK');
});
</script>

где вместо НОМЕРСЧЁТЧИКА укажите номер своего счётчика Яндекс. Метрики.

6. В итоге на вкладке Мои блоки должны появиться два фрагмента кода в полях Хедер и Футер:

7. Сохраните изменения в White Label.

После этого в вашей статистике начнут отображаться все нажатия на кнопку Купить и переходы на сайты агентств на страницах редиректа.

Подробнее о работе целей в Метрике читайте на странице помощи Яндекса.

Установка счётчика Яндекс Метрики для формы отелей

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

1. Аналогично инструкции выше для авиабилетов, добавьте в счётчик две цели с идентификаторами HOTELS_BUY_BUTTON и HOTELS_BUY_LINK

  • HOTELS_BUY_BUTTON — считает нажатия на кнопку Бронировать.
  • HOTELS_BUY_LINK — считает переходы по ссылкам с вариантами номеров.

2. Перейдите в настройки White Label и откройте вкладку Мои блоки. Добавьте такой код в блок Футер сайта:

<script>
$(document).on("click",".main_gate-button",function(){
ym(НОМЕРСЧЁТЧИКА,'reachGoal','HOTELS_BUY_BUTTON');
});
$(document).on("click",".card-gates_list__name",function(){
ym(НОМЕРСЧЁТЧИКА,'reachGoal','HOTELS_BUY_LINK');
});
</script>

где вместо НОМЕРСЧЁТЧИКА укажите номер своего счётчика Яндекс. Метрики.

Добавление целей Google Analytics

Информацию о подключении целей в Аналитике смотрите в статье Как настроить цели Google Analytics для White Label.