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

Отслеживание отправки форм ajax в Я.Метрику через GTM

Студент ✭

Добрый день!

 

Подскажите, как настроить отслеживание отправки ajax-формы в Я.Метрике через Google Tag Manager?

 

Я попробовал такой вариант:

 

1) Добавил Я.Метрику в GTM (данные передаются корректно);

2) Добавил тег https://yadi.sk/i/FwLdXRK93E6GjA , активация по тригеру - https://yadi.sk/i/D-WEPkUy3E6Gjx Тип тригера - отправка форм, активируется триггер по событию Form Element равно VACANCY .

3) Может я неправильно выбрал элемент, к которому привязался в форме? VACANCY - это название формы https://yadi.sk/i/dyd0sgUU3E6Goa

4) Цель в Я.Метрике настроил, но такой вариант не работает.

 

Подскажите, где может быть ошибка или какие есть еще варианты настройки?

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

Отслеживание отправки форм ajax в Я.Метрику через GTM

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

Доброе утро, Василий!

 

Подскажите, пожалуйста, адрес странички с формой.




С уважением,
Анатолий

Отслеживание отправки форм ajax в Я.Метрику через GTM

Студент ✭

Анатолий, Доброе утро!

 

Адрес страницы - http://www.okna-etalon.ru/company/jobs/

Отслеживание отправки форм ajax в Я.Метрику через GTM

Магистр ✭

ajax не отследить  обычной отправкой формы

создаете триггер
http://joxi.ru/VrwY05vuLBeW2X
тег
http://joxi.ru/5mdzZXLT7xzDA1

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


После этого ваше тег подвязываете на 
http://joxi.ru/eAOejg9IWy5Qmo
Триггер -
page url conatins /company/jobs/


Должно помочь

Re: Отслеживание отправки форм ajax в Я.Метрику через GTM

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

Добрый день, Василий!

Спасибо за ссылку.

 

Если эта форма только на странице http://www.okna-etalon.ru/company/jobs/, то я бы сделал вот такой триггер: 2017-02-15.png

 

 

 

Если это не поможет, то можно попробовать вариант, который предложили выше.

Если и он не поможет, то необходимо будет немного доработать код Ajax.

 

 

Будут вопросы сразу же пишите.

 

 

 

 

 




С уважением,
Анатолий

Отслеживание отправки форм ajax в Я.Метрику через GTM

Магистр ✭ ✭ ✭

Добрый день. В дополнение к @Станислав С: ajaxSuccess будет срабатывать на странице для любых отработок аякса. Нужно 100% проверить, что это событие на странице больше не отправляется. Если отправляются еще какие-то, то нужно дополнять триггер условиями, в которых определять, что, к примеру, переменная ajaxSuccessData.url содержит определенное значение и ajaxSuccessData.responseText содержит ОК или success, или еще какое-то сообщение об успешной отправке. Иначе ajaxSuccess сработает и на клик по кнопке Отправить.

Отслеживание отправки форм ajax в Я.Метрику через GTM

Студент ✭

Анатолий, Добрый день!

 

Спасибо за подсказку, буду иметь ввиду такой вариант. Это одна из форм, на примере которой, хочу разобраться - остальные привязать к определенной странице нет возможности.

 

Подскажите, как реализовать вариант с доработкой кода сайт? Я могу так же добавить yaCounterXXXXXX.reachGoal('formname', goalParams)?

Отслеживание отправки форм ajax в Я.Метрику через GTM

Студент ✭

Станислав, Спасибо за совет!

 

Подскажите, как в этом случае мы передаем событие в Я.Метрику?

Re: Отслеживание отправки форм ajax в Я.Метрику через GTM

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

Добрый день, Василий!

 

Дополнительный код для сайта

Если вариант Станислава не сработает, то можно попросить программиста при отправке нужных вам форм выполнить вот такой код:

 

dataLayer.push({
  "event":"formSent"
})

Название события "formSent" можно заменить на любое другое.

 

Если есть необходимость как-то разделять отправляемые формы, то можно ввести еще один дополнительный параметр, который будет указывать какая именно форма была отправлена.

dataLayer.push({
  "event":"formSent",
"form":"callBack" //здесь можно писать любой отличительный признак форм })

 

Настройка в GTM

Создаем переменную

Если мы используем код с переменной "form", то необходимо в GTM создать новую переменную с типом "Переменная уровня данных" и указать ее название:Скриншот 2017-02-21 10.05.52.png

 

 Создаем тег

 

Далее создаем новый тег с типом "Пользовательский HTML-код" и записываем туда код для цели:Скриншот 2017-02-21 10.09.14.png

 

Создаем триггер

Для этого тега создаем новый триггер с типом "Пользовательское событие":Скриншот 2017-02-21 10.09.32.png

 

 

 

В итоге, в Метрику должно будет уходить событие вида "formnamecallback", где вместо "callback" будет подставлять значение из кода с dataLayer из переменной "form":

dataLayer.push({
  "event":"formSent",
"form":"callBack" //здесь можно писать любой отличительный признак форм })

 

 

Если возник вопросы сразу же пишите.

 

 




С уважением,
Анатолий

Отслеживание отправки форм ajax в Я.Метрику через GTM

Магистр ✭

Доброе утро.
Все просто -аналогично тегу аналитики.
http://joxi.ru/RmzYldGu4DEdrO

Вот код
<script>
yaCounterXXXXXXX.reachGoal('YYYYYY');
</script>

Где xxxx- ваш номер счетчика а yyy -ваше js событие