Подтвердить что ты не робот

Как настроить Google Analytics Goal для отправки формы ajax

У меня есть контактная форма, отправленная через ajax, и после успешной отправки отображается сообщение с благодарностью/успехом.

Кроме того, в моем аккаунте Google Analytics я настроил цель (URL завершения цели) для посещения страницы с благодарностью.

Эта страница не существует.

Любые мысли/предложения о том, как я могу настроить отслеживание успешной отправки формы с помощью этого метода?

4b9b3361

Ответ 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-адреса невозможно.