Аналитика форм в Google Analytics

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

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

Определим, что будем фиксировать для получения аналитической информации по форме:

  • список не заполняемых полей;
  • список полей, с которыми чаще всего взаимодействуют посетители сайта;
  • время потраченное на заполнение полей формы;
  • построим воронку взаимодействия с формой.

Возможно после получения информации и анализа использования формы или форм на сайте, вы примите решение по ее оптимизации. Например:

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

Если у вас есть свои предложения, напишите их в комментариях к этому материалу.

Итак, посмотрим какую информацию мы можем получить после настройки аналитики форм в Google Analytics.

Ниже расположено изображение демонстрирующее насколько часто пользователи не заполняют обязательные поля формы:

Незаполняемые поля

Незаполняемые поля

Как видим чаще всего пользователи игнорируют поле Правила продажи, которое в этой форме представляет собой стандартный чекбокс. Возможно блок с правилами продажи следует сделать более заметным, после чего выполнить тестирование, например, с помощью Visual Website Optimizer.

Следующий скриншот демонстрирует список полей, с которыми чаще всего взаимодействуют посетители при заполнении формы:

Чаще всего изменяемые поля

Чаще всего изменяемые поля

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

Пример отчета по времени потраченному на заполнение полей формы:

Время на заполнение поля

Время на заполнение поля

Пример отчета по среднему времени необходимому на заполнение поля:

Среднее время на заполнение полей

Среднее время на заполнение полей

Судя по отчету, основная масса посетителей тратит на заполнение отдельного поля до 5 секунд, при этом есть и значительная часть, которым необходимо свыше 10 секунд на заполнение одного поля.

Если мы немного углубимся и посмотрим, то из 30% которым необходимо от 10 до 60 секунд на заполнение поля, половина укладывается в интервал 10-20 секунд, что не плохо:

Уточнение среднего времени

Уточнение среднего времени

Мы рассмотрели информацию по заполнению полей формы, давайте посмотрим на форму в целом, как она работает и из каких шагов состоит взаимодействие посетителя с ней.

Первый шаг – это просмотр, посетитель попадает на страницу с формой и видит ее. Второй шаг – посетитель начинает взаимодействие с формой – заполнение полей, выбор и перестановка переключателей и т.п. Третий шаг – отправка формы.

На каждом из описанных шагов пользователь может либо не выполнить вовсе ожидаемого нами действия, либо не завершить его, настроив аналитику формы мы можем получить следующую информацию о взаимодействии с формой:

Аналитика формы в Google Analytics

Аналитика формы в Google Analytics

Я отметил блоки, которые считаю наиболее важными:

  • А – страницы, с которых чаще всего переходят на страницу с формой;
  • Б – страницы, на которые уходят не выполнив отправку формы;
  • В – количество успешных фиксаций формы.

Приведенные выше примеры данных аналитики форм получены с помощью стандартных средств Google Analytics и выполнены в Google Tag Manager. Использовались такие возможности как отслеживание событий, тайминг и другие базовые настройки.

Кейсы и инструкции по настройке в вашем ящике. Подпишитесь сейчас!
я даю согласие на обработку персональных данных

23 комментария(ев) к “Аналитика форм в Google Analytics

  1. Добрый день. А можно подробнее описать настройки в Google Tag Manager для отслеживания взаимодействия с формами? Как записывать время нахождения в каждом поле формы и т.д.

    • Максим, для этого нужно немного поработать с кодом JavaScript, dataLayer и настроить теги в GTM. В одном из ближайших материалов постараюсь рассказать про то, как отслеживать не заполненные поля форм

  2. Иван, прошу привести пример, как можно настроить аналитику формы, например, элементы, которые реже всего взаимодействовали с пользователем. Еще интересно как вы построили воронку. По событиям?

    • Анна, реже всего – это низ списка чаще всего, т.к. настройка будет по факту всех полей с которыми взаимодействовали. Для настройки этого использовался код JavaScript. Для воронки – просмотры страниц

  3. Добрый день. Все красиво, но сама реализация под вопросом, как настроить события? Спасибо.

    • Иван, с помощью JavaScript. Готового решения для всех не получится, т.к. все зависит от формы, ее описания, типов полей и прочего. Посмотрите мои ответы Анне и Максиму

      • Спасибо. Мне главное, когда срабатывает событие? Когда пользователь наводит курсор на поле или когда? Спасибо.

  4. Иван, правильно я понимаю, что с помощью данного отчета нет возможности понять на каком именно поле формы отваливаются посетители.
    Событие – заполнение второго поля, стартует после того, как пользователь перешел к нему(он мог зайти на первое поле и там ничего не заполнил)

  5. Иван, стандартный пример хотябы можно разобрать? http://c2n.me/jnkoQ1.jpg – что в этом примере не так? согласно хелпам гугл вроде можно все это делать без особых скриптов (используя gtm.formSubmit).

    • Вариантов почему не работает много. Может быть на форме “висит” валидатор и он перехватывает событие отправку формы? Без конкретной формы сложно подобрать решение

  6. Здравствуйте Иван.

    Подскажите пожалуйста. Есть форма заказа обратного звонка. Я отслеживаю отправку данных с этой формы, но возникла необходимость передавать в качестве ярлыка события, поле формы “Телефон”

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

    Логика работы правильная? Может знаете как технически это реализовать? Какой именно макрос?

    Заранее спасибо за ответ.

    • Александр, напишите макрос, который будет “получать” значение нужного поля и используйте его в настройках события

      • Александр 19.03.2015 в 18:15 -

        Если не затруднит, подскажите пожалуйста какой именно нужно макрос?

        Хоть в какую сторону смотреть.

        Буду очень признателен.

      • Используя JavaScript или jQuery получите содержимое поля, что писать конкретно – зависит от Вашего сайта

    • Максим, необходимо настроить цель типа “последовательность”, затем в разделе отчетов по конверсиям будет доступен такой отчет

  7. А как вы отслеживаете время заполнения определенного поля? каким скриптом если можно пример.

    • Иван, подобные вопросы я не планирую публиковать на сайте, они будут разобраны в моем курсе по Google Tag Manager

Добавить комментарий

Current month ye@r day *