Как настроить Google Analytics Goal для отправки формы ajax
У меня есть контактная форма, отправленная через ajax, и после успешной отправки отображается сообщение с благодарностью/успехом.
Кроме того, в моем аккаунте Google Analytics я настроил цель (URL завершения цели) для посещения страницы с благодарностью.
Эта страница не существует.
Любые мысли/предложения о том, как я могу настроить отслеживание успешной отправки формы с помощью этого метода?
Ответы
Ответ 1
Вы можете использовать виртуальные просмотры страниц. Для каждого шага процесса добавьте вызов
_gaq.push(['_trackPageview', '/ajax-contactForm/PAGE-or-STEP-NAME.html']);
Это будет регистрироваться как просмотр страницы и может использоваться как шаг в цели.
См. виртуальные просмотры страниц в документах GA.
Или, чтобы настроить его как цель события, как предложил Эдуардо, см. Новые цели Google Analytics: События
Ответ 2
Этот ответ, возможно, необходимо обновить для более поздних версий GA. Я сделал следующее, чтобы установить цели при отправке страницы через ajax.
$.ajax({
type: "POST",
url: "/some/page/that/does/not/have/ga/on/it.php",
data: { formData:formData },
success: function() {
// Some success message to user.
// Create a virtual page view that you can track in GA.
ga('send', {
'hitType' : 'pageview',
'page' : '/contact-us-success' // Virtual page (aka, does not actually exist) that you can now track in GA Goals as a destination page.
});
}
});
Тогда в GA → Admin → Goals → New Goal
(1) Установка цели - Пользовательская
(2) Описание цели → выберите "Пункт назначения".
(3) Детали цели → Направление равно /contact-us-success
Надеюсь, это поможет кому-то еще.
Ответ 3
Здесь обновленный ответ за 2019. Связывание вашей учетной записи Analytics с Google Tag Manager позволяет отслеживать отправления в формах AJAX в Google Analytics путем отслеживания всех отправлений форм или путем настройки прослушивателя событий на видимость элемента (т.е. подтверждение формы/спасибо сообщение). Требуется использование более новой глобальной метки сайта (gtag.js) и Google Tag Manager.
В этом учебном пособии описывается процесс объяснения этого процесса и описывается настройка цели Google Analytics в форме, отправленной через AJAX, или там, где отслеживание перенаправления/измененного URL-адреса невозможно.