Как подключить Google Analytics 4 с помощью Google Tag Manager?

Как подключить Google Analytics 4 на сайт через Google Tag Manager

В этом пошаговом руководстве я опишу как подключить на сайт Google Analytics 4 — быстро, с нуля, эффективно с помощью диспетчера тегов Google Tag Manager. В данном способе мы будем подключать Google Аналитику, просто создав новый тег в GTM и указав идентификатор потока данных, созданного в GA4. Почему это эффективно? Я расскажу далее.

Создание аккаунта в Google Analytics

1. Входим в свой GMAIL-акаунт и открываем стартовую страницу Google Analytics:

Google Analytics

Нажимаем — «Создать аккаунт».

2. Указываем название аккаунта и нажимаем кнопку «Следующее».

GA4 create new accaunt

3. На следующем шаге настраиваем ресурс — указываем название, часовой пояс и валюту и нажимаем кнопку «Далее»:

configuration accaunt GA4

4. Заполняете сведения о вашем ресурсе/компании и жмете кнопку «Создать»:

GA4 info company

5. Принимаете условия использования (Terms of Service) и соглашение пользователя — выбираете свою страну и ставите галочку «Я также принимаю», жмете на кнопку «Принимаю»:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

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

6. После этого может появиться выпадающее окно «Настройки электронной рассылки» с предложением подписаться на все новости и уведомления Google Аналитики — советую проставить все флажки и нажать «Сохранить»:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

7. Теперь необходимо выбрать платформу для создания потока данных — выбираем «Веб»:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

8. Появится панель настройки потока данных — указываете URL вашего сайта с https, название потока. Нажимаете на кнопку «Создать поток»:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

9.  Перед вами появятся сведения о потоке — копируем только идентификатор потока данных и переходим в Google Tag Manager:

GA4 in GTM

Создание аккаунта в Google Tag Manager

10. Открываем стартовую страницу Google Tag Manager и нажимаем «Start for free»:

Google Tag Manager

11. Создаем аккаунт и указываем данные — в поле «Выбор платформы» выбираете «Web»:

GTM

Далее стандартно появится форма «Пользовательское соглашение» — принимаете ее и попадаете на главный дашборд — панель управления Google Tag Manager. Здесь первым делом система предложит скопировать код и установить его на сайт:

Установка кода Google Tag Manager

Первую часть скопировать и вставить в секцию <head>, вторую часть в <body>. Просто найдите шаблон своего сайта, и откройте файл index.php или index.html, внесите требуемые изменения, сохраните. Потом обновите кеш.

12. После того как код успешно добавлен на сайт — на панели управления GTM выберите в левом меню пункт «Tags» и создайте новый тег:

Создание нового тега в GTM

 

13. В появившимся окне нажмите на вкладку «Конфигурация тега»:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

В предложенном списке выберите тег «Google Аналитика: Конфигурация GA4»:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

14. В поле «Идентификатор потока данных» — вставляйте тот идентификатор, который вы получили при создании аккаунта в Google Analytics (см. выше):

Как подключить Google Analytics 4 с помощью Google Tag Manager?

Далее нажимаете по вкладке «Триггеры» и выбираете из списка «All pages» (применить ко всем страницам):

Как подключить Google Analytics 4 с помощью Google Tag Manager?

Дайте название тегу и сохраните конфигурацию:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

15. Теперь на панели управления на вкладке тегов у вас появится тег Google Аналитики 4:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

Теперь найдите в верхнем правом угле кнопку «Опубликовать» (Submit) — нажмите по ней:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

Далее появится окно публикации конфигурации — нажмите «Опубликовать» (Publish):

Как подключить Google Analytics 4 с помощью Google Tag Manager?

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

16. Пришло время протестировать конфигурацию — работает ли подключенный код GA4 через GTM на сайте. Для этого нажмите в правом верхнем углу на кнопку «Просмотр» (Preview) и попадает в раздел Google Tag Assistant:

Google Tag Assistant

В поле URL — укажите домен своего сайта (вместе с https) и нажмите «Connect». Ассистент запуститься, автоматически откроет новое окно в браузере с вашим сайтом и в нижнем правом угле покажет статус «Connected» (если все правильно сделали).

Как подключить Google Analytics 4 с помощью Google Tag Manager?

Можете закрывать окно Google Tag Assistant и переходить в панель управления Google Analytics 4 — там уже должен появиться трафик в виде первого пользователя:

Как подключить Google Analytics 4 с помощью Google Tag Manager?

Все, я вас поздравляю — вы подключили Google Аналитику последней версии на сайт!

Почему я рекомендую использовать Google Tag Manager?

Во-первых, Google Tag Mananger это достаточно продвинутый и универсальный инструмент, который выполняет комплексную работу, не только подключение кода Google Аналитики, но тестирование и отладку, интеграция сторонних компонентов (например, Тепловая Карта Кликов в Bing, Push-уведомления от OneSignal или коды счетчиков Yandex Metrica, Facebook Pixel), виджетов, форм и многое другое. Во-вторых, вам не придется постоянно просить программиста править шаблон сайта для добавления/изменения кода. Достаточно один раз самому добавить код Google Tag Менеджера и уже работать через него создавая нужные теги напрямую в Панели управления.

Особенности и преимущества Google Tag Manager

Google Tag Mananger — мощная платформа для ведения цифрового маркетинга и автоматизации задач по веб-аналитике.

  • С Google Tag Mananger вы не засоряете свой сайт лишним кодом и не ухудшаете показатели Core Web Vitals/Pagespeed Insights
  • Нет необходимости постоянно «лазить» в бекенд — добавляйте код на сайт с помощью диспетчера тегов
  • Все ясно, понятно, прозрачно — каждое действие в Google Tag Manager фиксируется, можно откатиться к предыдущим настройкам, сложно ошибиться
  • Встроенные функции предпросмотра, отладки и тестирования (есть также специальный плагин для Google Chrome)
  • Готовые шаблоны, интеграция разных платформ и т. д.
  • Поддержка триггеров, условий, создание собственных тегов, конфигураций, сценариев и т.д.

Что нового в Google Analytics 4 и чем он хорош?

Google Analytics 4 (GA4) более легкий и гибкий. Сбор данных более структурирован (убрали все лишнее, путаницу в событиях, сессиях, отчетах). Аналитика более углубленная. Веб-интерфейс стал попроще. Весь сбор данных построен на базе 3-х маркеров: User ID, Google Signals и Device ID. В GA4 также улучшена конфиденциальность и он больше не использует cookies. Все метрики стали точнее, отображая реальные показатели. Добавилась интеграция с разными системами, такими как BigQuery и Youtube Ads. Всем пользователям также доступны ML (Machine Learning) функции.

Из минусов можно отметить только то, что Google Analytics 4 еще развивается и будет дорабатываться, меняться, обновляться. Но однозначно, переходить на него стоит, так как старый Universal Analytics потихоньку сворачивается. Уже сейчас новым пользователям при создании аккаунта в Аналитике сам Google не рекомендует выбирать Universal. Ну а Google Tag Manager — это лучший способ подключить GA4 себе на сайт.

Оценка:
( 1 оценка, среднее 5 из 5 )
Подписка на KRASHENININ.TECH

Получайте регулярные обновления на почту!


Author
Виталий Крашенинин/ автор статьи
Digital-жрец блога Krasheninin.tech, публицист, исследователь веб-технологий. С 2011 года в IT. Сфокусирован на кибербезопасности, системном администрировании, создании сайтов и SEO. Подробнее>>
Не забудьте поделиться материалом в соцсетях:
KRASHENININ.TECH - блог о веб-технологиях, и не только
Подписаться
Уведомление о
guest
0 Комментарий
Встроенные отзывы
Просмотреть все комментарии
0
Есть мысли? Прокомментируй!x
()
x
Читайте ранее:
Docker технологія
Как установить Docker на Kali Linux?

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

Закрыть