Як налаштувати серверний контейнер в Google Tag Manager

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

Однак збір даних стає все більш проблематичним через Intelligent Tracking Prevention, адблокери та скорочення терміну служби файлів cookie. Google Analytics та інші подібні інструменти почнуть бачити менше даних про відвідувачів вашого веб-сайту та надаватимуть менше інформації для аналізу. З іншого боку, політика та правила відстеження змушують власників веб-сайтів суворо контролювати, які дані про відвідувачів веб-сайту вони надають стороннім постачальникам.

Щоб допомогти вирішити ці проблеми, Google представляє нову функцію – тегування на стороні сервера в Google Tag Manager.

Що таке відстеження на стороні сервера Google Tag Manager і чому це важливо?Скопіюйте посилання на цей розділ

Додавання тегів на стороні сервера Google Tag Manager (GTM) дозволяє власникам веб-сайтів переміщувати сторонні пікселі відстеження зі свого веб-сайту та починати відстежувати відвідувачів веб-сайтів із сервера. Це означає, що клієнтський браузер більше не оброблятиме пікселі відстеження. Він буде завантажений безпосередньо з сервера.

Цей підхід забезпечує наступні переваги:

• Більш точні дані;
• Швидший час завантаження веб-сайту;
• Додатковий контроль над конфіденційністю.

Ваші аналітичні інструменти цифрового маркетингу (наприклад, Google Analytics) можуть працювати без роботи сторонніх файлів cookie на стороні клієнта. Якщо налаштувати відповідні серверні контейнери, ви забудете про важкий JavaScript, заблоковані сторонні файли cookie та неповні дані в інструментах аналітики.

Якщо відстеження на стороні сервера розміщено в субдомені вашого веб-сайту, усі запити вважатимуться первинними. Google має детальний опис того, що таке відстеження на стороні сервера GTM та як воно може бути корисним для вашого веб-сайту.

Як налаштувати теги на стороні сервера в Google Tag Manager на своєму веб-сайті?Скопіюйте посилання на цей розділ

Між веб- та серверними контейнерами є багато загальних елементів, як-от теги, тригери, змінні (variables), режим попереднього перегляду тощо. Налаштування серверного контейнера GTM є складнішим, ніж стандартного веб-контейнера. Вам знадобляться знання веб GTM, Google Analytics, Google Cloud та веб-програмування загалом. Я пропоную прочитати цю публікацію в блозі, якщо ви хочете налаштувати серверний контейнер GTM через рідне середовище Google.

Ми створили службу, яка спрощує конфігурацію серверного контейнера GTM, видаляючи частину налаштованих серверів Google Cloud, спрощуючи створення домену, надаючи вам можливість завантажувати Google Analytics зі свого домену та роблячи сторонні файли cookie 1-ю стороною.

Давайте почнемо налаштовувати server Google Tag Manager:Скопіюйте посилання на цей розділ

1. Перш за все, вам потрібно створити серверний контейнер Google Tag Manager. Для цього перейдіть на https://tagmanager.google.com/ і виберіть обліковий запис, у якому ви хочете створити контейнер. Натисніть Адмін.

2. Під стовпцем контейнера натисніть +.

3. Введіть назву контейнера, виберіть Сервер і натисніть кнопку Створити.

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

5. Створіть або увійдіть у свій обліковий запис у нашому сервісі.

6. Після того, як ви отримали електронний лист із посиланням і встановили пароль, вам потрібно натиснути «Створити контейнер». Додайте назву свого контейнера, конфігурацію контейнера, яку ви скопіювали з серверного контейнера Google Tag Manager, і виберіть розташування сервера. Натисніть Створити контейнер.

7. Після натискання кнопки «Створити» ви побачите статус вашого контейнера, конфігурацію контейнера та назву плану. Розгортання серверного контейнера займає близько 5 хвилин. Перезавантажте сторінку, щоб оновити статус. Якщо налаштування було виконано правильно, ви повинні побачити статус «Running».

Якщо ви бачите «Error», перевірте, чи ви скопіювали та вставили правильну конфігурацію контейнера.

Якщо помилка повторюється, зверніться в службу підтримки.

8. На цьому кроці вам потрібно налаштувати URL-адресу тегів.

У вас є два варіанти:

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

Якщо ви вирішили скористатися першим варіантом, перейдіть до кроку 9.

Якщо ви хочете налаштувати кастомну URL-адресу тегів, увімкніть «User custom domain» -> увійдіть у службу доменних імен і створіть новий запис DNS для субдомену, який ви хочете використовувати. Ви можете використовувати будь-яке ім’я субдомену. (якщо ви використовуєте Cloudflare, виберіть домен -> натисніть DNS -> Додайте запис).

Додайте ці налаштування:

Type: A

Name: ss (або будь-яке інше ім’я субдомену, яке ви хочете)

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

TTL: Auto

Proxy status: disable

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

Після того, як ви закінчите, додайте субдомен в обліковий запис серверного gtm.

9. Наступний крок залежить від URL-адреси тег сервера, який ви використовуєте.

Тут у вас є два варіанти:

• Якщо позначати URL-адресу сервера, розташованого в нашому домені, вам не потрібно нічого змінювати.
• Якщо ви використовуєте спеціальний субдомен, вам потрібно змінити код Google Tag Manager, доданий на ваш сайт. Скопіюйте URL-адресу тегів і вставте її замість www.googletagmanager.com. Переконайтеся, що ви не видалили /gtm.js.

10. Додайте URL-адресу сервера тегів до серверного контейнера Google Tag Manager. Адмін -> налаштування -> налаштування контейнера.

11. Оновіть URL-адресу тегів Universal Analytics у контейнері WEB GTM (якщо ви використовуєте GA4, перейдіть до наступного кроку). Редагувати базу Universal Analytics або змінну Universal Analytics всередині WEB-контейнера -> Натисніть Більше налаштувань -> Розширена конфігурація -> вставте URL-адресу тега в полі «transport URL». Після завершення натисніть «Зберегти та опублікувати веб-контейнер».

12. Якщо ви використовуєте GA4, виконайте такі дії: Усередині WEB-контейнера натисніть «Редагувати або створити тег GA4» -> увімкнути Надіслати на серверний контейнер -> додати URL-адресу серверного контейнера.

Збережіть тег (цей тег має запускатися на всіх сторінках) і опублікувати контейнер.

13. Створіть клієнт Universal Analytics або Google Analytics 4 всередині серверного контейнера Google Tag Manager. Натисніть Клієнти -> Створити -> Вибрати тип клієнта -> Додати ім'я клієнта -> Натисніть кнопку зберегти.

14. Налаштуйте тег Universal Analytics або GA4 всередині серверного контейнера. Перейдіть до розділу «Теги» всередині серверного контейнера та натисніть «Новий».

Назвіть свій тег, виберіть тип тегу «Universal Analytics» або «GA4». Якщо ви не бачите цих тегів, перейдіть на вкладку «Клієнти» та перевірте, чи додано клієнти UA та GA4, якщо ні, додайте ці клієнти.

Створіть тригер. Тип тригеру «Custom», виберіть «Деякі події». Ім’я клієнта дорівнює Universal Analytics.

Натисніть Зберегти.

15. Відкрийте режим налагодження всередині серверного контейнера. Відкрийте свій веб-сайт і натисніть на кілька сторінок. Поверніться на вкладку налагодження, ви повинні побачити запити Universal Analytics і GA4.

16. Інший спосіб перевірити, як запити Universal Analytics і GA4 працюють через сервер, — це використовувати інструмент розробників. Відкрийте свій сайт -> натисніть alt+command+i (на Mac) або клацніть правою кнопкою миші та inspect -> перейдіть на вкладку мережі -> перезавантажте сторінку -> введіть collect -> натисніть запит і перевірте, чи URL-адреса запиту відповідає вашим тегам URL. Ви можете зробити це як для UA, так і для GA4.

Ось і все. Тепер ви налаштували серверний контейнер, і Google Analytics запускається через серверний контейнер. Якщо ви хочете завантажити GA у своєму домені та надіслати запит GA до 1-ї сторони, виконайте ці дії, щоб використовувати кастомний субдомен.