С 1 июля 2023 года закрылся Universal Analytics. После этой даты ваши данные будут доступны еще в течение полугода поэтому самое время переходить на Google Analytics 4. В вашем аккаунте Universal Analytics Вы уже, наверняка, видели предложение перейти на GA4. Можно сделать так, но будет проще установить счетчик заново чтобы потом не разбираться с настройками.
Итак, как создать и настроить Google Analytics 4, как связать его с Google Tag Manager, поставить код на сайт и как настроить цели вы узнаете в данной статье.
Создание GA4
Заходим в Google Аналитика раздел “Администратор”. Здесь находятся все наши аккаунты. В одном аккаунте может быть несколько ресурсов.
Аккаунт — это проект, с которым мы работаем.
Ресурс — это конкретный сайт или приложение, по которому делаем настройки.
Нажимаем “Создать аккаунт”.
Указываем название аккаунта. Удобней называть аккаунт по названию сайта с которым Вы работаете. Копируем название сайта и вставляем в соответствующее окно.
Проставляем или убираем нужные галочки, или можно оставить рекомендованные параметры. Нажимаем: “Далее”.
Затем указываем название ресурса. Выбираем часовой пояс. Выбираем валюту – российский рубль.
В дополнительных параметрах нам предлагают создать ресурс Universal Analytics. Но, так как с 1 июля данный ресурс перестал собирать данные, в этом нет смысла. И не стоит перегружать наш сайт.
Нажимаем: “Далее”.
Следующий шаг – заполнить информацию о компании. Его можно пропустить.
Нажимаем: “Создать”.
Ставим галочку: “Я принимаю условия обработки данных”. Нажимаем: “Принимаю”.
Аккаунт и ресурс созданы.
Далее нужно выбрать платформу, в нашем случае это вебсайт.
Затем настраиваем поток данных.
В окошко вставляем название сайта. Выбираем https//. Указываем название потока, оно соответствует названию сайта.
Нажимаем: «Создать поток».
Наш поток создан.
Далее открывается инструкция по установке GA4 на сайт.
В инструкции предлагаются два варианта установки Гугл Аналитикс 4:
- Установка с помощью конструктора сайтов или системы управления контентом;
- Установить вручную.
В первом варианте система предлагает подробную инструкцию как произвести установку тега. При установке используются специальные плагины. Например, если у вас сайт на WordPress, используйте Site kite plugin.
Если Вы выбираете ручную установку, необходимо скопировать данный тег, и отправить его веб-разработчику.
Важно! Чтобы не допустить никаких ошибок при передаче кода, лучше всего вставить скопированный код в текстовый блокнот, и данный файл отправить. Так мы сокращаем вероятность потери каких- то символов кода, случайного появления дополнительных символов и пробелов.
Мы будем устанавливать GA4 через Google Tag Manager.
Детальную инструкцию по тому, как создать и настроить Гугл Тег Менеджер, как установить Метрику, Analytics можно посмотреть здесь.
Настройка Google Analytics 4
Рассмотрим все необходимые настройки GA4.
В меню аккаунта:
- Настройки аккаунта.
Здесь мы ещё раз проверяем всё что мы задали. В случае необходимости можно внести изменения.
2. Управление доступом к аккаунту.
Здесь Вы можете предоставить доступ другим пользователям и выбрать уровень доступа ко всему аккаунту и его ресурсам.
Чтоб предоставить доступ, нажимаем кнопку в правом верхнем углу, выбираем: «Добавить пользователя».
Указываем адрес электронной почты Gmail того пользователя, кому будет предоставлен доступ. Выбираем роли и ограничения на доступ к данным.
Нажимаем: “Добавить”.
Пользователю приходит оповещение о том, что его приглашают к управлению доступом к данному аккаунту.
3. История изменений аккаунта.
Здесь можно посмотреть всю историю изменения аккаунта.
В меню ресурса:
1.Настройки ресурса.
Здесь проверяем настройки и вносим исправления, если это необходимо.
2.Управление доступом к ресурсу.
Здесь мы также можем предоставить доступ к отдельному ресурсу: сайту или приложению.
3. Потоки данных.
Здесь можно добавить поток или посмотреть данные созданных потоков. В нашем случае поток уже создан, в дальнейшем с помощью него мы будем настраивать аналитику.
4. События.
Здесь мы будем ставить цели, настраивать события.
5. Конверсии.
Здесь настраиваем конверсии.
6. Настройки данных.
Здесь идет сбор данных.
Настраиваем данные
Нажимаем: Настройка данных. Выбираем пункт: Сбор данных.
Нажимаем: “Начать работу”.
Далее нажимаем: “Продолжить”.
Затем: “Активировать”.
Раскрываем пункт меню: “Согласие с условиями сбора пользовательских данных”. Нажимаем: “Я подтверждаю”.
Далее: “Хранение данных о пользователях и событиях”. Выбираем максимальное значение: 14 месяцев.
Нажимаем: “Сохранить”.
Настройка улучшенной статистики
Заходим в потоки данных. Далее нажимаем значок настроек в блоке “Улучшенная статистика”.
Включаем все бегунки.
Прокрутка – событие scroll при достижении вертикальной прокрутки 90%.
Исходящие клики – это событие клик, которое отслеживается по любой ссылке на сайте.
Поиск по сайту – содержит и отслеживает популярные параметры запросов поиска по сайту. Здесь можно так же настроить собственные параметры.
Взаимодействие с формами — отслеживает любые взаимодействия с формами на сайте.
Взаимодействие с видео — отслеживает встроенные видео из YouTube.
Скачивание файлов — отслеживает клики на ссылки, у которых в конце есть специальное расширение файлов.
Нажимаем: «Сохранить». Закрываем и возвращаемся на главную страницу.
Связь Google Analytics 4 с Google Ads
Если у вас есть аккаунт Google Ads, то его необходимо связать с Google Analytics 4.
Заходим в пункт меню: «Связи с Google Рекламой».
Нажимаем: “Связать”.
Выбираем нужный аккаунт.
И нажимаем: “Подтвердить”.
Связь GA4 с Google Tag Manager
Все настройки сделаны. Теперь необходимо связать GA4 с ГТМ.
Переходим в «Потоки данных» и заходим в поток. Копируем идентификатор потока данных.
Далее идентификатор необходимо будет вставить в специальную строку при создании тега в ГТМ.
Но для начала создадим аккаунт GTM.
Создание Google Tag Manager
Создаем аккаунт в GTM. Заходим в Google Tag Manager на нужный аккаунт и нажимаем: “Создать”.
Указываем понятное название аккаунта.
Выбираем страну. Дальше создаём контейнер.
Контейнер — это наш сайт или приложение. В нашем случае сайт, поэтому вписываем адрес сайта. Далее выбираем целевую платформу — Веб-сайт. Нажимаем: “Создать”.
После этого выбираем страну, ставим галочку: “Я соглашаюсь с условиями в отношении обработки данных”. И нажимаем: “Да”.
Google Tag Manager создан.
Установка GTM на сайт
Подробную инструкцию по установке ГТМ на сайт, созданный на платформе WordPress можно посмотреть в данном видео.
В нашем примере сайт на WordPress, устанавливаем код следующим образом:
- Первый фрагмент кода устанавливаем в раздел «head» кода страницы как можно ближе к началу.
- Второй вставляем после тега «body».
Копируем первый фрагмент кода.
Заходим в админку сайта, переходим во “Внешний вид” – “Редактор тем”.
Здесь нам необходимо поставить ГТМ на каждую страницу сайта. Поэтому заходим в заголовок “header PHP”.
Находим в коде <Head>, нажимаем «Enter». Вставляем первый фрагмент кода ГТМ.
Далее копируем второй фрагмент кода.
Его необходимо вставить сразу после открывающего тега <body>. Находим в коде на сайте тег <body>, сразу после него вставляем скопированный код.
Нажимаем: Обновить файл.
Код ГТМ установлен на сайт.
Создание тега GA4
Теперь необходимо создать тег Google Analytics 4.
Заходим в Теги. Нажимаем: “Создать”.
Выбираем конфигурацию тега. Google Аналитика: конфигурация GA4.
Далее нужно вставить идентификатор.
Для этого возвращаемся в Google Analytics. Заходим в «Ресурс» — «Потоки данных». Выбираем нужный ресурс. Копируем идентификатор потока данных.
И вставляем его в идентификатор в настройке тега в ГТМ.
Далее в расширенных настройках выбираем: «Один раз на страницу».
Выбираем триггер. Так как, данный тег нам необходимо поставить на все страницы сайта, выбираем триггер: “All Pages” (все страницы).
Называем тег «GA4», можно в название добавить код идентификатора. Назвать можно иначе, главное выбирайте понятное название. Нажимаем: «Сохранить».
Тег установлен.
Как проверить, что GA4 установлен на сайте
Чтобы проверить, установлен ли тег на сайте, необходимо нажать: “Предварительный просмотр”.
В окошко вставляем адрес сайта. Нажимаем: “Connect”. В отдельном окне открывается сайт, возвращаемся нажимаем: “Continue”.
Тег отображается.
Также, можно проверить установлен ли тег с помощью специального плагина Google Tag Assistant. Он позволяет увидеть установленный тег на любом сайте.
Для этого, переходим на нужный сайт, нажимаем плагин, нажимаем “Enable”.
Затем обновляем сайт. Нажимаем на плагин ещё раз. Google Tag Manager отображается зеленым, значит все установлено корректно.
Если он отображается синим цветом, значит есть какие-то недочеты или он нуждается в оптимизации. Если отображается жёлтым или красным значит есть какие-то ошибки.
Настройка GTM
Возвращаемся в Google Analytics 4. Настроим цели.
Настроим переменные
Переходим в раздел переменные. Нажимаем: “Настроить”.
В конфигурации переменных выбираем нужные элементы. Например, все элементы, все формы, все клики и остальные, подходящие для вашего сайта.
Настройка Триггеров
Переходим в раздел триггеры.
Для начала создадим несколько основных триггеров для того чтобы в дальнейшем мы могли посмотреть какие переменные мы можем использовать для настроек событий на сайте.
Настроим: Все клики
Выбираем тип триггера: “Клик” – “Все элементы”.
Даем понятное название триггеру и сохраняем.
Настроим триггер: Все ссылки
Выбираем тип триггера: «Клик» – «Только ссылки».
Настроим триггер: Все формы
Выбираем тип триггера: “Клик” – “Отправка формы”.
Настроим триггер: Клик по телефону
Перейдём в предварительный просмотр. В отдельном окне у нас открывается сайт. Кликаем по телефону на сайте.
Возвращаемся в предварительный просмотр. В меню слева переходим в клик по ссылке (Link Click). Переходим в “Variables”.
Смотрим какие переменные у нас сработали.
Находим Click URL. По ней настроим следующий триггер.
Копируем переменную: tel:.
Возвращаемся в раздел триггеры. Создаем новый триггер.
Выбираем тип: «Клик» – «Только ссылки». Выбираем: Некоторые клики по ссылкам.
Выбираем событие активации триггера: Клик URL. Содержит. В окошко вставляем скопированную переменную: tel:.
Называем триггер, например, «Клик по телефону». Нажимаем: Сохранить.
Настроим триггер на форму: «Заказать звонок»
На сайте нажимаем кнопку «Заказать звонок», заполняем форму и нажимаем отправить. Возвращаемся в ГТМ, в меню выбираем “send”. Переходим в Variables.
Находим Event. Копируем параметр “send”.
Возвращаемся в раздел триггеры. Создаем новый триггер.
Выбираем тип: “Специальное событие”. Выбираем: “Некоторые специальные события”.
Выбираем событие активации триггера: Event. Содержит. В окошко вставляем скопированную переменную: send.
Называем триггер, например, «Заказать звонок («event»). Нажимаем: “Сохранить”.
Рекомендации! Триггер на отправку формы можно настраивать через Event и через Отправка формы. Настраивая триггер через event, конверсия будет более точной. Пользователь может неверно или не полностью заполнить форму и нажать кнопку отправить. При настройке через Отправку формы, конверсия засчитается, но по факту совершена не будет.
На остальные формы на сайте триггеры можно настроить аналогичным образом.
Настроим триггер на форму: «Отправить заявку»
Нажимаем: “Предварительный просмотр”. Заходим на сайт, заполняем форму. Нажимаем: “Отправить”.
Возвращаемся в ГТМ, в меню выбираем send. Переходим в Variables. Находим Event. Копируем параметр “send”.
В нашем случае настроенное событие event будет работать на все формы.
Поставим триггеры на мессенджеры: Telegram, WhatsApp
Переходим на сайт, нажимаем по очереди на мессенджеры правой кнопкой мыши: Посмотреть код. Смотрим правильное название мессенджеров в коде, его мы будем использовать в триггерах.
Заходим в триггеры. Нажимаем: Создать.
Выбираем: Только ссылки. Некоторые ссылки. Клик URL. Содержит. В окошко вписываем точное название мессенджера, например, для телеграм –это t.me.
Называем триггер, нажимаем: “Сохранить”.
Тоже самое делаем с мессенджером WhatsApp.
Клик URL. Содержит. Вписываем: wa.me.
Называем триггер. Нажимаем: “Сохранить”.
Настройка событий/конверсий/целей в Гугл Аналитикс 4
Создание тегов
Настроим тег на отправку формы
Переходим в GA4 в раздел события. Нажимаем: “Создать событие”. Далее: “Создать”.
Здесь есть несколько предустановленных событий, мы можем выбрать одно из них или указать любое другое название, главное, чтоб вам было понятно. Например, Send_form.
Далее возвращаемся в GTM. Создаем новый тег. Выбираем конфигурацию Google Analytics: событие GA4.
Тег конфигурации также GA4.
Название события: Send_form.
Далее прописываем параметры события. Добавляем строку. В строке значение указываем Send_form. А название параметра: берём из Гугл Аналитика 4 – event_name.
Указываем название тега: GA4 — “Отправка формы”.
Добавляем триггер: Заказать звонок (event). Сохраняем.
Также сохраняем и в GA4.
Можно сразу добавить данное событие в раздел конверсии. Но это не обязательно, далее оно все равно здесь отобразится.
Заходим в конверсии. Нажимаем: “Создать событие” – “Конверсия”. Указываем соответствующее название. Нажимаем: “Сохранить”.
Настроим тег на “Клик по номеру телефона”.
Можно скопировать предыдущий тег и внести необходимые изменения.
Для этого выбираем нужный тег, нажимаем: “Копировать”.
В параметрах события меняем название события и значение параметра на Phone.
Меняем триггер на: “Клик по телефону”.
Меняем название на: “GA4 — Клик по телефону”.
Возвращаемся в GA4. Переходим в раздел события. Создать событие. Нажимаем: «Создать».
Название события — Phone. Параметр: event_name , равно и значение: Phone. Нажимаем кнопку: “Создать”.
Можно сразу добавить его в конверсии.
Настроим тег на мессенджеры
Можно сделать событие на каждый мессенджер в отдельности, а можно, их объединить в одну цель.
Копируем предыдущий тег. В параметрах события меняем название события и значение параметра на messenger.
Удаляем предыдущий триггер, и добавляем поочередно ранее созданные: Telegram и Вацап. Меняем название на: “GA4 — Мессенджеры”.
Возвращаемся в GA4. Переходим в раздел события. Создать событие. Нажимаем: Создать.
Название события — messenger. Параметр: event_name, равно и значение: messenger. Нажимаем кнопку: “Создать”.
Можно сразу добавить его в конверсии.
При создании конверсии важно, чтобы название совпадало, поэтому лучше добавлять название копированием.
Проверка настройки Google Analytics 4
Проверим корректность установки тегов в ГТМ. Нажимаем: “Предварительный просмотр”.
Нажимаем: “Connect”. Далее: “Continue”. Переходим на сайт и проверяем, кликая на соответствующие формы, мессенджеры, телефон и пр. Переходим в ГТМ, все события должны отобразиться.
Если все правильно сработано, отправляем данные на сайт.
Нажимаем: “Отправить”.
В названии версии пишем: Полная установка GA4. Нажимаем: “Опубликовать”.
Если в дальнейшем необходимо внести изменения сделать это можно в Рабочей области.
Выводы:
В данной статье мы разобрали как создать и настроить Google Analytics 4, как связать его с Google Tag Manager. Научились настраивать триггеры и устанавливать цели.
Надеемся, статья была вам полезна. А если вам нужна помощь в настройке Google Analytics 4 или рекламы, оставьте заявку в форме ниже.
Видео
Смотрите, также видео: «Настройка Google Analytics 4 (GA4) через Google Tag Manager»:
