Как подключить 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 себе на сайт.

голосов
Рейтинг статьи
Подписка на KRASHENININ.TECH

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


Author
Konrad Ravenstone/ автор статьи
Специалист по информационной и компьютерной безопасности. Системный инженер. Занимаюсь комплексным обслуживанием веб-сайтов и IT инфраструктуры. Подробнее>>
Поделиться материалом в соцсетях:
KRV — IT блог о веб-технологиях, и не только
0 комментариев
Встроенные отзывы
Просмотреть все комментарии
0
Есть мысли? Прокомментируй!x
()
x