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

Отслеживание событий отправки Ajax формы в GA

Магистр ✭

Добрый день. Прошу помощи.
Есть сайт http://arles.com.ua
На товарах, например на http://arles.com.ua/catalog/setka_dlya_terki_belyy_abraziv/abraziv_60_belyy/ есть форма "Купить в один клик", подскажите, куда нужно
правильно вставить код отслеживания события отправки формы для того, чтобы событие срабатывало?

onsubmit="ga('send', 'event', 'Order', 'Fastsend');return true;"

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

P.s. Ранее я вставлял в теги <form>, в Ajax таковых нет.

1 Ответ экспертаverified_user
1 УТВЕРЖДЕННОЕ РЕШЕНИЕ

Утвержденные решения
Лучший ответ.
Решение
Утвердил автор темы Максим М
апреля 2017

Отслеживание событий отправки Ajax формы в GA

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

как нашел не подскажу, так как после ответа у вас будет больше вопросов, но дам направление для изучения: https://learn.javascript.ru/
В файле http://arles.com.ua/bitrix/cache/js/s1/arles_theme/template_bb9397da665caac5424551685aaa6a3b/templat...
после строки 
alert("Заказ отправлен!");
добавьте 

ga('send', 'event', 'Order', 'Fastsend');

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

Отслеживание событий отправки Ajax формы в GA

Бакалавр ✭ ✭ ✭

Отслеживание событий отправки Ajax формы в GA

Магистр ✭

Да, я знаю, что можно через GTM, но тут придется подключать программиста сайта, который должен будет убрать код GA, поставить код GTM и т.д. и т.п. За это надо ему будет заплатить владельцу сайта.

Поэтому нужно сделать в рамках GA.

Отсюда - в рамках GA никак нельзя сделать отслеживание события для этой формы?

Лучший ответ.
Решение
Утвердил автор темы Максим М
апреля 2017

Отслеживание событий отправки Ajax формы в GA

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

как нашел не подскажу, так как после ответа у вас будет больше вопросов, но дам направление для изучения: https://learn.javascript.ru/
В файле http://arles.com.ua/bitrix/cache/js/s1/arles_theme/template_bb9397da665caac5424551685aaa6a3b/templat...
после строки 
alert("Заказ отправлен!");
добавьте 

ga('send', 'event', 'Order', 'Fastsend');

Отслеживание событий отправки Ajax формы в GA

Магистр ✭

Спасибо. Это решение.

По поводу как вы это нашли, так или иначе спасибо за наводку. Однако в целом учебник по Java скрипту очень размытое понятие - покопался, по своей теме нашел только:
https://learn.javascript.ru/forms-submit
https://learn.javascript.ru/form-elements
Но либо я их не так понял, либо это не то, что мне нужно. Я самостоятельно ранее искал статьи на эту тему, но или не так гуглил или просто не докопался до сути - у вас нет на примете подобной статьи как отыскать (определить) файл определенного Ajax окна?

Отслеживание событий отправки Ajax формы в GA

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

Чтобы найти часть кода, отвечающего за отправку, нужно понимать, как возникают события, как они распространяются, как повесить функцию на них, понять что в функции делается и в какое место нужно добавить свой код, как пользоваться режимом отладки браузера, для перехвата событий или нахождения функции, которая висит на определенном событии - т.е. В одном посте это не расскажешь. 

Событие может быть и не на форме, а на кнопке или ссылки (как у вас), которую пользователь нажимает. По событию клика запускается подпрограмма, которая проверяет и отправляет форму программно, onsubmit формы в этом случае не возникает. 
У вас при клике на ссылке вызывается функция oneClickOrdrItem() - нужно найти её объявление в файлах сайта и посмотреть, что она делает, найти место, которое срабатывает после успешной отправки и вставить туда вызов функции передачи события в GA. Но чтобы разобраться, отдельной главы из учебника по JS не хватит. Поэтому и была ссылка на учебник в общем.