Stape

Як налаштувати відстеження GA4 за допомогою серверного контейнера Google Tag Manager

Оновлено
4 листоп. 2024 р.
Опубліковано
12 листоп. 2020 р.
Також є

У цьому пості ви ознайомитеся з деякими розширеними функціями Google Analytics 4 і дізнаєтеся, як налаштувати GA4 на стороні сервера за допомогою Google Tag Manager. Ви дізнаєтеся, як захиститися від блокувальників реклами та правил відстеження за допомогою розширення Stape Custom Loader.

Серверне відстеження GA4 має багато переваг. Основні з них:

  • Відповідність правилам обробки даних. Серверне відстеження дає вам більше контролю над збором, зберіганням і обробкою даних, тому ви можете узгодити свої операції з обробки даних з правилами, які на вас впливають.
  • Анонімізація даних. Ви можете анонімізувати особисті дані перед відправкою їх до GA4.
  • Покращена точність та якість даних. Блокувальники реклами, обмеження браузера та дії користувачів негативно впливають на відстеження на стороні клієнта, тоді як серверне відстеження GA4 менш вразливе до таких проблем.
  • Покращена ідентифікація та відстеження даних. Серверний GA4 забезпечує більш надійні моделі ідентифікації та точніші дані про конверсію, оскільки деякі серверні події можуть бути пропущені скриптами на стороні користувача.
  • Посилена захищеність даних. Дані, що надсилаються з сервера до GA4, можуть бути захищені за допомогою HTTPS, що знижує ризик втручання в дані.

Ознайомлення з відстеженням на стороні сервера

Серверне відстеження збирає дані з веб-сайту або програми, надсилаючи їх на сервер. Сервер обробляє та надсилає дані до Google Analytics. Цей підхід має кілька переваг, зокрема покращену точність даних, підвищену захищеність даних і кращу продуктивність. Бізнеси, які хочуть зменшити вплив відстеження на стороні клієнта на швидкість завантаження сторінки, одночасно збираючи цінні дані, отримують вигоду від серверного відстеження.

На відміну від відстеження на стороні клієнта, де дані збираються та обробляються безпосередньо на пристрої користувача, серверне відстеження переміщує збір і обробку даних на сервер. Це підвищує безпеку даних і гарантує, що зібрані дані є більш точними і менш підданими маніпуляціям.

Використовуючи Data Layer, бізнеси можуть значно підвищити точність і надійність даних, зібраних через серверне відстеження.

Завдяки використанню серверного відстеження бізнеси можуть отримувати більш глибокі уявлення про поведінку користувачів, оптимізувати свої маркетингові стратегії та забезпечувати відповідність правилам про конфіденційність даних. Незалежно від того, чи використовуєте ви Google Analytics 4 (GA4), серверне відстеження може стати вирішальним моментом у вашій стратегії збору даних.

how server-side tracking works

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

Перед тим, як продовжити, вам потрібен активний обліковий запис GA4. Давайте налаштуємо серверний GTM контейнер за допомогою сервісу Stape.

Крок 1. Створіть серверний GTM

1.1 Виберіть свій обліковий запис GTM → Натисніть Адміністрування → Натисніть + поруч з назвою контейнера.

set up server gm

1.2 Додайте назву контейнера → У розділі Цільова платформа виберіть Сервер. Натисніть Створити.

set up server gm

1.3 Виберіть Ручне налаштування контейнера відстеження. Скопіюйте конфігурацію контейнера. Нам це знадобиться на наступних кроках.

Крок 2. Створіть обліковий запис Stape для хостингу серверного контейнера GTM

2.1 Перейдіть на сайт stape.io і створіть обліковий запис або увійдіть. Ви можете безкоштовно спробувати наш сервіс і ознайомитися з перевагами хостингу Stape для сервера GTM.

2.2 Натисніть кнопку Створити контейнер у верхньому правому куті.

2.3 Введіть дані вашого контейнера:

  • Назва контейнера. Назва не обов’язково повинна бути такою ж, як назва контейнера у вашому серверному GTM.
  • Налаштування контейнера - вставте налаштування контейнера, які ви скопіювали з сервера Google Tag Manager.
  • Місцезнаходження сервера: виберіть місцезнаходження сервера спираючись на місцезнаходження більшості ваших клієнтів. Його не можна буде змінити пізніше.

2.4 Виберіть план для вашого контейнера. Ви можете почати з безкоштовного плану. Натисніть Продовжити з безкоштовним планом.

Ви побачите статус та налаштування вашого контейнера, а також назву плану. На розгортання контейнера на сервері знадобиться кілька хвилин. Будь ласка, перезавантажте сторінку, щоб оновити статус. Якщо налаштування було виконано правильно, ви повинні побачити статус Запущено.

Крок 3. Створіть URL сервера для персоналізованого тегування

Ключовою особливістю серверного тегування є встановлення файлів cookie першої сторони, що вимагає налаштування на сервері. Вам потрібно використовувати URL сервера для персоналізованого тегування або домен, щоб активувати цю функцію. Персоналізований URL сервера тегування або кастомний домен має мати ту ж саму доменну зону, що й ваш вебсайт.

У зв'язку з обмеженнями файлів cookie, налаштування кастомних доменів для sGTM стало більш складним. Інтелектуальне запобігання відстеженню (Intelligent Tracking Prevention) впливає на відстеження користувачів у Safari та Firefox.

Щоб покращити своє відстеження, вам потрібно налаштувати кастомний (персоналізований) домен. Це допоможе вам продовжити термін дії ваших файлів cookie в усіх браузерах.

Давайте обговоримо способи налаштування кастомного домену для вашого sGTM сервера тегування.

  • Той самий домен
  • Піддомен
  • Стандартний домен

Однак метод "Той самий домен" є технічно складним і вимагає наявності CDN або балансувальника навантаження (load balancer). Якщо ви хочете налаштувати домен того самого походження, дотримуйтесь цієї статті в нашому блозі.

types of custom domain configuration

Якщо ви не можете налаштувати домен того самого походження, у нас є рішення для продовження терміну дії файлів cookie в Safari: Own CDN та Cookie Keeper.

За замовчуванням, коли ви додаєте свій кастомний піддомен до контейнера Stape, він буде перевірений за допомогою запису CNAME.

Нижче наведено приклад налаштування кастомного піддомену:

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

3.2 Ви побачите DNS-записи, які потрібно додати для підтвердження кастомного домену.

DNS-запис залежить від розташування сервера та вибраного вами варіанту CDN.

  • Вимкнути CDN - вибрати, щоб не використовувати жоден тип CDN.
  • Stape Global CDN - завантажує скрипти з сервера, що знаходиться ближче до користувача, який відвідує ваш вебсайт. Ця функція є безкоштовною і доступна для всіх контейнерів sGTM від Stape.
  • Own CDN - допомагає тегувати URL сервера з тієї ж IP-адреси, що й ваш вебсайт. Це дозволяє встановлювати файли cookie, які Safari не може скоротити.

Ви повинні встановити один CNAME-запис, якщо не використовуєте Global CDN.

cdn settings on stape

Ви повинні встановити два CNAME-записи, якщо використовуєте Global CDN.

cdn settings on stape

3.3 Увійдіть до служби доменних імен (наприклад, Cloudflare) і створіть новий DNS-запис для піддомену, який ви хочете використовувати.

Якщо ви використовуєте Global CDN, встановіть додатковий CNAME-запис.

3.4 Після того, як ваш кастомний домен буде підтверджений, ви повинні побачити статус Готово поруч з URL сервера тегування в адміністративній панелі Stape. Якщо у вас виникли проблеми з підтвердженням кастомного домену, будь ласка, дотримуйтесь цієї інструкції з усунення помилок кастомного домену.

3.5 Перейдіть до свого контейнера Google Tag Manager Server → Адмін → Налаштування контейнера → Змініть URL сервера тегування на ваш піддомен.

Додавання кастомного піддомену з A та AAAA записами

Якщо ви хочете підтвердити свій кастомний піддомен за допомогою A та AAAA записів, ви можете зробити це, натиснувши на Додаткові налаштування після додавання кастомного піддомену до контейнера та відмітивши поле "Використовувати A записи замість CNAME записів".

1. Відкрийте свій контейнер sGTM на Stape, прокрутіть униз до "Домени" і натисніть Додати кастомний домен.

2. Напишіть кастомний домен. Натисніть Додаткові налаштування після додавання кастомного піддомену до контейнера та відмітьте поле "Використовувати A записи замість CNAME записів".

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

4. Увійдіть у свій обліковий запис DNS і додайте записи, які ви бачите у своєму обліковому записі stape.io. Нижче наведено приклад налаштування DNS для Cloudflare. Відкрийте налаштування DNS потрібного домену і натисніть Додати запис.

Потім запишіть записи, які ви бачите у своєму обліковому записі stape.io. Переконайтеся, що проксі вимкнено.

Зазвичай перевірка кастомного домену займає 2-3 години. Для деяких постачальників DNS перевірка записів може займати до 72 годин. Ми надішлемо вам електронну пошту, як тільки кастомний домен буде підтверджено або виявлено помилку. Якщо виникає помилка при перевірці, будь ласка, дотримуйтесь цієї інструкції щодо перевірки кастомного домену.

5. Після того, як кастомний домен буде підтверджено, поверніться до контейнера Google Tag Manager Server → Виберіть свій серверний контейнер → Адмін → Налаштування контейнера → вставте URL сервера тегування.

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

Крок 4. Налаштуйте Google Analytics 4

Можуть бути два сценарії:

4.1 Якщо ви вже налаштували Google Analytics 4 у своєму контейнері web GTM, все, що вам потрібно зробити, це:

4.1.1 Додати URL вашого сервера контейнера до налаштувань Google Tag. У параметрах конфігурації додайте параметр конфігурації server_container_url і додайте URL сервера тегування як значення.

4.1.2 Створіть клієнта Google Analytics 4 у контейнері сервера GTM. Для цього відкрийте розділ клієнтів → Створити нового клієнта → Виберіть тип клієнта Google Analytics: GA4 (Web) → Додайте ім'я клієнта та натисніть Зберегти.

4.1.3 У контейнері сервера GTM створіть новий тег з типом тегу Google Analytics: GA4.

4.1.4 Додайте ідентифікатор вимірювання (Measurement ID) та ім'я події.

Ідентифікатор вимірювання - дотримуйтесь цього посібника, щоб знайти GA4 ID. Ви можете додати його як змінну або, якщо подія походить з веб-тегу GA4, ви можете залишити це поле порожнім, щоб успадкувати ідентифікатор вимірювання події.

Ім'я події - ім'я події, яку потрібно надіслати до Google. Дивіться рекомендовані події для отримання додаткової інформації. Якщо це поле порожнє, значення параметра event_name буде надіслано.

4.1.5 Натисніть Тригери та налаштуйте тригер з типом тригера "Кастомний", який буде спрацьовувати щоразу, коли ім'я клієнта дорівнює GA4 (або імені клієнта GA4, яке ви вказали на кроці 2.b) → натисніть Зберегти.

4.2 Якщо у вас не налаштовано GA4, дотримуйтесь наступних кроків:

4.2.1 У контейнері Web створіть новий тег типу Google Tag. Додайте свій ідентифікатор Google Tag.

Додайте тригер до тегу GA4. Зазвичай він повинен спрацьовувати на всіх переглядах сторінок.

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

Ці параметри можуть, наприклад, визначити, чи хочете ви надсилати подію перегляду сторінки щоразу, коли спрацьовує Google Tag, встановити UTM-параметри, задати ідентифікатор клієнта тощо. Є список стандартних параметрів конфігурації Google Tags.

4.2.2 Щоб налаштувати відстеження подій GA4, перейдіть до розділу тегів і створіть новий тег з типом тегу Google Analytics: GA4 Event. Додайте свій GA4 ID і назву події; є список стандартних назв подій.

4.2.3 Перейдіть до контейнера Google Tag Manager Server. Натисніть на Клієнти та Створити новий.

4.2.4 Виберіть Google Analytics: GA4 (веб) і натисніть Зберегти.

4.2.5 Перейдіть до Тегів і натисніть Створити новий.

4.2.6 Виберіть Google Analytics: GA4.

4.2.7 Додайте ID вимірювання та назву події.

ID вимірювання – дотримуйтеся цього посібника, щоб знайти GA4 ID. Ви можете додати його як змінну або, якщо подія надійшла з веб-тегу GA4, ви можете залишити це поле порожнім, щоб успадкувати ID вимірювання події.

Назва події – назва події для надсилання до Google. Дивіться рекомендовані події для отримання додаткової інформації. Якщо це поле порожнє, значення параметра event_name буде надіслано.

4.2.8 Натисніть Тригери.

4.2.9 Створіть тригери для тегу. Назва клієнта повинна дорівнювати GA4. Наприклад:

Натисніть +

Виберіть Користувацький тип → натисніть Деякі події → виберіть Назву клієнта у вбудованих змінних → встановіть Дорівнює GA4 (ім'я вашого клієнта GA4) → натисніть Зберегти.

4.2.10 Відкрийте веб- і серверні відладчики GTM і протестуйте налаштування.

Відкрийте режим попереднього перегляду контейнера сервера та перевірте, що ви бачите запити GA4. Опублікуйте оновлення всередині контейнерів Google Tag Manager для сервера та вебу.

Крок 5. Налаштування Custom Loader [за бажанням]

Custom Loader змінює шляхи завантаження gtag.js і gtm.js, щоб протистояти блокувальникам реклами та ITP, потенційно збільшуючи обсяг даних до 40%.

5.1 Знайдіть і скопіюйте свій WEB GTM ID у GTM. Щоб знайти GTM ID, увійдіть у свій обліковий запис Google Tag Manager і відкрийте контейнер Web GTM. У верхньому правому куті (поряд з кнопками Відправити та Попередній перегляд) ви побачите короткий текст, що починається з "GTM-", а далі містить літери/числа.

5.2 Відкрийте свій контейнер sGTM на Stape → натисніть на Power-Ups.

Знайдіть Custom Loader і натисніть Використати.

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

  • Виберіть домен зі списку. Виберіть користувацький домен, якщо ви налаштували користувацький домен для свого контейнера sGTM. Інакше виберіть за замовчуванням.
  • Додайте веб GTM ID, який ви скопіювали на першому кроці.
  • Виберіть CMS, яку використовує ваш вебсайт, або виберіть Інше. Ця конфігурація впливає лише на інструкції налаштування. Stape має плагіни для WordPress, Magento та Shopify, які спрощують налаштування тегування на стороні сервера.

Якщо ви не використовуєте жодну з цих CMS або не хочете використовувати плагіни Stape, виберіть Інше. Ви побачите оновлений код веб GTM → Скопіюйте цей веб GTM скрипт і додайте або замініть існуючий веб GTM скрипт на вашому сайті.

Крок 6. Оновіть URL сервера тегування вашого Google Tag у веб GTM

Додайте наступний запис всередині вашого Google Tag у контейнері веб Google Tag Manager.

Параметр конфігурації: server_container_url

Значення: ваше ім’я домену в адміністративному інтерфейсі stape.io

Крок 7. Як протестувати ваші налаштування

Відкрийте попередні режими контейнерів вебу та сервера та перевірте, що ви бачите запити GA4. Потім опублікуйте оновлення всередині контейнерів сервера та веб Google Tag Manager. API протоколу вимірювання GA4 дозволяє розробникам надсилати дані безпосередньо до властивостей GA4 через HTTP-запити, покращуючи збір даних та інтеграцію з іншими варіантами на стороні сервера.

Розширені функції GA4

1. Модель даних, орієнтована на події

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

2. Звітність на різних пристроях

Коли справа доходить до аналізу трафіку та продажів, відстеження користувачів/конверсій на різних пристроях є основним аспектом. Припустимо, користувач побачив вашу рекламу в Adwords на мобільному телефоні та натиснув на неї. З якихось причин він вирішив продовжити оформлення замовлення на настільному комп'ютері. Однак користувач не увійшов до жодної з послуг Google. Тож Google не може його ідентифікувати та надати кредит на це конкретне натискання Adwords. В результаті джерело конверсії втрачається, а інформація для оптимізації Adwords є неповною.

Щоб вирішити цю проблему, Google випустив Signals. Google інтегрував функціональність Signals у GA4 і додав машинне навчання. Це дозволено для ідентифікації користувачів, які не ввійшли в жодні послуги Google. Машинне навчання заповнює всі прогалини, якщо користувач не ввійшов у послуги Google або їх пристрій не може бути ідентифікований за допомогою відбитків.

За замовчуванням збір даних Google Signals не активовано в GA4. Вам потрібно увімкнути його вручну, перейшовши в налаштування → натиснувши налаштування данихзбір даних.

Ще одна важлива налаштування (і нова) для перевірки – це те, як GA4 ідентифікує користувачів.

Вони мають два варіанти:

  • лише за пристроєм
  • за ідентифікатором користувача, Google Signals, потім пристрій

3. Передбачені події

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

Тепер перегляди сторінок, прокрутки, натискання на вихідні посилання, пошук по сайту, взаємодія з відео та завантаження файлів відстежуються за замовчуванням.

Ця функція зазвичай активована для всіх властивостей GA4. Але вам потрібно переконатися, що вона включена для вашого облікового запису. Щоб зробити це, перейдіть до Потоків даних → виберіть деталі веб-потоку та перевірте, чи всі події активовані.

4. Центр аналізу та інтеграція з BigQuery

Google повністю переробив аналітичний/звітний центр у GA4. Він дозволяє користувачам легко створювати зведення, таблиці та фільтри. Також є галерея шаблонів, подібна до тієї, що є в DataStudio. Тож ви зможете більш ефективно аналізувати дані та витрачати менше часу на створення власних звітів.

Експорт у BigQuery доступний для всіх користувачів GA4. У двох словах, ви можете експортувати дані GA4 у BigQuery, який може бути інтегрований з іншими джерелами, такими як ваш CRM.

5. Обмеження на користувацькі вимірювання та метрики

У GA4 обмеження на користувацькі вимірювання та метрики зросли. Google Analytics 4 дозволяє мати 25 вимірювань користувачів та 50 вимірювань подій. Користувацькі метрики зросли до 50. Збільшена кількість користувацьких метрик та вимірювань надає більше гнучкості для налаштування GA4.

6. Режим відладки GA4

Відладчик GA4 є надзвичайно корисним для людей, які налаштовують Google Analytics 4. Активований попередній перегляд дозволяє вам бачити, які події, властивості подій та дані користувачів обробляє GA4. Це робить конфігурацію GA4 набагато швидшою та легшою.

7. Інші переваги

Ви, мабуть, вже втомилися читати про те, чому GA4 настільки крутий. Тож ось швидкий огляд інших переваг: оцінка аудиторії на основі ймовірності покупки протягом наступних кількох днів, поєднання веб-аналітики та додатків тощо.

Висновок

GA4 та серверне тегування GTM були створені, щоб відповідати поточним правилам відстеження, веб-технологіям, обмеженням і безпеці даних. Вам знадобиться час, щоб звикнути до нового інтерфейсу та функцій і зрозуміти, як вони можуть краще відповідати потребам вашого вебсайту та бізнесу.

Якщо міграція до GA4 і серверних контейнерів GTM є складною або ви розумієте, що вам потрібна допомога, не соромтеся звертатися до нас. Ми можемо відповісти на ваші запитання або налаштувати все для вас.

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