Сейчас в сети: 446
Настройка целей, отслеживание электронной торговли, многоканальные последовательности и тд
Подсказки
star_border
Ответить

Отслеживание ввода данных в строке адреса на странице

Студент ✭

Добрый день!
Нам необходимо на сайте https://juta-ukraine.com.ua/gde-kupit/ отслеживать данные, которые вводят пользователи при поиске местоположения.

Использую код:
function() {
var textboxSelector = "[name=element_name]";
var textbox = document.querySelector(textboxSelector);
return textbox.value;
}

Но в аналитикс в разделе Действие по событие - undefined.

Подскажите, пожалуйста, какой для этого скрипт для ГТМ можно использовать или как изменить данный код?

1 Ответ экспертаverified_user

Отслеживание ввода данных в строке адреса на странице

Ведущий участник

Отследите потерю фокуса - addressField.onblur . В этот момент там уже нужные данные. Передайте в функции пользовательское событие в dataLayer. По этому событию и передавайте данные. 

 

Отслеживание ввода данных в строке адреса на странице

Студент ✭

Андрей, спасибо за помощь. 

Я изменила код:
function() {
var textboxSelector = "#addressField";
var textbox = document.querySelector(textboxSelector);
return textbox.value;
}

Событие срабатывает, города отображаются. 
Но это событие работает только тогда, когда пользователь что-то вел в строку и нажал Enter. Без нажатия Enter в аналитике данные не отображаются. А в основном Enter не будет нажиматься из-за автоматических подсказок по вводу адреса.

Может, я не правильно поняла как сам код нужно изменить. Подскажите, пожалуйста, можно ли настроить сбор данных без нажатия Enter?

Отслеживание ввода данных в строке адреса на странице

Ведущий участник

ваш код не нужно изменять. Нужно создать обработчик события, который будет срабатывать по потери фокуса #addressField. В этом обработчике передавайте пользовательское событие в dataLayer. По пользовательскому событию активируйте все остальное