Отслеживание событий — это полезная функция, которая анализирует взаимодействие с элементами сайта. Сегодня обсудим, зачем это нужно и как использовать.
Примеры
Элементами сайта могут быть:
- видео;
- подкаст;
- картинка;
- кнопка;
- форма;
- полоса прокрутки;
- внешняя ссылка и т.д.
Ниже приведены примеры действий пользователей, которые можно отслеживать в GA:
- Скачивание файла.
- Загрузка Ajax, JavaScript или Flash-содержимого.
- Отрисовка динамической страницы.
- Показ всплывающих окон.
- Загрузка видео.
- Прокрутка вниз.
- Просмотр видео.
- Нажатие на кнопки воспроизведения, паузы, остановки видео.
- Клик на изображение или внешнюю ссылку.
- Отправка формы.
- Расшаривание или печать контента.
- Нажатие на кнопку.
- Движение мыши.
Типы
Пользователь взаимодействует с элементом через:
- мышь;
- клавиатуру;
- формы;
- фрейм.
Более широкое деление включает в себя два типа событий, после которых:
- Генерируются просмотры страницы. Например, нажатие на внутреннюю ссылку.
- Не генерируются просмотры страниц: загрузка содержимого, скачивание файла, прокрутка.
По умолчанию Google Analytics (GA) не может отслеживать любое событие второго типа.
Зачем это нужно
События определяют вовлеченность посетителей на сайте различными способами.
Они полезны, когда надо отследить:
- Исходящие ссылки на внешние сайты.
- Нажатия на адреса электронной почты или телефонные номера.
- Загрузки.
- Взаимодействие с видео, например, время, потраченное на просмотр.
- Клики на уникальные элементы страницы, например, призыв к действию.
- Конверсии, связанные с кликами на телефонные номера и формами обратной связи.
Цели Google Analytics могут быть установлены на основе ваших событий.
Отличие от целей
В Google Analytics цели настраиваются в аккаунте, а события — прямо в коде отслеживаемого элемента, например, клик на конкретную кнопку будет прописан только в ней.
Рекомендации перед началом использования
Убедитесь, что GA подключен к нужному сайту.
Подготовительные шаги:
- Прежде чем приступить к отслеживанию, разработайте план организации данных. Решите, какие категории, действия и ярлыки вы будете использовать. Какие элементы и как будете отслеживать. Помните: если вы решите изменить структуру позже, данные не будут реорганизованы задним числом.
- Примите четкое соглашение об именах для различных действий, меток и категорий, доступных при настройке. Каждое название появляется в отчетах. Если оно не имеет смысла, то и отчет не будет понятным и читаемым.
- Дайте описательные названия, по которым будет понятен тип собираемых данных.
- Используйте Excel, чтобы заранее определить имена всех категорий, действий и меток. Затем передайте ее пользователям отчета и проверьте, насколько обозначения понятны.
Раньше было два способа настройки на сайте: для асинхронного Google Analytics (ga.js) и универсального GA. Но остался только второй, т.к. первый ga.js устарел. Желательно игнорировать любые руководства, в которых говорится об использовании ga.js.
Как это работает: структура кода
Фрагмент кода добавляется на элементы, которые вы хотите отслеживать на сайте. При клике обрабатывается запрос и передается в Google Analytics.
_trackEvent(‘category’, ‘action’, ‘opt_label’, ‘opt_value’, ‘opt_noninteraction’)
Код отслеживания состоит из четырех элементов, которые вы можете определить для описания взаимодействия пользователя с сайтом:
- Категория (обязательно) — имя, которое вы даете группе отслеживаемых объектов.
- Действие (обязательно) — тип взаимодействия, например загрузка документа.
- Метка (ярлык, лейбл, необязательный параметр) полезна для подведения итогов, например, результаты клика по опциям меню.
- Ценность (необязательно) можно использовать, если вы хотите назначить числовое значение объекту.
- Скрытый счет (необязательно) — true не учитывает событие в показателях отказа. False — учитывает.
Когда событие происходит на сайте, эти атрибуты дают понять, с чем взаимодействовал пользователь на странице. Важно продумать имена. Они будут отображаться в Google Analytics и влиять на читаемость.
Сервисы и плагины для генерации кода
Сейчас развиваются сервисы, которые генерируют код и подробно объясняют, куда его вставить. Надо указать только значения.
Например:
- Seoweather.
- Raventools.
Пользователи WordPress могут использовать плагин WP Google Analytics Events.
Инструменты сэкономят время и помогут избежать возможных проблем.
Ручная настройка
Вы можете вручную настроить ссылки на своем сайте, добавив атрибуты «Категория», «Действие», «Метка», «Значение» к элементу. В примере ниже код отправляет в GA информацию о загрузке файла PDF:
Текст ссылки для отображения пользователю
Пример команды, которая отправляет информацию о рекламном ролике из кампании Fall Campaign:
ga('send', 'event', 'Videos', 'play', 'Fall Campaign');
Автоматическое отслеживание
Вы можете измерить взаимодействие, настроив функцию автоматического отслеживания в диспетчере тегов Google Tag Manager. Он сложнее и требует времени для понимания и настройки. Но если вы часто добавляете коды сторонних служб, инструмент пригодится.
Диспетчер тегов — сервис, который позволяет управлять кодом сторонних служб через наглядный интерфейс.
Проверка
Вы добавили код отслеживания на свою страницу. Последний шаг — убедиться, что он работает. Самый простой способ — запустить событие самостоятельно. Затем проверить GA: изменились ли отчеты?
Подводим итоги
С помощью событий отслеживается взаимодействие посетителя с контентом, а результаты вовлеченности помогают улучшить сайт. Первый шаг: продумать, какие элементы и действия с ними нужно охватить. А также создать набор правил для наименований показателей. Установку кода можно сделать вручную или с использованием сервисов.
