Stape
Поиск

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

Обновлено
18 июн. 2024 г.
Опубликовано
6 окт. 2020 г.
Также есть

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

Почему вы должны использовать кастомный субдомен внутри серверного контейнера Google Tag Manager?

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

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

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

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

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

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

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

– Обход ITP и AdBlockers;

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

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

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

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

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

using subdomain in stape.io

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

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

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

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

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

You must set A and AAAA records if you do not use Global CDN.
You must set A, AAAA and CNAME records, if you use 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.

You must set CNAME record if you do not use Global CDN.
You must set two CNAME records, if you use Global CDN.

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

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

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

Cloudflare login

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

Type: A

Name: ss (or any other subdomain you prefer)

IPv4 address: 35.193.123.107

TTL: Auto

Proxy status: disable

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

settings

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

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

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

set tagging server url in gtm

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

update google tag manager script stape

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

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

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

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

set up Google Analytics 4 server-side 

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

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

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

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

Google analytics 4 events settings 
google tag event settings variable

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

set up ga4 tag in the server container 
set up ga4 client in the server container 

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

ga client

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

Теги:gtm server

Хостите свой сервер GTM на Staperight now!