Stape

Як додати кастомний домен до серверного контейнера Google Tag Manager

Оновлено
11 жовт. 2024 р.
Опубліковано
6 жовт. 2020 р.
Також є

У цій статті я опишу, як налаштувати кастомний субдомен у вашому серверному контейнері Google Tag Manager. Основна перевага кастомного субдомену всередині серверного контейнера Google Tag Manager полягає в тому, що він допомагає обійти інтелектуальні запобігання відстеження, блокувальники реклами та збільшує термін служби файлів cookie для користувачів, які переглядають у Safari. Пікселі будуть завантажені з вашого субдомену та запущені в якості first-party.

Чому ви повинні використовувати кастомний субдомен всередині серверного контейнера Google Tag Manager?

Позначення тегів на стороні сервера Google Tag Manager дозволяє перемістити пікселі відстеження third-party із веб-сайту чи програми на серверне середовище.

Тегування на стороні сервера має кілька переваг перед тегами на стороні клієнта:

1. Швидша продуктивність: на вашому веб-сайті або в додатку працює менше тегів. Це означає, що в браузері виконується менше коду, що покращує швидкість вашого веб-сайту.

2. Більше безпеки: дані краще захищені, оскільки вони будуть керуватися всередині серверного середовища.

У вас є два варіанти тегування URL-адреси сервера:

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

Ми рекомендуємо налаштувати кастомний субдомен, оскільки з кастомним субдоменом ви отримаєте такі переваги:

  • Обхід ITP і AdBlockers;
  • Подовжений термін служби cookie.

Запобігання відстеження не впливає на запити з вашого власного домену. Ваш веб-сайт буде обходити блокувальники реклами та ITP, надаючи повні дані про відвідувачів вашого сайту та конверсії.

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

Перш за все, вам потрібно створити та налаштувати серверний контейнер Google Tag Manager. Якщо у вас немає серверного контейнера, дотримуйтесь цього гайду.

1. Увійдіть у свій обліковий запис в stape, оберіть контейнер та натисніть Додати домен.

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:

Якщо ви не використовуєте Global CDN, ви повинні вказати записи A і AAAA.

Якщо ви використовуєте Global CDN, ви повинні вказати записи A, AAAA і CNAME.

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. Ви повинні створити DNS-записи A і AAAA, щоб перевірити домен на Stape. Якщо вашим доменом керує Shopify, створення записів A і AAAA для одного і того ж субдомену неможливе. Таким чином, ви не можете верифікувати власний домен на Stape.

Щоб вирішити цю проблему, увімкніть прапорець Використовувати CNAME-запис замість A-записів, і замість двох A-записів вам буде запропоновано додати один CNAME-запис для перевірки домену.

Якщо ви не використовуєте Global CDN, ви повинні вказати запис 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 -> Додати запис

Cloudflare DNS

5. Додайте ці налаштування (наприклад):

Тип: А

Ім'я: ss (або будь-який інший субдомен, на ваш вибір)

IPv4-адреса: IP-адреса залежить від розташування серверів. Ви можете знайти кастомну IP-адресу домену в обліковому записі stape.io.

TTL: Авто

Статус проксі: вимкнено

Ваші налаштування мають виглядати так:

DNS

6. Після завершення натисніть Зберегти.

7. Перейдіть до свого облікового запису app.stape.io та додайте кастомний домен. Він має складатися з імені, яке ви додали до Cloudflare, і вашого домену. Натисніть Зберегти. Після додавання домену він проходить процес перевірки. Це може зайняти до 72 годин. Після підтвердження домену статус буде змінено на «Підтверджено».

8. Поверніться до серверного контейнера Google Tag Manager -> Виберіть ваш серверний контейнер -> Адмін -> налаштування контейнера -> вставте URL-адресу сервера тегів.

set tagging server url in gtm

Оновлення скрипта Web GTM на вашому сайті настійно рекомендується, якщо ви використовуєте кастомний домен. Цей твік змусить gtm.js завантажуватися з вашого домену. Для цього замініть домен за замовчуванням googletagmanager.com на власний домен, який ви налаштували на попередньому кроці.

update google tag manager script stape

9. Усередині веб-контейнера створіть новий тег типу Google Tag. Додайте свій ідентифікатор Google Tag ID.

У розділі Налаштування конфігурації додайте наступні параметри:

  • 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. Додайте свій ідентифікатор GA4 і назву події; є список стандартних назв подій.

Ви можете створити змінну Google Tag: Event Settings, яка допоможе поділитися параметрами події між кількома тегами подій GA4 або тегами Google. Це можуть бути, наприклад, властивості користувача або продукту, а також список стандартних параметрів для налаштувань події.

Google analytics 4 events settings 
google tag event settings variable

11. Відкрийте серверний контейнер Google Tag Manager -> натисніть Клієнт -> створіть клієнт 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. Публікуйте оновлені файли всередині сервера та веб-контейнерів Google Tag Manager.

ga4 base

Ось і все! Тепер ваш серверний контейнер GTM працює з вашого субдомену.

Теги:gtm server

Спробуйте Stape для серверного трекінгуright now!