Как настроить событие google analytics

События в Google Analytics 4. Часть I

Цикл статей, посвященный разбору событий в Google Analytics 4. Часть I. Введение

Рекомендую также к прочтению:

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

• клик по конкретной кнопке;
• отправка формы;
• отправка данных о транзакции;
• отслеживание звонков;
• просмотр видео;
• подписка на рассылку;
• скроллинг страницы;
• пролистывание галереи с фотографиями;
• переключение чек-боксов или любых других элементов;
• клики по иконкам социальных сетей;
• открытие / закрытие всплывающих окон на сайте;
• отслеживание действий в онлайн-консультантах, чатах (JivoSite, Callbackhunter, Venyoo, Talk-Me и т.д.);
• отслеживание событий, которые активируются после определенного времени или действия (например, когда пользователь увел курсор мыши с какого-нибудь объекта);
• и т.д.

Так было в традиционном Universal Analytics, а само определение в официальной справке Google трактуется следующим образом:

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

Браузерных событий очень много. Их также можно разделить на различные категории: ресурсные или события HTML-страницы (load, beforeunload, unload), сетевые события (online, offline), события мыши (click, dblclick, contextmenu и др.), события клавиатуры (keydown, keypress, keyup), события формы (submit, reset), фокусные события (focus, blur, focusin, focusout) и другие. Подробнее читайте в этой статье.

Часть из этих событий мы с вами разбирали в предыдущих материалах в моем блоге. Рекомендую к прочтению:

Cейчас определение события в документации для GA4 звучит так:

Событие – это определенное действие пользователя на сайте или в приложении в определенный момент времени, например page_view (просмотр страницы), add_to_cart (добавление товара в корзину) и form_submit (отправка заполненной формы).

События — один из ключевых компонентов Google Analytics 4. Как вы уже знаете, в GA4 перешли с традиционной модели Сеансы и Просмотры страниц, которая существовала в Google Analytics с давних времен, на модель данных, управляемую на основе событий (Event-Driven Data Model). Эта модель очень хорошо подходит к аналитике мобильных приложений. Фактически, в приложениях любое действие -> событие. Листаете вы ленту в Instagram, пишите комментарий под постом, загружаете новую фотографию в профиль, добавляете пользователя в черный список, просматриваете видео друга/подруги, отмечаете геолокацию — все это события с точки зрения отслеживания. И здесь нет как таковых сеансов и просмотренных страниц.

Вывод: В Google Analytics 4 аналитика строится не вокруг сеансов (сессий), а вокруг событий. Поэтому все обращения из Universal Analytics необходимо переносить в Google Analytics 4 как события.

В 2019 году Google пошел по парадигме, в которой он объединил сайты и приложения в один ресурс, представив новый тип аккаунта Google Analytics — Веб-сайты и приложения (Web+App). Модель отслеживания была выбрана соответствующая (на основе событий), поскольку концепция событий, параметров и свойств пользователя, применяемая в мобильной аналитике, подошла и к веб-сайтам. Из-за этого часть функций из Firebase перекочевало в Google Analytics 4, а переход из UA в GA4 стал испытанием для многих интернет-маркетологов и веб-аналитиков. Поэтому сейчас крайне важно при работе с новым типом аккаунтов Google Analytics разобраться в теме событий.

Типы событий

В Google Analytics 4 можно отслеживать 4 типа событий:

1. автоматически регистрируемые события — события, которые Google собирает автоматически после создания и установки счетчика;
2. улучшенная статистика — дополнительные события, которые Google также собирает автоматически, но при условии, что в настройках ресурса вы включили эту функцию;
3. рекомендуемые события — события, которые уже заложены в систему Google Analytics 4 для различных видов деятельности со стандартными именами и параметрами, прописанные в официальной документации, но которые вам необходимо донастроить под свои задачи;
4. специальные события — события, которые вы создаете самостоятельно под свои нужды.

Каждый из этих типов событий мы разберем подробно в отдельной статье. А пока давайте поговорим о структуре событий в GA4, из каких компонентов они состоят.

Компоненты события

В Google Analytics, в зависимости от библиотеки, конструкция отслеживания какого-либо события может иметь вид:

Источник

Отслеживание событий

Из этого руководства вы узнаете, как отслеживать события с помощью analytics.js.

Обзор

Событие – это взаимодействие пользователя с контентом, которое можно отследить независимо от загрузки страниц или экранов. Это понятие включает в себя скачивания, клики по мобильным объявлениям, использование гаджетов, элементов Flash и AJAX, воспроизведение видео и т. д.

Подробная информация о событиях приведена в Справочном центре Google Аналитики.

Реализация

Информацию о событиях можно отправлять с помощью команды send , указывая для параметра hitType значение event . Команда send с типом обращения event имеет следующую сигнатуру:

Поля типа обращения event

Поля этого типа обращения приводятся в таблице ниже.

Имя поля	Тип значения	Обязательное поле	Описание
eventCategory	Текст	Да	Обычно это объект, с которым взаимодействовал пользователь (например, ‘Video’ ).
eventAction	Текст	Да	Тип взаимодействия (например, ‘play’ ).
eventLabel	Текст	Нет	Поле, в котором можно указывать категорию события (например, ‘Fall Campaign’ ).
eventValue	Целое число	Нет	Численное значение, связанное с событием (например, 42 )

Подробная информация об этих полях приведена в статье Компоненты событий Справочного центра Google Аналитики.

Примеры

Приведенная ниже команда отправляет событие в Google Аналитику и сообщает о том, что был показан рекламный ролик из кампании Fall Campaign.

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

Отслеживание исходящих ссылок и форм

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

Для отслеживания переходов по исходящим ссылкам и отправок сторонних форм можно указывать целевой URL в одном из полей события. Данные о переходах по исходящим ссылкам и об отправке сторонних форм можно отправлять в Google Аналитику при помощи следующей функции обработки событий:

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

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

События без взаимодействия

В некоторых случаях бывает необходимо отправить событие без взаимодействия. Для этого в объекте fieldsObject команды send присвойте полю nonInteraction значение true :

Подробнее о событиях без взаимодействий читайте в Справочном центре Google Аналитики.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Источник

Пошаговая инструкция: как настроить события и конверсии в Google Analytics 4

В прошлом материале мы рассказывали, как установить на сайт Google Analytics 4. В этом — разберемся, как создать, настроить и протестировать события и конверсии.

Важным отличием Google Analytics 4 от его предшественника Universal Analytics стала ориентированность не на сеансы, а на события.

Событие — любое взаимодействие пользователя с сайтом: первое посещение, клик по кнопке, заполнение формы, прокрутка страницы и т. д. Конверсия — это то событие, которое вы хотите использовать, например, в Google Ads. Давайте разбираться по порядку.

С чего начать

Рекомендуем настраивать события через Google Tag Manager. Это бесплатный инструмент, контейнер тегов кодов, который нужно один раз установить на ваш сайт. Затем все необходимые теги можно будет настроить в GTM без изменения кода сайта. Тег — фрагмент кода, которые собирает данные о посетителях на сайте и отправляет на сторонние сервисы. Триггер — событие на вашем сайте, которое активирует тег. Триггером может стать нажатие на кнопку, прокрутка до определенного элемента, появление элемента на экране.

Все триггеры, настроенные ранее для Universal Analytics, будут работать и в Google Analytics 4, но нужно будет создать новые теги.

Для этого в Google Analytics 4 войдите во вкладку «События».

Изначально там будет пусто, но в течение 24 часов после создания нового ресурса появятся автоматические события: click, first_visit, page_view, scroll, session_start. Автоматически созданные события удалять не нужно. В этом же списке появятся специальные события — события, которые создадите вы.

Давайте разберем настройку событий на трех примерах: посещение страницы, клик по кнопке и отправка формы.

Событие: посещение страницы

Настроить такое событие непосредственно в Google Analytics 4 проще, чем в Google Tag Manager. Зайдите во вкладку «События», нажмите кнопку «Создать событие».

В открывшемся окне нажмите «Создать».

Дайте название специальному событию. В примере мы будем отслеживать попадание пользователя на страницу благодарности.

В графе «Параметр» в выпадающем меню выберите «Page location». В поле «Оператор» укажите «Содержит»: для такого события этого будет достаточно. А в «Значение» добавьте адрес страницы после слэша, например /thankyou. Каждый раз, когда пользователь будет заходить на эту страницу — событие сработает.

На этом базовая настройка закончена. Возвращайтесь на страницу с событиями: нового события пока на ней нет, оно появится примерно через 24 часа после создания.

Событие: клик по кнопке

Это событие создадим через Google Tag Manager. Для этого нужно настроить тег события и триггер.

Зайдите в менеджер тегов и выберете вкладку «Переменные», нажмите кнопку «Настроить».

В открывшемся окне выделите все переменные в перечне «Клики» и сохраните.

Теперь зайдите в «Триггеры», создайте новый и дайте ему название. Нажмите в любое место в поле настройки триггера.

Появится меню, в графе «Клик» выберите «Все элементы».

Теперь нужно настроить клики. По умолчанию выбраны «Все клики», но нужны только клики по конкретной кнопке. Выбирайте Click classes, затем «Соответствует селектору CSS» и укажите сам селектор CSS (о селекторах и их настройках можно узнать на вебинаре о Google Tag Manager). Нажмите кнопку «Сохранить».

Когда пользователь на сайте нажмет кнопку, которой соответствует указанный селектор CSS, — сработает триггер.

Зайдите в «Теги» и выберите только что созданный триггер. Дайте тегу максимально понятное название.

Кликните на конфигуратор тега, выберите пункт «Google Аналитика: события для GA 4».

Триггер уже выбран, задано название. Теперь необходимо указать название тега конфигурации GA4. Это название тега, которое вы давали Google Analytics 4 при установке на сайте через Google Tag Manager. Напишите название самого события, которое потом будет отражено в списке событий Google Analytics 4 и появится в ваших отчетах. Нажмите «Сохранить».

Перейдите в режим предварительного просмотра.

В tags not fired виден только что созданный тег. В режиме предварительного просмотра зайдите на сайт, кликните по кнопке, для которой создали событие. Вернитесь на панель с тегами и проверьте, переместился ли тег в tags fired. Если переместился — вы верно создали и настроили тег.

Чтобы проверить работу события в Google Analytics 4, зайдите на вкладку DebugView. Если здесь видно название события — оно настроено верно и передается в GA4.

Событие: отправка формы

Аналитику отправки формы многие отслеживают неверно: через клик по кнопке «Отправить». Не всегда клик по кнопке приводит к отправке формы: например, пользователь мог пропустить обязательные пункты. Но счетчик посчитает каждый клик.

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

Зайдите в «Переменные» Google Tag Manager. Отметьте нужный пункт в разделе «Видимость».

Создайте новый триггер: зайдите в раздел «Триггеры», выберите пункты «Взаимодействие пользователей» — «Видимость элемента».

Заполните форму. Напишите понятное название. Снова в «Методе выбора» выберите «Селектор СSS». Теперь вам нужно найти селектор выбранного элемента.

Откройте форму на сайте, заполните и отправьте ее. Правой кнопкой мыши кликните по появившемуся окну, нажмите «Посмотреть код». Клик по коду правой кнопкой мыши, «Copy» — «Copy selector».

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

Создайте тег. Как в предыдущем примере, дайте ему название, выберите созданный триггер, настройте тип тега. Проверьте тег в режиме предварительного просмотра.

О конверсиях

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

После этого они появятся на специальной вкладке «Конверсии». Теперь их можно передать в Google Ads.

Зайдите в Google Ads во вкладку «Инструменты», выберите «Конверсии» в графе «Отслеживание» и нажмите плюс, чтобы добавить конверсии.

В открывшемся окне нажмите «Импорт», а в нижнем углу — «Ресурсы Google Analytics 4» и «Сайт». Выберите все конверсии, которые вы хотите импортировать, нажмите «Импортировать и продолжить».

Если вы никогда не работали с Google Tag Manager, посмотрите наш обучающий вебинар. В нем евангелист eLama Никита Кравченко объясняет, как начать работу с Google Tag Manager и добавить в него самые популярные теги: Яндекс.Метрику, Google Analytics 4, пиксели Facebook и ВКонтакте.

И помните главное: никогда не запускайте рекламу без настроенной аналитики.

Материал подготовлен на основе вебинара евангелиста eLama Никиты Кравченко «Как настроить Google Analytics 4».

Источник