Использование отслеживания событий Google Analytics

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

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

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

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

Для чего можно использовать отслеживание событий Google Analytics?

Прежде чем мы подробно рассмотрим, как все настроить. Давайте рассмотрим некоторые из различных способов использования отслеживания событий для измерения взаимодействия посетителей на вашем сайте. Некоторые из типичных применений отслеживания событий перечислены ниже:

• Отслеживание переходов по исходящим ссылкам на другие веб-сайты.
• Понимание того, сколько пользователей щелкнули по адресам электронной почты mailto или телефонным номерам с интерактивным номером телефона. Это поможет вам лучше понять количество запросов, которые вы получаете с вашего сайта.
• Отслеживание загрузки PDF-файлов и других медиафайлов.
• Измерение взаимодействия с видеоконтентом, например времени, потраченного на просмотр видео.
• Отслеживание того, где именно пользователи уходят при заполнении полей в формах или на кассе
• Отслеживание кликов по уникальным элементам страницы, например по призыву к действию «свяжитесь с нами» на странице «О нас».
• Сбор данных о том, сколько пользователей заполнили и отправили форму, хотя я всегда рекомендовал бы по возможности отправлять пользователей на страницы с благодарностью.

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

Что следует учитывать перед началом

Чтобы использовать отслеживание событий, вам необходимо установить на своем веб-сайте Google Analytics. Этого можно достичь, добавив код на все страницы вашего сайта или добавив код Диспетчера тегов Google на свой сайт, а затем настроив теги, триггеры и переменные Google Analytics.

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

• Есть две версии кода отслеживания Google Analytics. Прежде чем применять какой-либо код, упомянутый в этом сообщении, проверьте, используете ли вы старый код Universal Google Analytics (Analytics.js) или новый код gtag Google Analytics (gtag.js) . Я рекомендую перейти на более новую версию Google Analytics, и Google написал руководство о том, как перейти на использование gtag.js. поскольку это разработано для борьбы с интеллектуальным предотвращением отслеживания (ITP), которое блокирует данные файлов cookie в браузерах.
• Решите, какие элементы вашего сайта вы хотите отслеживать , будь то загрузки PDF-файлов или переходы по исходящим ссылкам.
• Примите согласованное и четкое соглашение об именах для различных действий, меток и категорий, доступных вам при настройке отслеживания событий. Каждое имя, которое вы даете каждой категории, действиям и ярлыкам, отображается в отчетах об отслеживании событий. Если ваше наименование неразумно, то впоследствии ваш отчет не будет иметь особого смысла.
• Решите, хотите ли вы установить автоматическую пометку событий или помечать ссылки на своем сайте вручную . Если у вас есть много документов и элементов страницы, которые нужно отслеживать, возможно, стоит настроить автоматическую пометку событий и использовать события Диспетчера тегов Google.

Как работает отслеживание событий Google Analytics?

Фрагмент настраиваемого кода добавляется к коду ссылки на элементы, которые вы хотите отслеживать на своем веб-сайте, и когда элемент нажимается, элемент отслеживается и отображается как событие в Google Analytics.

Код отслеживания событий состоит из четырех элементов, которые вы можете определить для описания взаимодействия пользователя на вашем веб-сайте:

• Категория (обязательно) - это имя, которое вы даете группе объектов, которые хотите отслеживать.
• Действие (обязательно) - это тип взаимодействия, например загрузка документа.
• Ярлык (необязательно) полезен для резюмирования того, о чем идет речь, например, для щелчков по опциям меню навигации.
• Значение (необязательно) можно использовать, если вы хотите присвоить загруженному файлу числовое значение.

Когда событие возникает на вашем сайте, атрибуты «Категория», «Действие», «Ярлык» и «Значение» могут использоваться, чтобы помочь вам точно понять, с чем пользователь взаимодействовал на вашей странице. Как упоминалось выше, важно подумать о соглашениях об именах, используемых для этих атрибутов, поскольку именно эти значения будут отображаться в Google Analytics.

Код отслеживания событий для ссылки отслеживания событий в Universal Analytics выглядит следующим образом:

onclick = ”ga ('отправить', 'событие', 'Категория', 'Действие', 'Ярлык', 'Значение');»

Код помещается после текста ссылки href, как показано в примере ниже:

<a href="www.examplewebsite.co.uk/company_brochure.pdf" onclick="ga('send','event','Category','Action','Label','Value');">

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

Как настроить отслеживание событий Google Analytics

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

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

• Когда пользователи переходят по ссылкам.
• Щелкает по любому типу элемента страницы.
• После определенной продолжительности посещения или через определенные промежутки времени.
• При отправке формы.

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

Добавление тегов к ссылкам вручную для отслеживания событий

Вы можете вручную настроить ссылки на своем сайте, чтобы добавить к ссылке атрибуты «Категория», «Действие», «Ярлык», «Значение», как уже обсуждалось ранее. Чтобы дать вам практический пример этого, в приведенном ниже примере показана ссылка, которая включает код события для отслеживания загрузки PDF.

Текст, выделенный курсивом ниже, показывает пример параметров отслеживания событий, настроенных для записи загрузки PDF-документа брошюры компании.

<a href = ”www.examplewebsite.co.uk/pdf/company_brochure.pdf” onclick = ”ga ('отправить', 'событие', 'PDF', 'Загрузить', 'Брошюра компании - Загрузить PDF'); «> Загрузите нашу брошюру </a>

Параметры автоматического отслеживания событий

Отслеживание событий с помощью Диспетчера тегов Google

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

Это может показаться сложным, но как только вы поймете основные принципы тегов, триггеров и переменных, все станет довольно простым.

Отслеживание событий с помощью Диспетчера тегов Google инициируется щелчком по триггерам событий, которые можно настроить для определенных переменных на вашей веб-странице. События Диспетчера тегов Google - это действия пользователя с элементами веб-страницы («элементы DOM»), которые запускаются вашим браузером и отправляются на уровень данных Диспетчера тегов, чтобы их можно было использовать для настройки триггеров.

Сводка шагов, необходимых для настройки события в Диспетчере тегов Google, приведена ниже:

1. Войдите в Диспетчер тегов Google
2. Выберите «Теги» слева.
3. Создайте новый тег и выберите Universal Analytics в качестве типа тега.
4. Установите свой идентификатор отслеживания Google Analytics
5. Выберите «Событие» в качестве типа трека.
6. Установите категорию события, действие, метку и значения. Вы можете использовать имена переменных Диспетчера тегов Google, такие как {{click url}}.
7. Установите триггеры по мере необходимости

Пример того, как настроить событие в Диспетчере тегов Google, приведен ниже:

Шаг 1. Убедитесь, что для вашего мероприятия выбраны правильные активные переменные.

Перейдите в раздел «Переменные» в Диспетчере тегов Google и убедитесь, что вы отметили переменные, которые вы хотите отслеживать на своем сайте.

У вас есть возможность настроить триггеры на основе классов щелчков, элементов щелчка, текста щелчка и других переменных.

Шаг 2 - создайте новый тег в Диспетчере тегов Google

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

Как мы обсуждали ранее в этом посте, атрибуты Category, Action, Label и Value составляют основу переменных событий в Google Analytics. Существуют специальные переменные кода Диспетчера тегов Google, которые можно использовать для автоматического заполнения полей значениями. Например, код {{Click}} автоматически вставит веб-URL в поле, в которое он введен.

Шаг 3 - настройте тег

Введите значения для категории, действия, метки и значения.

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

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

Поле Истина / Ложь используется для события, не связанного с взаимодействием. Если вы хотите, чтобы действие при событии не создавало новый просмотр страницы и не влияло на показатель отказов, установите для этого значения значение True.

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

Шаг 4 - выберите, на чем будет срабатывать тег события

Следующим шагом является выбор или создание триггера для срабатывания тега. Вам нужно будет поджечь условия для вашего тега. Я включил несколько примеров различных типов триггеров для разных событий на вашем сайте.

Триггер для измерения количества кликов по ссылке адреса электронной почты

Пример завершенного триггера для адреса электронной почты, по которой щелкнули ссылку, приведен ниже.

1. На экране выбора типа триггера под заголовком Click выберите Just Links
2. Выберите некоторые переходы по ссылкам под этим триггером, который срабатывает.
3. Задайте для переменной Click URL в первом раскрывающемся списке.
4. Укажите, что URL-адрес «Содержит» во втором раскрывающемся списке.
5. Введите mailto: в третьем поле

Триггер для измерения количества кликов по номеру телефона

1. На экране выбора типа триггера под заголовком Click выберите Just Links
2. Выберите некоторые переходы по ссылкам под этим триггером, который срабатывает.
3. Задайте для переменной Click URL в первом раскрывающемся списке.
4. Укажите, что URL-адрес «Содержит» во втором раскрывающемся списке.
5. Введите тел: в третьем поле

Триггер для измерения скачиваний PDF

1. На экране выбора типа триггера под заголовком Click выберите Just Links
2. Выберите некоторые переходы по ссылкам под этим триггером, который срабатывает.
3. Задайте для переменной Click URL в первом раскрывающемся списке.
4. Укажите, что URL-адрес «Содержит» во втором раскрывающемся списке.
5. В третьем поле введите .pdf.

Проверка того, что ваши мероприятия работают по плану.

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

В Google Analytics вы также можете увидеть события, сработавшие за последние 30 минут, перейдя в раздел «В реальном времени», а затем в раздел «События».

Если вы не спешите или хотите просмотреть исторические данные, перейдите в раздел Поведение> События в Google Analytics.

Установка целей на основе событий

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

1. Перейдите к собственности, где вы хотите установить цель.
2. Нажмите «Администратор», затем перейдите к «Целям» и нажмите «Добавить новую цель».
3. Дайте своей цели название и установите переключатель "Цель события".
4. Заполните поля атрибутами для вашей конкретной цели. Не забудьте выбрать параметры «Равно», «Начинается с» или «Регулярное выражение» в зависимости от атрибутов события.
   • Категория
   • Действие
   • Этикетка
   • Значение
5. Сохраните свою цель
6. Не забудьте выполнить цель теста, чтобы у вас были данные, а затем вернитесь на следующий день, чтобы проверить, работает ли цель вашего мероприятия.

Заключение

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

Полезные ссылки

• Руководство Google по отслеживанию событий для Universal Google Analytics.js
• Онлайн-конструктор кода отслеживания событий Universal Analytics
• Отслеживание событий исходящей ссылки

Если вам нужна помощь с Google Analytics, не стесняйтесь обращаться к нам.