(Устарело) Использование Universal Analytics с Google Tag Manager

[MarkDoerr]

Эта тема предназначена только для исторических целей и служит справочным материалом для тех, кто до сих пор использует Universal Analytics с Google Tag Manager. Она будет удалена после того, как Google прекратит отправку данных UA в GTM в июле 2023 года.

Документация для текущей настройки доступна по адресу Настройка Google Tag Manager для Analytics

В этой теме показано, как использовать Google Universal Analytics через Google Tag Manager. После завершения настройки API Google Tag Manager будет работать на вашем сайте Discourse, что теоретически позволит отправлять произвольные события в любой сервис, интегрированный с Tag Manager. Аналитика — это только начало.

По соображениям безопасности во всех актуальных установках Discourse действует политика безопасности контента (Content Security Policy), блокирующая все скрипты, не принадлежащие Discourse. Это означает, что если вы добавляете внешние скрипты в интеграцию GTM, вам, возможно, потребуется добавить их домены в белый список, чтобы разрешить их выполнение.

Например, если вы включили функции Advertising или интеграцию AdWords, необходимо добавить

• https://stats.g.doubleclick.net
• https://www.google.com

в настройку сайта content security policy script src.

Если у вас есть собственные пользовательские скрипты в тегах Custom HTML, вы можете следовать этому руководству, чтобы разрешить их выполнение в Discourse.

---

Universal Analytics

Первое, что вам понадобится, — создать аккаунт Analytics. Если вы вошли в систему с помощью аккаунта Google, то простое посещение https://analytics.google.com проведет вас через процесс создания аккаунта.

После создания нового аккаунта создайте ресурс (property).

Выберите «Веб-сайт» в качестве типа приложения и заполните остальные поля для вашего сайта Discourse. В конце вы получите идентификатор отслеживания (tracking ID), который выглядит как UA-12345678-1. Сохраните его, так как вам нужно будет передать его в Tag Manager.

Если вы не видите идентификатор отслеживания, у вас есть ресурс Google Analytics 4. (Ресурсы Google Analytics 4 не имеют идентификатора отслеживания.) Вместо этого вам нужно создать ресурс Universal Analytics. Внимательно следуйте этим инструкциям, так как опция создания ресурса Universal Analytics скрыта в разделе Показать дополнительные параметры. После создания ресурса Universal Analytics вы можете следовать приведенным выше инструкциям, чтобы найти свой идентификатор отслеживания «UA-».

Tag Manager

Посетите https://tagmanager.google.com и позвольте Google настроить вас. После входа вам будет предложено создать свой первый «Аккаунт» и «Контейнер». Когда вас спросят, где будет использоваться контейнер, выберите «Веб».

После создания контейнера нам нужно подключить некоторые события от API менеджера тегов к Google Analytics.

Переменные

Перейдите на вкладку «Переменные» слева. Нажмите кнопку «Создать» в разделе «Определенные пользователем переменные» внизу. Мы создадим две переменные.

Название: DL - page title
Тип: Data Layer Variable
Имя переменной Data Layer: page.title
Версия Data Layer: 2

Название: DL - page url
Тип: Data Layer Variable
Имя переменной Data Layer: page.url
Версия Data Layer: 2

Вот пример:

Триггеры

Теперь создадим триггер, который будет выполнять действие при поступлении этих переменных из API. Нажмите на вкладку «Триггеры» слева и выберите «Создать». Выберите тип «Просмотр страницы», нажмите «Сохранить» и назовите триггер virtualPageView.

После сохранения ваш триггер должен выглядеть так.

Теги

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

• Тип тега: выберите Google Analytics: Universal Analytics
• Настройка тега:
  • Тип отслеживания: выберите «Просмотр страницы»
  • Настройки Google Analytics: выберите «Новая переменная…»
  • Конфигурация переменной:
    • Идентификатор отслеживания: введите ваш идентификатор отслеживания из Universal Analytics (UA-xxxxxxxx-x)
    • Домен cookie: добавьте эти три поля точно так, как показано:
      • имя: cookieDomain, значение: auto
      • имя: title, значение: {{DL - page title}} (можно выбрать из выпадающего списка)
      • имя: page, значение: {{DL - page url}}
  • Запуск:
    • Выберите virtualPageView
• Сохраните и назовите тег

Ваш тег после завершения должен выглядеть примерно так:

Публикация

Никакая из этой работы не станет активной, пока вы не нажмете кнопку «Опубликовать» в правом верхнем углу страницы. Она будет красной, если есть несохраненные изменения.

Если ваш сайт Discourse сообщает об ошибках 404 от googletagmanager.com, скорее всего, вы не опубликовали свои изменения.

Discourse

GTM ожидает данные, поэтому давайте добавим их на наш сайт Discourse. Перейдите на вкладку «Настройки» в панели администратора, найдите gtm container id и введите ваш идентификатор менеджера тегов. Он всегда отображается в верхней навигационной панели интерфейса Tag Manager.

Обязательно удалите код отслеживания Analytics из настроек ga universal tracking code и ga tracking code.

Перезагрузите страницу, и данные должны начать поступать через GTM в Analytics. Откройте представление в реальном времени, чтобы увидеть трафик и URL-адреса посетителей вашего сайта.

Дальнейшие шаги?

Теперь, когда данные о просмотрах страниц поступают в Tag Manager, вы можете добавить больше тегов, которые будут получать события. В списке есть Google DFP, AdWords, LinkedIn и другие.

Ссылки:

• Google Tag Manager and Discourse CSP (Content Security Policy)
• Push custom events to Google Tag Manager and Analytics
• Add Google Auto Ads to Discourse via Google Tag Manager

---

Последний обзор @MarkDoerr 2023-02-09T01:10:00Z

[pfaffman (Jay Pfaffman)]

Спасибо, @MarkDoerr. Было бы полезно получить ссылку на решение Discourse, которое мы должны использовать сейчас.

[MarkDoerr]

Чтобы сохранить ссылки в рабочем состоянии и не потерять накопленную за годы «магию» ссылок, я просто обновил исходный документ с инструкциями, добавив новую информацию для GA4.

Но вы правы, на случай если кто-то наткнётся на это первым. Автор обновил пост.

Спасибо!