Как добавить кастомный домен в серверный контейнер Google Tag Manager

В этой статье я расскажу, как настроить кастомный субдомен в серверный контейнер Google Tag Manager. Основное преимущество кастомного субдомена внутри серверного контейнера Google Tag Manager заключается в том, что он помогает обойти интеллектуальные средства предотвращения отслеживания, блокировщики рекламы и увеличивает время жизни файлов cookie для пользователей, просматривающих страницы в Safari. Pixels будет загружаться из вашего субдомена и запускаться как первая сторона.

Серверный теггинг Google Tag Manager позволяет перенести сторонние пиксели отслеживания с сайта или приложения на серверную сторону. Теги на стороне сервера имеют несколько преимуществ по сравнению с тегами на стороне клиента:

1. Более высокая производительность: На вашем сайте или приложении запущено меньше тегов. Это означает, что кода меньше внутри браузера, а это повышает скорость работы вашего сайта.

2. Больше безопасности: Данные лучше защищены, поскольку управление ими осуществляется внутри серверной среды.

У вас есть два варианта тегов URL сервера:

○ использовать URL-адрес тегов, который был создан для вас и размещен на нашем домене (stape.io)

○ создайте кастомный субдомен.

Мы рекомендуем установить кастомный субдомен, поскольку с кастомным субдоменом вы получите следующие преимущества:

– Обход ITP и AdBlockers;

– Увеличение срока службы файлов cookie.

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

Прежде всего, необходимо создать и настроить серверный контейнер Google Tag Manager. Если у вас нет серверного контейнера, следуйте этой инструкции.

1. Войдите в учетную запись stape, выберите контейнер и нажмите Add domain (Добавить домен).

2. Выберите, хотите ли вы использовать CDN и какой тип.

• Disable CDN - не использовать ни один из видов CDN.
• Stape Global CDN - загружает скрипты с сервера, расположенного ближе к пользователю, посещающему ваш сайт.
• Own CDN - помогает помечать URL-адреса серверов с того же IP, что и ваш сайт. Он дает возможность устанавливать файлы cookie, которые Safari не может сократить.

Добавление пользовательского поддомена с записями A и AAAA:

Вы должны установить записи A и AAAA, если вы не используете Global CDN.

Вы должны установить записи A, AAAA и CNAME, если вы используете Global CDN.

Добавление пользовательского поддомена с записью CNAME:

Это может быть полезно, когда DNS-провайдеры ограничивают добавление дублирующихся записей. Чаще всего это происходит с доменами, размещенными на Shopify или Wix.

Допустим, URL-адрес вашего сервера тегов - sgtm.example.com. Вам следует создать A и AAAA DNS-записи для проверки домена в Stape. Если Shopify управляет вашим доменом, создание записей A и AAAA для одного и того же поддомена невозможно. Таким образом, вы не сможете проверить пользовательский домен в Stape.

Чтобы решить эту проблему, установите флажок Использовать запись CNAME вместо записей A, и вместо двух записей A вам будет предложено добавить одну запись CNAME для проверки домена.

Вы должны установить запись CNAME, если не используете Global CDN.

3. Перейдите к своему провайдеру DNS; например:

• GoDaddy
• Google Domains
• Hostgator
• Hover
• Namecheap
• Squarespace
• AWS
• Cloudflare

4. Если вы используете Cloudflare, войдите в свой аккаунт -> нажмите на домен вашего сайта -> Нажмите DNS -> Add record.

5. Добавьте эти настройки (например):

Type: A

Name: ss (or any other subdomain you prefer)

IPv4 address: 35.193.123.107

TTL: Auto

Proxy status: disable

Ваши настройки должны выглядеть следующим образом:

6. Как только вы это сделаете, нажмите кнопку Save.

7. Перейдите в учетную запись app.stape.io и добавьте кастомный домен. Он должен состоять из имени, которое вы добавили в Cloudflare, и вашего домена. Нажмите кнопку Save. После добавления домена он пройдет процесс проверки. Но имейте в виду, что это может занять до 72 часов. Как только домен будет проверен, статус будет изменен на "Verified".

8. Вернитесь в контейнер Google Tag Manager Server -> Выберите серверный контейнер -> Admin -> настройки контейнера -> вставьте URL сервера тегов.

Обновление скрипта Web GTM на вашем сайте настоятельно рекомендуется, если вы используете пользовательский домен. Этот твик заставит gtm.js загружаться с вашего домена. Для этого замените стандартный домен googletagmanager.com на пользовательский домен, настроенный в предыдущем шаге.

9. Внутри Web-контейнера создайте новый тег типа Google Tag. Добавьте идентификатор тега Google.

В разделе Настройки конфигурации добавьте следующие параметры:

• Name: server_container_url
• Value: Введите URL-адрес

Добавьте триггер в тег GA4. В норме он должен срабатывать при всех просмотрах страницы.

Можно также создать Google tag: Configuration settings переменную, которая будет предопределять настройки тегов Google, если вам необходимо использовать несколько тегов Google на вашем сайте и вы не хотите добавлять настройки для каждого из них вручную.

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

10. Для настройки события GA4 перейдите в раздел тегов и создайте новый тег с типом тега Google Analytics: GA4 Event. Добавьте свой GA4 ID и название события; существует список стандартных названий событий.

Можно создать переменную Google Tag: Event Settings, которая поможет совместно использовать параметры события в нескольких тегах событий GA4 или тегах Google. Это могут быть, например, свойства пользователя или товара, также существует список стандартных параметров для настроек события.

11. Откройте серверный контейнер Google Tag Manager -> нажмите кнопку Client -> создайте клиент GA4 и сохраните его -> перейдите в раздел Tags и настройте тег GA4. Помните, что GA4 автоматически отправляет не только просмотр страниц, но и некоторые другие события. Внутри Event Name выберите переменную {{Event Name}}. -> добавьте триггер Client Name равный GA4.

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

Вот и все! Теперь ваш серверный контейнер GTM работает с вашего субдомена и устойчив к блокировке cookies третьей стороной.