Теперь AdWords – это Google Реклама. Новое название отражает, что сервис включает в себя различные рекламные инструменты в поисковой и контекстно-медийной сетях, на YouTube и не только. Подробнее

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

Как настроить отслеживание отправки формы на сайте

Магистр ✭

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

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

 

У меня форма имеет следующий код:

<form class="fofm" action="">
<p style="color: #583d34;font-size: 0.6em;line-height: 1.2;font-weight: 600;">Забронируйте Ваше место прямо сейчас!</p>
<i class="fa fa-user" aria-hidden="true">&nbsp;&nbsp;|</i> <input type="text" required="" placeholder="Имя" name="txtname">
<i class="fa fa-envelope" aria-hidden="true">&nbsp;|</i><input type="email" required="" placeholder="Email" name="txtemail">
<i class="fa fa-phone-square" aria-hidden="true">&nbsp;|</i><input type="tel" required="" placeholder="+38XXXXXXXXXX" name="txtphone">

<input type="submit" class="button" value="Регистрация" name="btnsend">
<div class="popup2">
<div class="close_modal">x</div>
<div class="window">
<div class="insText">
<h5>Данные на регистрацию отправлены</h5>
<span style="font-size: 0.9em;line-height: 1.1em;color: yellow;">Через 5 секунд Вы перейдете на сайт, где сможете приобрести билет</span>
</div>
</div>
</div>

<p style="color: #583d34;font-size: 0.6em;line-height: 1.2;font-weight: 600;">Или закажите билет по телефону: +38 (066) 021-5555</p>

</form>

 

Чтобы настроить отслеживание, надо в первую строку добавить 

 

onsubmit="ga('send', 'event', 'knopka1','forma1');return true;"

 

 

А в целях настроить событие

 

категория равно knopka1
действие равно forma1

 

Верно? То есть по факту получится такая первая строка:

 

<form onsubmit="ga('send', 'event', 'knopka1','forma1');return true;" class="fofm" action="">

 

 

Но это было для analytics.js, а сейчас используется Global Site Tag (gtag.js)

 

Что-то поменялось или так же?

 

Заранее спасибо!

1 УТВЕРЖДЕННОЕ РЕШЕНИЕ

Утвержденные решения
Лучший ответ.
Решение
Утвердил автор темы Мария Ш
Ноябрь

Как настроить отслеживание отправки формы на сайте

Аспирант ✭

Добрый день, Мария!

В Global Site Tag (gtag.js) изменился код для отслеживания событий. Он выглядит следующим образом:

 
gtag('event', 'имя события', {
  // параметры событий
  'parameter_1': 'value_1',
  'parameter_2': 'value_2',
  // ...
});
 
Ваш пример по идее  будет работать так:
 
gtag('event', 'send', {
'event_category': 'knopka1',
'event_action': 'forma1',
});

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

Лучший ответ.
Решение
Утвердил автор темы Мария Ш
Ноябрь

Как настроить отслеживание отправки формы на сайте

Аспирант ✭

Добрый день, Мария!

В Global Site Tag (gtag.js) изменился код для отслеживания событий. Он выглядит следующим образом:

 
gtag('event', 'имя события', {
  // параметры событий
  'parameter_1': 'value_1',
  'parameter_2': 'value_2',
  // ...
});
 
Ваш пример по идее  будет работать так:
 
gtag('event', 'send', {
'event_category': 'knopka1',
'event_action': 'forma1',
});

Как настроить отслеживание отправки формы на сайте

Магистр ✭

Огромное спасибо!