AdWords
Сейчас в сети: 855
Сейчас в сети: 855
Если вы так и не нашли, куда задать ваш вопрос, оставьте его здесь!
Подсказки
star_border
Ответить

Отслеживание формы через GTM и кастомный JS

Студент ✭ ✭

Доброго времени суток. 

Есть форма заказа обратного звонка. Пытаюсь ее отследить через кастомный JS.

Вот код;

<script>
$('div#wpcf7-f2968-o1.wpcf7' ).sumbit(function() {

dataLayer.push({
'event': "autoEvent",
'eventCategory': "wpcf7-form sent",
'eventAction': "callback"
});
});
</script>

 

 

Вот тег http://prntscr.com/8hnsho

и триггер http://prntscr.com/8hnsn6

Что я делаю не так?

И есть ли универсальное решение для Метрики и Analytics

 

Вот скрин формы при успешной отправке  http://prntscr.com/8hntoj

и когда ошибка заполнения http://prntscr.com/8hntwz

 

Спасибо заранее!

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

Re: Отслеживание формы через GTM и кастомный JS

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

Добрый день!

Виталий, переменные eventCategory и eventAction cозданы в интерфейсе гтм?

С уважением, Анастасия

Re: Отслеживание формы через GTM и кастомный JS

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

добавьте в дополнительные настройки самой формы в настройках формы WP Contact Form: on_sent_ok: "dataLayer.push({'event': 'autoEvent','eventCategory': 'wpcf7-form sent','eventAction': 'callback'});"
Этот событие сработает при успешной отправки вашей формы wpcf7.
А к триггеру уже подвязывайте все необходимые события.
По ошибкам - у Вас jquery селектор не нацелен на форму.
А вообще обязательно все параметры передавать. Достаточно сделать событие callback.
Тогда хук для WP CF7 будет выглядеть так:
on_sent_ok: "dataLayer.push({'event': 'callback'});"
Далее делаем триггер на пользовательское событие равное имени "callback".
По этому триггеру вызываем два тега - одно - событие GA, второе - пользовательский HTML с вызовом скрипта, который отправит событие в метрику.
Ниже ссылка на сайт разработчика плагина CF7 и примера вызова события для GA:
http://contactform7.com/tracking-form-submissions-with-google-analytics/

Re: Отслеживание формы через GTM и кастомный JS

Студент ✭ ✭
Да. созданы

Re: Отслеживание формы через GTM и кастомный JS

Студент ✭ ✭

добавьте в дополнительные настройки самой формы в настройках формы WP Contact Form: on_sent_ok: "dataLayer.push({'event': 'autoEvent','eventCategory': 'wpcf7-form sent','eventAction': 'callback'});"
Этот событие сработает при успешной отправки вашей формы wpcf7.

Просто добавить в настройки формы ничего не добавляя в код?

По ошибкам - у Вас jquery селектор не нацелен на форму.
А вообще обязательно все параметры передавать. Достаточно сделать событие callback.
Тогда хук для WP CF7 будет выглядеть так:
on_sent_ok: "dataLayer.push({'event': 'callback'});"
Далее делаем триггер на пользовательское событие равное имени "callback".
По этому триггеру вызываем два тега - одно - событие GA, второе - пользовательский HTML с вызовом скрипта, который отправит событие в метрику.
Ниже ссылка на сайт разработчика плагина CF7 и примера вызова события для GA:
http://contactform7.com/tracking-form-submissions-with-google-analytics/

Если честно не совсем понял