Хобрук: Ваш путь к мастерству в программировании

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

У меня есть несколько клиентских веб-сайтов, на которых есть такие формы, как связаться с нами ИЛИ записаться на прием ИЛИ подписаться на информационный бюллетень.

Согласно моей странице Google Analytics, эти страницы часто являются наиболее частой страницей выхода на каждом соответствующем веб-сайте, поэтому я хотел бы записать, какое поле формы было последним, прежде чем посетитель покинул веб-сайт.

Я знаком с отслеживанием событий Google Analytics, однако это часть этой проблемы, связанная с полем формы, которую я не могу понять.

Я нашел аналогичный ответ здесь: Отслеживание событий Google Analytics при выходе со страницы но это не обсуждает фокус поля формы.

Каков мой лучший подход здесь?

javascript google-analytics
15.08.2013

Ответы:


1

Рассматривали ли вы вместо этого использование пользовательской переменной? Вы можете прикрепить обработчик события к событию onFocus или onChange и сохранить там последнее использованное поле формы — если посетитель переходит к следующему полю, вы перезаписываете последнее значение именем текущего поля формы. Преимущество (на мой взгляд) по сравнению с отслеживанием событий заключается в том, что вам не нужно хранить много ненужных событий (потому что вас действительно интересует последнее поле, на которое нажимали посетители, в то время как отслеживание событий будет хранить любое поле, на которое кто-либо когда-либо нажимал). ).

Предполагая, что у вас есть jquery и форма с идентификатором css "contact", вы можете сделать что-то вроде следующего (непроверено, может потребоваться настройка, должно выполняться после отображения формы или обертывания в document.ready-call):

$('#contact input').on('focus', function() {
    _gaq.push(['_setCustomVar',
          1,                   // Slot 1 of five
          'Contact form',      // The name of the form
          $(this).attr('name'),               // The name of the form field
          2                    // Sets the scope to session-level.  Optional parameter.
       ]);  
    }
});

(Технические сведения о пользовательских переменных см. здесь: https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingCustomVariables).

Вы можете использовать это значение для создания настраиваемых сегментов в Analytics («отображать все посещения контактной формы, где значение пользовательской переменной равно имени третьего (четвертого, n-го) поля формы»), чтобы показать вам всех посетителей, которые добрались до определенного поля в форме, но не дальше.

15.08.2013
Новые материалы
Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..
Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..
Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..
Как свинг-трейдеры могут использовать ИИ для больших выигрышей
По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..
Как построить любой стол
Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...
Обзор: Машинное обучение: классификация
Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..
Разработка расширений Qlik Sense с qExt
Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..