Установка и настройка серверного Google Tag Manager (GTM) на VPS

Точно знать, чем именно занимаются ваши клиенты или читатели на сайте — ключевая часть маркетинга и управления веб-проектами. 
Если вы хотите узнать, как они проводят время на ресурсе, куда кликают и какая реклама вызывает максимальную отдачу, то потребуется мощная утилита на аналитики. Google Tag Manager (GTM) делает процесс управления тегами удобным и гибким. А его серверная версия (Server-Side GTM) даёт ещё больше контроля над данными, улучшая производительность, обходя ограничения браузеров и обеспечивая лучшую защиту персональных данных пользователей.

В этой инструкции мы подробно разберем, как установить и настроить серверный GTM на вашем VPS. Мы пройдем через весь процесс — от выбора подходящего домена и создания контейнера до настройки шифрования и подключения системы к сайту.

В чем плюсы GTM

Google Tag Manager — приложение, позволяющее редактировать теги без необходимости менять код сайта.  Теги — это специальные фрагменты кода, встроенные в страницы сайта или в контейнер Google Tag Manager. Их основная задача — фиксировать действия пользователей и передавать полученные данные в системы веб-аналитики, маркетинговые платформы и рекламные сервисы.

Такие теги могут отслеживать различные события, например:
→ просмотры страниц;
→ клики по кнопкам, ссылкам или баннерам;
→ заполнение и отправку форм (регистрация, подписка, заказ);
→ добавление товаров в корзину и завершение покупки;
→ воспроизведение видео и другие взаимодействия с контентом.

Почему стоит использовать Google Tag Manager?

Простой менеджмент тегов
Вам не нужно вручную добавлять код на сайт, что сокращает вероятность ошибок и делает процесс более организованным.

Гибкость и удобство
Вы можете быстро изменять настройки тегов, добавлять новые системы аналитики и корректировать работу скриптов без привлечения разработчиков. Это особенно важно для маркетологов и специалистов по рекламе.

Поддержка множества платформ
Google Tag Manager можно интегрировать с аналитическими инструментами, рекламными системами, сервисами A/B тестирования, CRM и другими инструментами, что делает его универсальным решением.

Улучшенная производительность
Поскольку теги загружаются асинхронно, то и на скорость загрузки они не влияют. GTM также позволяет загружать только нужные теги в нужное время, что снижает нагрузку на браузер пользователя.

Преимущества серверной версии
Обычный GTM работает на стороне браузера, что означает, что данные отправляются напрямую из браузера пользователя. Однако в последние годы браузеры всё активнее блокируют сторонние скрипты, что приводит к потере данных. Серверная версия GTM позволяет передавать данные через ваш собственный сервер, что:
→ Обходит ограничения браузеров, такие как блокировка сторонних куки.
→ Улучшает безопасность, так как данные проходят через ваш сервер перед отправкой в аналитику.
→ Позволяет фильтровать и обрабатывать данные перед передачей в другие сервисы.

Настройка поддоменов

Прежде чем приступить к установке, необходимо подготовить поддомены. Они понадобятся для работы серверного GTM:
→ Основной домен: sgtm.primer.com (он будет использоваться для передачи данных в аналитику);
→ Домен для превью: preview-sgtm.primer.com (необходим для тестирования настроек перед запуском).

Как создать поддомены:
1. Перейдите в панель управления вашим хостингом.
2. Найдите раздел "Домены и поддомены".
3. Добавьте два новых поддомена.
4. Укажите в A-записях их IP-адрес вашего VPS.

5. Убедитесь, что изменения применились, проверив их с помощью команды nslookup или dig.

Создание контейнера GTM

Перед установкой создадим контейнер в Google Tag Manager.
Действия:
1. Откройте Google Tag Manager.
2. Нажмите "Создать контейнер".
3. Введите название контейнера, выберите "Server" и нажмите "Создать".
4. Скопируйте ключ контейнера — он пригодится на следующем этапе.

Установка серверного GTM на VPS

Подготовка файлов
1. Подключитесь к серверу через SSH.
Создайте папку для конфигурации GTM и перейдите в неё:

 mkdir -p ~/sgtm && cd ~/sgtm

2. Скачайте файлы сборки:
3. После распаковки появятся файлы: docker-compose.yml, gtm.env, gtm-preview.env и nginx.conf.

Настройка конфигурации
1. Откройте файл gtm.env и укажите ключ контейнера:

 vim gtm.env

2. Добавьте ключ в CONTAINER_CONFIG= и пропишите домен превью-сервера в PREVIEW_SERVER_URL=.
3. Аналогично измените gtm-preview.env, добавив тот же ключ и установив RUN_AS_PREVIEW_SERVER=true.
4. Откройте nginx.conf и замените sgtm.example.com и sgtm-preview.example.com на ваши домены.

Запуск контейнеров
Запустите серверный GTM с помощью Docker:

docker-compose up -d

Итоги

Поздравляем! Вы успешно установили и настроили серверный GTM. Теперь ваш сайт передаёт данные через собственный сервер, что даёт больше контроля, уменьшает блокировку данных браузерами и повышает точность аналитики. При необходимости вы всегда можете обновить настройки или добавить новые теги через Google Tag Manager, не изменяя код сайта! Если у вас возникли вопросы, рекомендуем ознакомиться с официальной документацией Google.