Рассказываем, как интегрировать Google Tag Manager (GTM) с сервером ArtCons, использовать собственный поддомен и получить больше контроля над передачей данных.
Вы сможете использовать собственный поддомен вместо стандартного www.googletagmanager.com. Например, загрузка GTM может происходить через gtm.example.com.
Больше контроля над данными. Вы получаете возможность управлять маршрутом передачи и обработкой данных на серверной стороне.
Меньшая зависимость от внешней инфраструктуры. Часть обработки и передачи данных выполняется через вашу серверную инфраструктуру.
Оптимизация загрузки. Использование серверной инфраструктуры позволяет гибче управлять загрузкой GTM и обработкой аналитических запросов.
Контроль передачи данных. Использование собственного сервера и домена позволяет лучше контролировать, какие данные и в какие сторонние сервисы передаются.
Настройка основана на использовании собственного домена и серверного контейнера Google Tag Manager.
Основные этапы настройки:
Настройка двух поддоменов: одного для рабочего контейнера, второго — для режима предварительного просмотра.
Создание и настройка серверного контейнера GTM.
Настройка интеграции серверного контейнера с WEB-контейнером.
Изменение кода установки GTM на сайте для использования собственного поддомена.
Рассмотрим каждый этап подробнее.
Для начала необходимо указать два поддомена:
servergtm.artcons.io — используется для работы контейнера в основном режиме. В ArtCons это поле «Доменное имя для контейнера».
liveservergtm.artcons.io — используется для режима предварительного просмотра. В ArtCons это поле «Доменное имя для предварительного просмотра sGTM».
Режим Preview используется для тестирования и отладки контейнера перед публикацией изменений.
Использование отдельного поддомена для предварительного просмотра позволяет корректно разделить рабочую среду и режим отладки.
Убедитесь, что оба поддомена настроены для серверов, на которых будет работать sGTM.
Создайте серверный контейнер в Google Tag Manager.
В появившемся окне выберите «Добавить сервер тегов вручную». После этого GTM сформирует конфигурационную строку, необходимую для подключения серверного контейнера.
Скопируйте полученную конфигурационную строку и вставьте её в поле «Конфигурация контейнера sGTM» при создании контейнера в ArtCons.
После заполнения всех полей выберите необходимое местоположение сервера и нажмите «Далее».
На втором шаге необходимо добавить четыре DNS-записи для ваших доменов: две записи типа A и две записи типа AAAA.
Откройте настройки серверного контейнера GTM.
Укажите адрес Preview-сервера, чтобы режим предварительного просмотра корректно работал непосредственно из интерфейса GTM.
Если вам снова потребуется конфигурационная строка, нажмите «Настроить сервер тегов» и выберите «Добавить сервер тегов вручную».
После указания Preview-домена настройки контейнера должны выглядеть примерно так:
В разделе «Клиенты» серверного контейнера GTM нажмите «Создать».
Выберите предустановленный клиент «Google Менеджер тегов: веб-контейнер».
Укажите идентификатор вашего WEB-контейнера и настройте региональные параметры при необходимости.
В коде установки GTM необходимо использовать адрес вашего собственного поддомена вместо стандартного домена Google.
Например: https://servergtm.artcons.io
Идентификатор GTM-XXXXXXXX при этом не меняется. Используйте ID вашего существующего WEB-контейнера GTM.
<!-- Google 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 Google Tag Manager -->
<!-- Google 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 Google Tag Manager (noscript) -->
На третьем шаге настройки контейнера в ArtCons можно просто указать идентификатор WEB-контейнера вида GTM-XXXXXXXX.
После этого ArtCons автоматически сформирует готовый код для установки на сайт. Нажмите зелёную кнопку «Установить код на сайт» и скопируйте полученный код.
Автор:
Виктор Кончишин —
Telegram
Веб-аналитик | Google Tag Manager | GA4 | Яндекс.Метрика | DataLens | Conversions API FB, TikTok, Google Ads