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

Google Analytics
Бесплатная версия онлайн курса по Google Tag Manager

7 уроков, более 2 часов обучающих видео материалов. Вы можете начать изучение прямо сейчас!

Давайте рассмотрим пример использования 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. Использовались такие возможности как отслеживание событий, тайминг и другие базовые настройки.

Автор блога: Иванов Иван, практикующий веб-аналитик. Специалист по внедреннию Google Analytics и Яндекс Метрики. Занимаюсь разработкой решений для формирования данных и отчетов по сквозной аналитике. Автор обучающего курса по Google Tag Manager, преподаватель в Нетологии
Еженедельная рассылка кейсов!
Обсуждение
  1. Максим
    18.11.2014 at 12:56

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

    • Иван
      18.11.2014 at 14:28

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

  2. Анна
    18.11.2014 at 13:42

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

    • Иван
      18.11.2014 at 14:31

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

  3. Иван
    18.11.2014 at 13:58

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

    • Иван
      18.11.2014 at 14:32

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

      • Иван
        20.11.2014 at 14:19

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

  4. Павел
    18.11.2014 at 17:16

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

  5. Алексей
    29.11.2014 at 12:11

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

    • Иван
      07.12.2014 at 00:40

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

  6. Алексей
    29.11.2014 at 12:11

    вопрос про фиксирование отправки формы

  7. Александр
    19.03.2015 at 12:10

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

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

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

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

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

    • Ответ автора
      19.03.2015 at 13:04

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

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

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

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

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

      • Ответ автора
        22.03.2015 at 10:53

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

    • Ответ автора
      21.01.2016 at 09:03

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

  8. Иван
    20.02.2016 at 13:24

    А где можно посмотреть конкретную инструкцию по настройке таких отчетов?

    • Ответ автора
      20.02.2016 at 14:55

      Иван, я не встречал подобных инструкций

  9. Иван
    24.02.2016 at 11:05

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

    • Ответ автора
      02.03.2016 at 23:04

      Иван, Вы можете самостоятельно разработать такой скрипт либо поискать готовое решение

  10. Иван
    03.03.2016 at 16:00

    Иван, так я и спрашиваю как хотя бы он должен работать?

    • Ответ автора
      04.03.2016 at 23:38

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

  11. Михаил
    29.01.2018 at 13:28

    Становится не интересно читать Ваш блог :-(
    То что всё это можно настроить, я думаю в курсе 50% владельцев сайтов, если не больше.
    Люди хотят увидеть какие то конкретные решения!
    Я понимаю, что это Ваш хлеб, но какие-то базовые решения можно выкладывать, т.к. не все готовы лезть в код и не у всех это получится.

    Т.к., по сути, можно отследить, что угодно, был бы код.

    • Ответ автора
      23.02.2018 at 04:05

      Михаил, в блоге публикую ту информацию, которая, на мой взгляд, будет интересна читателям. Я не сторонник выкладывать готовые решения, т.к. это не позволяет человеку самому разобраться в сути вопроса, а моя цель постараться сделать так, чтобы после изучения материала возникло желание самому дополнительно погрузиться в тему. Во вторых, готовые решения работают на одном сайте, а на другом не будут. Если у Вас есть предложения по темам публикаций – готов выслушать

Ваш комментарий
Выберите рубрику
Google Analytics (69)
Google Tag Manager (57)
Яндекс Метрика (8)
Обзоры (3)
Power BI (3)
Яндекс Директ (2)
Последние публикации
Последние комментарии