Как настроить отслеживание целей Google Analytics в контактной форме без отдельной страницы благодарности?

Question

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

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

Код найден на форумах и тому подобное:

onsubmit="pageTracker._trackPageview('/Goa1-Button'); pageTracker._trackEvent('Goals','CLick-Button');"

В частности, я хотел бы знать такие вещи, как:

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

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

Answer 1

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

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

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

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

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

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']);

Примечание. Для отслеживания событий это установит категорию события на «цели» и действие события на «Клинок». Есть и другие дополнительные аргументы, которые вы можете передать в _trackevent для дальнейшей детализации. См. Руководство по отслеживанию событий Больше подробностей.

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

РЕДАКТИРОВАТЬ: Очевидно, вы на самом деле можете установить цели на основе событий, если вы используете «новую версию», как упомянуто Yahelc в его комментариях. Хороший!

Answer 2

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

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

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

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

РЕДАКТИРОВАТЬ:

Основываясь на только что опубликованной, которую вы только что опубликовали, похоже, что это пост Ajax, который возвращает HTML -тело.

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

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