Как отследить с помощью Яндекс Метрики или Google Analytics взаимодействие с формой поиска

Обратите внимание! Отслеживание технически невозможно, если форма поиска вставлена на страницу с помощью iframe-кода. Используйте компактный или полный код формы для вставки.

Один из способов подключения отслеживания событий использования формы поиска — это использование библиотеки jQuery.

Чтобы отслеживать клики по кнопке «Найти» в Яндекс Метрике, необходимо сделать следующее:

1. Добавить цель в настройки Яндекс Метрики:

2. Разместить на странице форму поиска.

3. Инициировать jQuery. Для этого разместите код во вкладке Мета:

<script>
var script = document.createElement('script'); script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'; document.head.appendChild(script);
</script>

4. Разместить на странице код Яндекс Метрики и код определения цели (размещать их нужно после инициации jQuery).

Код для авиа-формы:

<script>

$(document).on("click",".mewtwo-flights-submit_button",function(){
yaCounterMETRIKAID.reachGoal('TARGET_NAME'); 
});

</script>

Код для отельной формы:

<script>

$(document).on("click",".mewtwo-hotels-submit_button",function(){
yaCounterMETRIKAID.reachGoal('TARGET_NAME'); 
});

</script>

здесь METRIKAID — номер вашего счетчика, а TARGET_NAME — идентификатор цели (в нашем примере это CLICKBT).

Дополнительную информацию о подключении читайте здесь.

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

Google Analytics подключается аналогично Яндекс Метрике, только вместо yaCounterMETRIKAID.reachGoal('TARGET_NAME'); необходимо указать:

ga('send', 'event', 'TARGET_NAME');

Подробная документация доступна на сайте Google.