Server-side Google Analytics 4 для Shopify

Google Analytics 4 стане галузевим стандартом для веб-аналітики протягом наступних кількох місяців, оскільки Google закриває Universal Analytics. Тож якщо ви планували впровадити GA4 у своєму магазині Shopify, налаштування серверного Google Analytics 4 може бути чудовим вибором, оскільки серверне відстеження більш пристосоване до сучасних обмежень відстеження.

Серверна версія Google Analytics 4 допоможе точніше відстежувати поведінку користувачів і, в свою чергу, приймати кращі рішення, спрямовані на покращення клієнтського досвіду та успіх eCommerce.

У цій публікації блогу ви дізнаєтеся, як налаштувати Google Analytics 4 на стороні сервера за допомогою програми Stape server GTM.

Переваги використання серверного Google Analytics 4Скопіюйте посилання на цей розділ

Google припинить підтримку Universal Analytics з 1 липня 2023 року. В результаті всі користувачі будуть змушені перейти на нову версію - Google Analytics 4.

Google вже почав автоматично конвертувати властивості GA3 (або Universal Analytics) в GA4, змушуючи своїх клієнтів почати адаптацію GA4.

Різниця між новою і старою версіями Google Analytics величезна, оскільки Universal Analytics базується на сесіях, а Google Analytics - на подіях. І в даний час відгуки користувачів, які почали впроваджувати GA4, могли б бути кращими, оскільки продукт є відносно новим, а це означає, що він потребує деяких функцій і має деякі помилки.

Разом з новою версією Google Analytics, ще однією важливою зміною у світі відстеження є відстеження на стороні сервера. Серверний Google Analytics 4 (GA4) має кілька переваг над традиційним відстеженням на стороні клієнта.

Ось деякі з ключових переваг відстеження на стороні сервера:

1. Підвищена точність даних: відстеження на стороні сервера забезпечує збір та обробку даних. Це усуває розбіжності, спричинені блокуванням реклами, скриптами на стороні клієнта та іншими проблемами моніторингу.
2. Краща конфіденційність користувачів: Відстеження на стороні сервера дозволяє зберігати анонімність користувачів, захищаючи їхню особисту інформацію (PII) та дотримуючись правил конфіденційності, таких як GDPR та CCPA.
3. Завдяки відстеженню на стороні сервера ви маєте більший контроль над даними, які ви збираєте, і над тим, як ви їх використовуєте. Наприклад, кастомні потоки даних можуть відстежувати певні події, поведінку користувачів та інші дані.
4. Інтеграція з іншими джерелами даних: Відстеження на стороні сервера можна інтегрувати з іншими джерелами даних, такими як системи управління взаємовідносинами з клієнтами (CRM), щоб створити повне уявлення про поведінку користувачів і поліпшити аналітику.

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

Налаштування додатку server GTM для ShopifyСкопіюйте посилання на цей розділ

Першим кроком при налаштуванні Google Analytics 4 для Shopify є налаштування серверного контейнера Google Tag Manager та встановлення додатку Stape Server GTM. Наш додаток допомагає:

• Додати скрипт Google Tag Manager на всі сторінки сайту.
• Додати кастомний домен до скрипту GTM.
• Налаштувати custom loader (лише для користувачів stape).
• Надіслати дані про події до data layer в веб GTM.
• Надіслати дані користувача до data layer в веб GTM.
• Надіслати на GTM-сервер веб-хуки купівлі та відшкодування.

1. Додайте додаток Stape Server GTM.

2. Увімкніть прапорець Insert GTM snippet. Якщо його увімкнено, програма додасть веб-скрипт Google Tag Manager на кожну сторінку веб-сайту.

Перейдіть до подальшого налаштування:

• Додайте WEB Google Tag manager ID.
• Додайте кастомний домен, який ви використовуєте для серверного GTM-контейнера. Для користувачів stape це може бути субдомен під доменом stape.io або субдомен в домені вашого сайту. Ми рекомендуємо використовувати кастомний домен в тій же ієрархії, що і ваш сайт, оскільки в цьому випадку ви зможете встановити сторонні файли cookie. Дотримуйтесь цієї інструкції, щоб знайти або налаштувати кастомний домен на stape.

Після цього ви додасте веб-скрипт GTM на всі сторінки магазину Shopify, налаштуєте серверний контейнер GTM, а також використаєте кастомний домен і custom loader, якщо ви їх налаштували.

3. На другій вкладці додатку Stape Server GTM ви можете налаштувати його на надсилання подій e-commerce та даних користувача до Data Layer. На жаль, додаток не може надсилати події e-commerce на checkout, оскільки Shopify не дозволяє доступ до checkout.

Список подій у e-commerce:

• Collection View
• View Item
• Add to cart
• Begin Checkout
• Add payment info
• Purchase

Дані користувача:

• Email
• First name
• Last name
• Customer ID

4. На третій вкладці ви можете налаштувати додаток для надсилання веб-хуків купівлі та відшкодування до серверного GTM-контейнера. Використання вебхуків - це чудовий спосіб налаштувати чисто серверне відстеження, не покладаючись на веб-скрипти, data layers тощо. Наприклад, ви можете паралельно відстежувати покупки на веб та в сервері. Ознайомтеся з цим гайдом для отримання більш детальної інформації про налаштування вебхуків в sGTM.

На цьому ми закінчили з налаштуванням додатку stape для Shopify і хмарних серверів для sGTM. Далі перейдемо до налаштування Google Analytics 4 для Shopify.

Серверний Google Analytics 4 для ShopifyСкопіюйте посилання на цей розділ

1. Ключовою особливістю тегування на стороні сервера є налаштування cookie-файлів першої сторони. Щоб увімкнути цю функцію, вам потрібно використовувати кастомну URL-адресу сервера тегів. URL-адреса кастомного сервера тегів або кастомного домену має збігатися з доменом вашого веб-сайту. Наприклад, якщо домен вашого веб-сайту example.com, то URL-адреса сервера тегів має виглядати як ss.example.com.

Якщо ви хочете додати кастомний домен, відкрийте контейнер sGTM на stape, перейдіть до розділу "Домени", введіть назву домену і натисніть "Додати домен". Після цього ви побачите записи DNS, які слід додати.

Нижче наведено приклад налаштування DNS для CloudFlare.

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

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

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

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

• Name: server_container_url
• Value: Введіть URL-адресу

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

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

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

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

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

1.5. Відкрийте серверний контейнер Google Tag Manager -> натисніть Клієнт -> створіть клієнт GA4 і збережіть його -> перейдіть до Тегів і налаштуйте тег GA4. Усередині Event Name виберіть змінну {{Event Name}}. -> додайте тригер Client Name дорівнює GA4.

2. Налаштуйте подію pageview.

3. Налаштуйте події e-commerce. Щоб переконатися, що події e-commerce, дані про продукт і користувача налаштовані правильно, відкрийте веб-контейнер GTM і перевірте data layer для кожної події e-commerce. Наприклад, вам може знадобитися налаштувати змінну (variable) в data layer для події або даних користувача, які ви маєте надіслати до GA4.

Ви повинні створити власні тригери для кожної події e-commerce на основі події на data layer.

Нижче наведено приклад тегу і тригера для події "Add to cart". Процес налаштування всіх інших подій e-commerce схожий.

4. Відкрийте серверний контейнер Google Tag Manager. Додайте клієнт Google Analytics 4 або переконайтеся, що він доданий.

5. У серверному контейнері GTM створіть тег GA4. Додайте свій ідентифікатор GA4, встановіть назву події та тригер. У моєму прикладі подія є змінною, і тег GA4 на стороні сервера спрацьовує щоразу, коли GA4 отримує запит.

На цьому налаштування серверного Google Analytics 4 для Shopify завершено. Тепер перейдемо до тестування та усунення несправностей у налаштуванні.

Перевірка правильності та повноти налаштуванняСкопіюйте посилання на цей розділ

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

Якщо ви не бачите запити GA4 в sGTM, перевірте, чи правильно ви додали URL-адресу сервера тегів в тег конфігурації GA4 у веб-контейнері GTM.

Ви також можете відкрити консоль сайту і перевірити запити GA4. Правильний сценарій - це коли GA4 надсилає запити на вашу URL-адресу сервера тегів. Ви можете перевірити це, відфільтрувавши запити за ідентифікатором GA4 у вкладці "Мережа" і переконавшись, що URL-адреса запиту містить URL-адресу вашого сервера тегів.

2. Інший спосіб - відкрити відладчик GA4 і перевірити, які події та дані користувача бачить GA4.

Якщо відладчики web + server GTM і Google Analytics 4 показують правильні дані, опублікуйте конфігурацію.

Висновок:Скопіюйте посилання на цей розділ

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

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

Це дозволить вам дбайливо скористатися всіма його перевагами з мінімальними зусиллями. Так навіщо ж чекати? Почніть оптимізувати свій магазин вже сьогодні - не соромтеся звертатися, якщо вам потрібна допомога в розумінні або впровадженні того, як налаштувати серверну Google Analytics 4 для Shopify за допомогою серверного додатку GTM.