Server-side tagging для Shopify

Ivanna Holubovska

Ivanna Holubovska

Автор
Оновлено
12 черв. 2026 р.

Ви шукаєте простий і швидкий спосіб налаштувати теги на стороні сервера Shopify? Зверніть увагу на додаток Stape Conversion Tracking для Shopify. За допомогою нашого додатку ви можете легко вставити веб-скрипт Google Tag Manager на веб-сайт, налаштувати власний домен і власний завантажувач, надсилати дані про користувачів і події електронної комерції на рівень даних, а також налаштувати веб-хуки. Всі ці функції допоможуть вам зробити відстеження більш точним, продовживши термін дії файлів cookie, зробивши відстеження браузера стійким до технологій запобігання відстеженню та надсилаючи надійні дані на рекламні та маркетингові платформи через кінцеву точку сервера.

У цій статті ми розглянемо, як налаштувати та встановити додаток Stape для Shopify, щоб ви могли негайно використовувати ці потужні функції.

Переваги використання серверних тегів для Shopify

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

Щоб максимально спростити впровадження односторонніх тегів, ми створили додаток Conversion Tracking Shopify. Ця програма безкоштовна і допомагає легко налаштувати серверний контейнер Google Tag Manager для магазину Shopify. Але спочатку давайте поговоримо про основні переваги серверних тегів для сайтів Shopify.

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

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

3. Покращена продуктивність веб-сайту. При використанні тегів на стороні сервера теги завантажуються на сервері, а не на стороні клієнта, що зменшує кількість коду, який потрібно завантажувати в браузер користувача. Це може покращити швидкість завантаження веб-сайту, що має вирішальне значення для користувацького досвіду та SEO.

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

Як налаштувати сервер-сайд тегінг у вашому магазині Shopify

Крок 1. Налаштуйте серверний контейнер Google Tag Manager на Stape

Розгорніть елемент нижче, щоб переглянути детальний гайд.

Крок 2. Додайте та налаштуйте застосунок Stape Conversion Tracking для Shopify

2.1 Встановіть застосунок Stape Conversion Tracking у своєму магазині

Застосунок Stape Conversion Tracking для Shopify можна безкоштовно встановити з маркетплейсу Shopify.

Застосунок Stape Conversion Tracking у маркетплейсі Shopify

2.2 Налаштуйте вкладку General

На вкладці General зосереджено всі параметри, пов'язані з додаванням сніпета GTM на всі сторінки вашого магазину Shopify таким чином, щоб він був стійким до блокувальників реклами, ITP і обмежень терміну дії файлів cookie.

Налаштування на вкладці "General"
  • Use Shopify Markets

Встановіть цей прапорець, якщо у вас кілька ринків Shopify. За допомогою цієї функції можна налаштувати впровадження GTM окремо для кожного ринку Shopify. Якщо функцію вимкнено, усі ринки використовують типові налаштування.

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

  • Insert GTM: якщо ввімкнено, сніпет GTM додається на кожну сторінку сайту.
Ідентифікатор контейнера в GTM
  • Customer privacy API: якщо опцію ввімкнено, застосунок затримує завантаження GTM до моменту, коли відвідувач погодиться на використання cookie через банер Shopify Customer Privacy. За замовчуванням цю опцію не рекомендується використовувати.
  • Custom domain, Stape container ID та Cookie Keeper: ці поля пов'язані з сервер-сайд трекінгом; налаштуйте їх, якщо використовуєте або плануєте використовувати сервер-сайд конфігурацію. Нижче пояснюємо, де знайти значення для кожного поля.
Конфігурація вставки GTM
  • GTM web container ID

Вкажіть тут ідентифікатор вашого веб контейнера GTM.

Ідентифікатор веб контейнера в GTM
  • Custom domain

Надзвичайно важливо використовувати кастомний субдомен для коректної роботи власних файлів cookie (first-party cookies) та трекінгу загалом. Якщо ви ще не додали субдомен до свого контейнера sGTM, скористайтеся гайдом з налаштування кастомних доменів.

  • Custom Loader

Наполегливо рекомендуємо використовувати Custom Loader для посилення захисту від блокувальників реклами.

Встановіть відповідний прапорець і вкажіть ідентифікатор контейнера Stape. Щоб його знайти, увійдіть у свій обліковий запис Stape, виберіть контейнер sGTM і знайдіть ідентифікатор контейнера в розділі Settings.

Ідентифікатор контейнера в розділі "Settings"
  • Cookie Keeper

Це рішення дозволяє мінімізувати вплив обмежень ITP. Перед активацією Cookie Keeper через застосунок переконайтеся, що він вже увімкнений у вашому контейнері Stape. Щоб налаштувати Cookie Keeper, натисніть на розкривний елемент і дотримуйтесь інструкцій:

  • GTM snippet block

Тут можна отримати сніпет GTM для встановлення на сторінках, які перебувають поза межами вашої теми Shopify (наприклад, сторінки, створені сторонніми застосунками на кшталт Zipify).

2.3 Налаштуйте вкладку Data Layer

На вкладці Data Layer є події data layer, які можна активувати та налаштувати. Другий перемикач дозволяє контролювати, чи додаватиметься суфікс _stape для запобігання конфліктам у GTM. Якщо його вимкнено, події зберігають свої стандартні назви.

Вкладка "Data Layer"

Активація data layer:

  • Активуйте прапорець Add ecommerce Data Layer events.
  • Збережіть зміни.
  • Скопіюйте код для кастомного пікселя з поля нижче на вкладці Data Layer і дотримуйтесь інструкцій, щоб додати та активувати його.

У розділі Customer privacy, під Permission spoiler, обов'язково виберіть Not required. Сніпет лише генерує Data Layer; він не встановлює жодних файлів cookie та не передає дані третім особам.

На вкладці Data Layer також є опція Log events to console (Dev) — інструмент налагодження для розробників і адміністраторів магазину. Коли вона увімкнена, eCommerce події реєструються в консолі браузера, відображаються пейлоуди подій, надісланих на серверний контейнер GTM/Stape для перевірки, а також полегшується дебагінг Data Layerʼів.

Цей параметр призначений лише для розробки; у виробничому середовищі його слід вимкнути, щоб уникнути зайвого ведення журналів у консолі.

Прапорець "Log events to console (Dev)"

2.4 Налаштуйте вкладку Webhooks

Події вебхуків налаштовуються на вкладці Webhook.

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

На цій вкладці налаштовуються події вебхуків.

Вкладка "Webhook"

Щоб активувати вебхук, встановіть прапорець, вкажіть URL серверного контейнера GTM і /path, на який слід надсилати вебхуки.

Ви можете налаштувати активацію вебхуків при створенні нового замовлення або при поверненні коштів за замовлення.

Корисні публікації блогу про використання та налагодження вебхуків:

2.5 Вкладка Customer Match

Пропустіть налаштування цієї вкладки, якщо ви не запускаєте кампанії Google Ads або не використовуєте списки Customer Match.

Крок 3. Налаштуйте надсилання даних до серверного контейнера Google Tag Manager

Два найпоширеніші способи зробити це:

Крок 4. Налаштуйте трекінг у серверному контейнері Google Tag Manager

Більшість популярних маркетингових та аналітичних інструментів уже підтримують сервер-сайд тегінг та мають готові теги для sGTM. На нашому сайті ви знайдете гайди з їх інтеграції: Facebook CAPI, TikTok Events API, Snapchat Conversions API, сервер-сайд трекінг для Google Ads тощо.

Крок 5. Перевірте конфігурацію застосунку

Налагодження завантаження GTM

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

Для цього перейдіть на будь-яку сторінку свого сайту, відкрийте консоль браузера і на вкладці мережі відфільтруйте за URL вашого піддомену/сервера тегування. Ви маєте побачити запит, подібний до наведеного на скріншоті, зі статусом відповіді 200.

Вкладка "Network" в консолі браузера

Налагодження подій data layer на сторінці чекауту

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

Події в режимі попереднього перегляду GTM

Події на сторінці оформлення замовлення не відображатимуться в GTM Preview через ізольоване середовище цих сторінок, яке блокує необмежені маніпуляції з DOM або додавання скриптів, зокрема сніпета GTM.

Проте ви можете вручну вставити сніпет на сторінку оформлення замовлення за допомогою розширення Chrome Stape GTM Helper:

  1. Після запуску режиму Preview у GTM увімкніть перемикач Shopify Sandbox dataLayer на вкладці Settings розширення.
  2. На вкладці Inject GTM натисніть Enable injection, додайте свою доменну назву та GTM ID. Збережіть зміни.
Доавання сніпета на сторінку чекауту вручну

Тепер події на сторінці оформлення замовлення відображатимуться в GTM Preview.

Події на сторінці чекауту в режимі попереднього перегляду GTM

Висновок

Можливості серверних тегів швидко розширюються, надаючи користувачеві чудовий інструмент для підвищення точності відстеження та аналітики конверсій. Крім того, Stape намагається спростити використання sGTM для наших клієнтів, тому ми випускаємо додаток Conversion Tracking для Shopify.

Stape Conversion Tracking для Shopify - це фантастичний інструмент з численними функціями та перевагами. Наприклад, ви можете легко налаштувати відстеження на своєму сайті, додавши скрипт Google Tag Manager і налаштувавши власний домен і завантажувач. Крім того, ви можете надсилати дані користувачів на рівень даних і налаштовувати веб-хуки.

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

Якщо ви шукаєте швидке і просте рішення для налаштування тегів на стороні сервера Shopify, Stape - це те, що вам потрібно. Скористайтеся цим чудовим рішенням вже сьогодні і скористайтеся перевагами більш точного відстеження за допомогою додатку Stape Conversion Tracking для Shopify. Спробуйте самі - ми знаємо, що ви не будете розчаровані!

Потрібна допомога з налаштування Shopify?

У нас є все, що вам потрібно! Натисніть Отримати допомогу, заповніть форму, і ми надішлемо вам пропозицію.

Отримати допомогу
author

Ivanna Holubovska

Author

Іванна — контент-менеджер у Stape та сертифікована авторка Clutch і KyivPost. Пише про server-side трекінг для оптимізації стратегій і аналітики.

Коментарі

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