Как настроить отслеживание целей Google Analytics в контактной форме без отдельной страницы благодарности? - PullRequest
1 голос
/ 29 ноября 2011

Как настроить Google Analytics для отслеживания посетителей моего сайта, которые отправили контактную форму, у которой нет отдельного URL-адреса с благодарностью?

Я видел код, размещенный вокруг блогов и GAсправочные форумы, но до сих пор еще не выяснено, как бы я на самом деле поставил цель для вставки фрагмента кода.

код, найденный на форумах и такие:, Я хотел бы знать такие вещи, как:

  • Какой тип цели я бы использовал?
  • Если бы я назвал завершение формы контакта в кампании, куда он мог бы вписаться икод выше?
  • Правильный ли приведенный выше код и поможет ли он мне?

Любой другой совет, кто-нибудь когда-либо делал это раньше?

Ответы [ 2 ]

3 голосов
/ 29 ноября 2011

По URL-адресу, который вы разместили в комментарии к ответу yahelc, похоже, что у вас есть форма, которая отправляет и возвращает ответ через AJAX.

Кроме того, ваш GA-код на странице является асинхронной версией, но код, который у вас есть в вашем вопросе, является традиционным, поэтому вам нужно использовать асинхронный синтаксис.

На вашей странице, если посетитель не заполняет что-либо, рассматриваемая область выделяется красным цветом (sidenote: я не вижу сообщений «вам нужно заполнить это» или «это правильный формат»)если я не заполню форму правильно ... вы должны посмотреть, что добавить ...).

Главное, что вам нужно, это убедиться, что вы вводите код успеха только в том случае, если посетитель успешно заполнил форму.Таким образом, вы на самом деле не хотите прикреплять код GA к onsubmit, потому что это может привести к ложным срабатываниям .. оно будет срабатывать всякий раз, когда посетитель нажимает кнопку отправки, независимо от того, успешно ли он заполнил форму.

Похоже, javascript, который обрабатывает проверку формы, находится в вашем /custom.js, и у вас в строке 163 пользовательского источника custom.js следующее:

success: function(response){

                           jQuery(".ajax_form").before("<div class='ajaxresponse' style='display: none;'></div>");

                           jQuery(".ajaxresponse").html(response).slideDown(400);

                           jQuery(".ajax_form #send").fadeIn(400);

                           jQuery(".ajax_form input, .ajax_form textarea, .ajax_form radio, .ajax_form select").val("");

                               }

                            });

Это выглядит какбыть там, где отображается сообщение «спасибо», после того, как форма была проверена и отправлена, поэтому вы должны поместить свой код «успеха» GA где-то в этой функции.

Код, который вы хотите вставить, должен выглядеть примерно так (в зависимости от кода в вашем вопросе):

_gaq.push(['_trackEvent', 'Goals', 'CLick-Button']);
_gaq.push(['_trackPageview','/Goa1-Button']);

ПРИМЕЧАНИЕ. Для отслеживания событий будет установлена ​​категория событияв «Цели» и действие события в «CLick-Button».Существуют и другие необязательные аргументы, которые вы можете передать _trackEvent для дальнейшей детализации.Обратитесь к руководству по отслеживанию событий от GA для получения более подробной информации.

Что касается отслеживания целей, как уже упоминал yahelc, это настройка внутри интерфейса.Приведенный выше код отправит виртуальный просмотр страницы с именем страницы «/ Goa1-Button», и вы будете использовать это значение при настройке своей цели.Есть много способов, которыми вы можете установить цель.Вы можете сделать так, чтобы оно точно совпадало с этим значением, или начать с этого значения, если вы ожидаете, что к нему будут добавлены параметры URL-адреса позже и т. Д. (Но также обратите внимание, что в настоящее время вы не можете создавать цели на основе событий ... что плохо, но яслышу, что GA работает над тем, чтобы это произошло в конце концов).

edit: По-видимому, вы на самом деле можете устанавливать цели на основе событий, если вы используете «Новую версию», как упоминал yahelc в своих ответных комментариях.Ницца!

2 голосов
/ 29 ноября 2011

Цели настраиваются из интерфейса Google Analytics и не применяются задним числом.

Вы должны проверить Как мне установить цели и последовательности?

Вы можете указать конкретную страницу, событие или количество времени на сайте в качестве своей цели.

Что касается настройки кода, который будет отслеживать отправку вашей формы, то для этого вам потребуется дополнительная информация (например, примеры кода). Но самое главное: это AJAX-форма или обычная форма, которая просто отправляет на тот же URL-адрес? Вы используете асинхронный или традиционный синтаксис Google Analytics?

EDIT:

Судя по форме, которую вы только что опубликовали, похоже, что это AJAX POST, который возвращает тело HTML.

Итак, все, что вам нужно сделать, это добавить свой «целевой» код в эту разметку, что-то вроде:

<script>
_gaq.push(["_trackPageview", "/contact-us"]); //for a URL goal
_gaq.push(["_trackEvent", "Contact Us", "Submit"]); //for an event goal.
</script>
...