В прошлом материале мы рассказывали, как установить на сайт 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».

eLama, PR-менеджер