Сейчас в сети: 1K
Вопросы настройки тегов, правила и макросы, администрирование GTM
Подсказки
star_border
Ответить

Отслеживание отправки форм ajax GTM без редактирования кода

Студент ✭ ✭ ✭

Добрый день!

 

Подскажите пожалуйста, есть ли возможность отслеживать отправку форм ajax через GTM без редактирования кода? Чтобы не лезть в файлы JS и прочего....

Пытался таким образом подключить https://esliklientov.net/articles/%D0%B2%D0%B5%D0%B1-%D0%B0%D0%BD%D0%B0%D0%BB%D0%B8%D1%82%D0%B8%D0%B..., но пока не работает

 

Настраиваю вот на этом сайте http://4-food.ru/

 

Спасибо!

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

Утвержденные решения
Лучший ответ.
Решение
Утвердил автор темы Сергей С
декабря 2016

Отслеживание отправки форм ajax GTM без редактирования кода

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

В этом коде ничего менять ну нежно.

Нужно создать переменные уровня данных:
Первая будет брать данные из ajaxSuccessData.url

Вторая будет брать данные из ajaxSuccessData.responseText
Создаете триггер на пользовательское событие ajaxSuccess, где в условии активации ставите, что первая переменная содержит /register/reg/, а вторая содержит ok

 

Просмотреть решение в исходном сообщении


Все ответы

Отслеживание отправки форм ajax GTM без редактирования кода

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

Какую форму пробуете отследить на сайте?

 

Отслеживание отправки форм ajax GTM без редактирования кода

Магистр ✭

Добрый вечер, коллеги. Прошу прощения за вмешательство. Если Сергей позволит, то я тоже задам вопрос Андрею.

У меня также проблема связана с отправкой ajax-форм. В частности речь идет об отправке формы с помощью плагина Quform для сайта на Wordpress. Так вот, пробовал разные способы (одно из последних решение по описанному Вами, Андрей, методу, который выше указал Сергей), но ничего толком действительно рабочего найти не получается. На некоторых сайтах решение работает через раз, на некоторых - совсем нет. Хотя реализация идентичная. Возможно у меня просто "замылился" глаз. Или я что-то делаю не так. В чем может быть проблема? Я думаю эта тема может быть весьма полезна.

Страница - http://tavi-dent.ru/chernovik/. Плагин отправки форм называется Quform, но в классах формы указано, как "iphorm", не суть важно. Форма "Записаться на прием".

Отслеживание отправки форм ajax GTM без редактирования кода

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

@Виталий К - вместо $ в коде на этом сайте используйте jQuery 
будет 

jQuery(document).ajaxSuccess(function(event, request, settings) {....

Отслеживание отправки форм ajax GTM без редактирования кода

Студент ✭ ✭ ✭

http://4-food.ru/lk/auth/ Регистрация

Re: Отслеживание отправки форм ajax GTM без редактирования кода

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

URL запроса должен содержать /register/reg/ , ответ должен содержать "ok":
2016-10-26_23-54-55.png

Отслеживание отправки форм ajax GTM без редактирования кода

Студент ✭ ✭ ✭

Куда это все вписывать не понимаю? Объясните как для "тупых" пожалуйста)
В этот код надо вписать?

<script>
$(document).ajaxSuccess(function(event, request, settings) {
dataLayer.push({
'event': 'ajaxSuccess',
'ajaxSuccessData': {
'url': settings.url || '',
'data': settings.data || '',
'responseText': request.responseText || ''
}
});
});
</script>

Лучший ответ.
Решение
Утвердил автор темы Сергей С
декабря 2016

Отслеживание отправки форм ajax GTM без редактирования кода

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

В этом коде ничего менять ну нежно.

Нужно создать переменные уровня данных:
Первая будет брать данные из ajaxSuccessData.url

Вторая будет брать данные из ajaxSuccessData.responseText
Создаете триггер на пользовательское событие ajaxSuccess, где в условии активации ставите, что первая переменная содержит /register/reg/, а вторая содержит ok

 

Отслеживание отправки форм ajax GTM без редактирования кода

Магистр ✭

Андрей, спасибо, все решилось. Сергей, желаю успехов в решении задачи

Отслеживание отправки форм ajax GTM без редактирования кода

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

@Виталий К Отлично. Рад был помочь