Почему стоит установить GTM на своём сервере

Рассказываем, как безопасно интегрировать Google Tag Manager (GTM) с вашим собственным сервером, чтобы повысить защиту данных и соответствовать требованиям законодательства.

Вы сможете перенести функционал GTM на ваш сервер ArtCons и использовать собственный поддомен вместо стандартного www.googletagmanager.com.
Загрузка GTM будет происходить через ваш домен: например, gtm.example.com.

Почему стоит установить GTM на своем сервере

Повышенная защита данных. Вам не нужно будет беспокоиться о местоположении хранения ваших тегов, триггеров и переменных.
Независимость от внешних сервисов. Даже если Google уйдет из России, ваша аналитическая система продолжит работать.
Оптимизация скорости и пространства. Контейнеры GTM будут загружаться быстрее, а возможности для хранения данных расширятся.
Соответствие законодательству РФ. Пользователи вашего сайта больше не будут напрямую обращаться к зарубежным серверам. Это поможет соблюсти требования Роскомнадзора (РКН) по контролю передачи клиентских данных.

Как это работает

Процесс основан на перенаправлении запросов к серверу Google через ваш локальный сервер при загрузке скрипта GTM.

Если говорить вкратце, такими будут основные шаги для настройки Server GTM на вашем сервере:

Внесение двух поддоменов: один для рабочей версии контейнера, другой для режима предпросмотра.
Работа с серверным контейнером GTM: создание и настройка.
Настройка интеграции с веб-контейнером: указание новых эндпоинтов в параметрах тегов.
Изменения в коде сайта: замена стандартного URL GTM на ваш собственный поддомен.

А теперь подробнее.

1. Внесение двух поддоменов

Для начала необходимо указать два домена третьего уровня на вашем хосте:

servergtm.artcons.io — используется для работы контейнера в режиме продакшн. (Доменное имя для контейнера)
liveservergtm.artcons.io — предназначен для работы контейнера в режиме предварительного просмотра (Доменное имя для предварительного просмотра sGTM).

Режим preview нужен для предварительного просмотра. Он позволяет тестировать и проводить отладку контейнера тегов перед тем, как изменения будут опубликованы на сайте.

Почему важно использовать два домена вместо одного? Это связано с рекомендациями Google: так режим предварительного просмотра будет работать корректно.

Убедитесь, что оба домена внесены на серверы, где будет развернут сервис Server GTM.

2. Работа с серверным контейнером GTM

1. Начните с создания серверного контейнера в GTM.

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

Сохраните полученную строку и вставьте ее в Конфигурация контейнера sGTM при создании контейнера в ArtCons, чтобы могли связать контейнер с сервисом, работающим на ваших серверах.

Когда вы все поля заполните у вас долежн быть так, выбирите нужное Местоположение сервера и нажмите Далее.

На Шаге 2 вам нужно только прописать 4 записи в DNS вашего домена, 2 А и 2 АААА.

3. Откройте настройки контейнера.

4. Укажите адрес preview контейнера для включения режима предварительного просмотра прямо в интерфейсе GTM.

Чтобы получить конфигурационную строку, достаточно нажать на кнопку «Настроить сервер тегов» и выбрать вариант «Добавить сервер тегов вручную».

После того, как вы укажете preview-домен, настройки контейнера должны выглядеть так:

3. Настройка интеграции с веб-контейнером

1. В разделе «Клиенты» серверного контейнера GTM нажмите кнопку «Создать».

2. Выберите предустановленный клиент: «Google Менеджер тегов: веб-контейнер».

3. Укажите идентификатор контейнера ВЕБ и выберите соответствующий регион. (можно убрать галочку зависящие от региона, она нужна для соблюдения закона EC GDPR)

4. Изменения в коде сайта

Замените точку доступа в коде GTM на вашем сайте на https://servergtm.artcons.io.

Учтите, что идентификатор GTM-XXXXXXXX при этом не меняется. Он должен быть таким же, как в текущей версии классического веб-GTM.

Head:

<!-- Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://servergtm.artcons.io/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXXX');</script>
<!-- End Tag Manager -->

Body:

<!-- Tag Manager (noscript) -->
<noscript><iframe src="https://servergtm.artcons.io/ns.html?id=GTM-XXXXXXXX'"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Tag Manager (noscript) -->

Также на Шаге 3 есть возможность просто ввести свой GTM-XXXXXXXX веб контейнера и скопировать готовый код. (Нажав на зелёную кнопку установить код на сайт)