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

Настройка отправки формы через GTM

Бакалавр ✭

Добрый день.

Настроил через GTM отправку двух форм: обратная связь и сделать заказ.

Создал теги аналитикс.

Для каждого тега отдельный триггер.

Триггер Обратная связь - отправка формы - form id=htmlForm1

Триггер Сделать заказ - отправка формы - form id=htmlForm4

Через отладку и предварительный просмотр при отправке этих двух форм теги активируются.

 

Есть еще 1 форма Оконный калькулятор http://www.oknaptz.ru/okonnii_kalkulyator/

Пробовал настроить ее таким же образом. Привязывал следующие варианты по одному или компонуя вместе:

form id=contact

form id=fio

form id=zajavka

form text=Оставить заявку

page url=адрес страницы формы

form id=rasch

В итоге при отладке и отправке этой формы тег не активируется.

Как сделать, чтобы тег активировался успешно?

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

Утвержденные решения
Лучший ответ.
Решение
Утвердил автор темы Виталий Б
мая 2016

Re: Настройка отправки формы через GTM

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

Вот все что нужно для "приготовления":
Переменная уровня данных, в которой будет ответ от скрипта калькулятора (При успешной отправке от возвращает "true"
2016-05-23_22-31-05.png

Триггер для запуска прослушивателя на странице калькулятора:

2016-05-23_22-30-38.png

Сам  прослушиватель успешно отправленного запроса на ajax:
2016-05-23_22-31-29.png

И триггер на который повесите свое событие:

2016-05-23_22-31-49.png

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

Re: Настройка отправки формы через GTM

Восходящие звезды
Добрый день!
У вас в этой форме id не прописан, поэтому и не получается по form id тег активировать.
Попробуйте <form method="post" action="/calc.cgi" > заменить на <form method="post" action="/calc.cgi" id="htmlFormCalc">
и сделать триггер form id=htmlFormCalc
(не знаю точно поможет или нет, сам только начинаю с gtm более детально разбираться Веселый )

Re: Настройка отправки формы через GTM

Бакалавр ✭
Попробую. Спасибо.

Re: Настройка отправки формы через GTM

Бакалавр ✭

Дописал к этой форме http://www.oknaptz.ru/okonnii_kalkulyator/ id=htmlFormCalc

Cоздал тег Аналитикс с триггером Отправка формы - условие form id=htmlFormCalc
В режиме отладки пробовал отправить заявку все равно не активируется этот тег. Также добавлял некоторые варианты типа form text=Оставить заявку. Не активируется тоже.
Я так понял для этого тега нужно сделать какое-то усложненное условие так как на этой странице перед заполнением формы еще идет выбор параметров, потом расчет цены и потом заполнение полей с отправкой.
Кто знает как решить данную проблему подскажите пожалуйста - буду благодарен Веселый

Re: Настройка отправки формы через GTM

Восходящие звезды
"form text=Оставить заявку" попробуйте задать условие при клике по кнопке и попробуйте посмотреть через отчеты реального времени в аналитикс.

Re: Настройка отправки формы через GTM

Бакалавр ✭
Попробую. Спасибо!

Re: Настройка отправки формы через GTM

Ведущий участник
Добрый вечер
У Вас отправка формы реализована с использованием javascript и ajax.
Для отслеживания успешной отправки Вам нужно или добавить передачу пользовательского события в GTM в коде обработки формы ( файл wb_script.js после строки .... success: function(data) { ... )
Или обрабатывать данные ajax запроса, тут описал как http://www.esliklientov.net/articles/%D0%B2%D0%B5%D0%B1-%D0%B0%D0%BD%D0%B0%D0%BB%D0%B8%D1%82%D0%B8%D...

Re: Настройка отправки формы через GTM

Бакалавр ✭

Добрый вечер!

 

Sergey K. Попробовал Ваш вариант. Не активируется тег.

Андрей М. Попробую 1 вариант.

Не совсем понятен 2 вариант.
"Тег должен активироваться на нужной странице по готовности DOM. Создайте для этого соответствующий триггер." Какое условие нужно прописать?
В моем случае мне нужно использовать ajaxSuccessData? Как тогда будет выглядеть код - такой же как и у Вас на странице? Какое условие прописывать в этом случае? Какую создавать цель в аналитиксе под этот тег для импорта?

Re: Настройка отправки формы через GTM

Ведущий участник
код такой же, свой тег активируете на событие ajaxSuccess

Re: Настройка отправки формы через GTM

Бакалавр ✭
Попробовал 2 вариант. создал пользовательский тег вставил в него код и добавил тригер пользовательское событие ajaxSuccess. Я так и не понял какую цель в этом случае нужно создать в Google Analytics для импорта. В общем в аналитиксе оставил цель на событие ( категория=ajaxSuccess). Опубликовал и проверил через отладку - не срабатывает тег. Может я не правильно что-то сделал?