Настройка событий в Google Analytics

прочитали: 164
Настройка событий в Google Analytics
Редакция блога Ingate
21 мая 2020
Данная статья — это краткая инструкция, позволяющая разобраться в таком инструменте Google Analytics, как настройка событий. Важно! Будет сказано подробнее о событиях, а не целях-событиях.

Вход в Google Analytics
Google AnalyticsGoogle Analytics

События с точки зрения Analytics

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

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

Вступление в настройку

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

Список обработчиков событий, передающих информацию в Google Analytics

Название обработчика

Список объектов для добавления обработчика

Событие, приводящее к срабатыванию

1

onDragDrop

Window

Перемещение в окно браузера файла

2

onBlur

  • Window,
  • Textarea,
  • Text,
  • Submit,
  • Select,
  • Reset,
  • Radio,
  • Password,
  • Layer,
  • Frame,
  • FileUpload,
  • Checkbox,
  • Button

Расфокусировка (утрата фокуса)

3

onFocus

  • Window,
  • Textarea,
  • Text,
  • Submit,
  • Select,
  • Reset,
  • Radio,
  • Password,
  • Layer,
  • Frame,
  • FileUpload,
  • Checkbox,
  • Button

Фокусирование на элементе

4

onKeyPress, onKeyUp, onKeyDowm

  • Textarea,
  • Link,
  • Image,
  • Document

Удержание, отпускание и нажатие клавиши клавиатуры

5

onLoad

  • Window,
  • Layer,
  • Image,
  • Document

Загрузка документа, изображения или другого элемента

6

onMouseOut

  • Link,
  • Layer,
  • Area

Выход курсора за пределы элемента

7

onMouseOver

  • Link,
  • Layer,
  • Area

Размещение курсора над элементом

8

onMouseUp

  • Link,
  • Document,
  • Button

Отсутствие нажатий клавиш мыши

9

onMouseDown

  • Link,
  • Document,
  • Button

Нажатие клавиши мыши

10

onClick

  • Submit,
  • Reset,
  • Radio,
  • Link,
  • Document,
  • Checkbox,
  • Button,
  • Area

Клик по элементу левой клавишей

11

onDblClick

  • Link,
  • Document,
  • Area

Двойной клик по элементу левой клавишей

12

onResize

  • Window,
  • Frame

Уменьшение или увеличение окна браузера

13

onReset

Form

Удаление содержимого формы с последующим внесением данных и их отправкой при обновлении веб-страницы

14

onSelect

  • Text,
  • Textarea

Выделение фрагментов текста

15

onSubmit

Form

Передача содержащихся в форме данных

Формат кода передачи сведений о событии

Информация о событии передаётся с использованием такого кода:

ga('send', 'event', 'категория', 'действие', 'ярлык', 'значение').

При его построении применяются следующие правила:

  • обязательные элементы подчёркиваются;
  • необязательные и нежелательные зачёркиваются;
  • необязательные, но желательные выделяются курсивом.

Рассмотрим каждый из упомянутых элементов подробнее.

  1. Значение

Этот параметр исчисляется в целых числах. Его чаще всего не добавляют, так как значение не является необходимым элементом кода. Оно может потребоваться с целью отобразить время загрузки видеоплеера (файлов) в секундах или другое целое число, отображающее показатель, связанный с событием и объектом.

  1. Ярлык

Цель использования этого компонента — уточнить конкретную информацию об объекте, например такую:

  • наименование раздела каталога или сайта, на который можно попасть по ссылке;
  • форму для обратной связи;
  • кнопку «Заказать»;
  • форму заказа и т. п.
  1. Действие

В этом сегменте кода указывается, какое действие совершено пользователем по отношению к контенту. Варианты могут быть такие:

  • просмотр видеоролика;
  • заполнение и отправка формы;
  • нажатие кнопки и т. п.
  1. Категория

При помощи этого реквизита можно провести группирование Google-событий по составляющим, в отношении которых отслеживается взаимодействие. Приведём несколько примеров:

  • видео;
  • ссылка;
  • кнопка;
  • форма и т. п.

Пример составления кода

Допустим, нужно определить частоту, с которой происходят переходы пользователей по ссылке на содержащую контакты страницу. Отображение в отчёте будет понятным, если правильно присвоить значение компонентам.

В рассматриваемом случае код может выглядеть так:

ga('send', 'event', 'ссылка', 'переход', 'содержащая контактные данные страница').

Пошаговый алгоритм действий

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

  1. Копирование кода ссылки

Для его получения нужно правой клавишей мыши кликнуть по ссылке и в появившемся меню выбрать пункт «Просмотреть код элемента». Его необходимо скопировать в файл текстового формата.

  1. Добавление обработчика

Здесь важен переход, то есть клик мышью по ссылке. Поэтому после адреса страницы нужно вставить onClick.

  1. Добавление кода отправки информации о событии в Analytics

Всем элементам следует присвоить ясные значения.

  1. Проведение соответствующих изменений на сайте

На этом всё. Теперь настройка события завершена. Чтобы максимально упростить эту задачу и настроить отправку в GA естественно, стоит использовать Tag Manager от Google. Важно! При настройке событий для любых других компонентов сайта действует тот же принцип.

Просмотр статистических данных по событиям

Когда Google-события настроены, сразу начинается сбор статистики. Чтобы просмотреть отчёты, выберите в главном меню Analytics «Поведение», после чего найдите пункт «Обзор» в разделе «События». Здесь вы обнаружите необходимые данные.

(Рейтинг: 5, Голосов: 7)
У тебя есть нерешенные задачи?

В этом блоге мы делимся знаниями, но если у тебя есть серьезные цели, которые требуют вмешательства настоящих профи, сообщи! Перезвоним, расскажем, решим любые задачи из области digital

Отправляя форму, ты соглашаешься с политикой конфиденциальности.

Находи клиентов. Быстрее!
наверх