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

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

Підключення Google Analytics 4 до Shopify

Перед збиранням даних про магазин потрібно мати обліковий запис Google Analytics і створити Google Analytics 4. Потім ви можете налаштувати інтеграцію GA 4 з магазином Shopify і, при необхідності, зв’язати обліковий запис Google Ads з обліковим записом Google Analytics.

P.S.: Офіційна довідка Shopify:

https://help.shopify.com/en/manual/reports-and-analytics/google-analytics/google-analytics-setuphttps://help.shopify.com/en/manual/reports-and-analytics/google-analytics/google-analytics-setup

Покроковий алгоритм підключення Google Analytics 4 до Shopify:

1. В адміністративній панелі Shopify перейдіть до “Online store” > “Preferences”.

2. У розділі Google Analytics натисніть “Manage pixel here”.

3. Натисніть “Connect your Google account”.

4. Виберіть ID тега для ресурсу GA4, який потрібно підключити до магазину Shopify.

5. Натисніть “Connect your Google Analytics 4 property”.

Після налаштування тегів Google Analytics 4 певні події електронної комерції відстежуються автоматично:

P.S.: Офіційна довідка Shopify:

https://help.shopify.com/en/manual/reports-and-analytics/google-analytics/tracking-ecommerce-events-using-analytics

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

P.S.: В результаті цих дій ваша Google Analytics 4 почне відслідковувати трафік і у вашій аналітиці буде вже налаштована електронна торгівля:

Але часто налаштування однієї електронної торгівлі замало. Часто потрібно відстежувати додаткові конверсії: відправлення форм, кліки за номерами телефонів або електронними поштами, переходи в месенджери і т.д. Для налаштування цих конверсій найпростіше скористатися Google Tag Manager.

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

Щоб уникнути проблем з відстеженням та дублюванням, нам потрібно в GTM використовувати таку реалізацію: 

Тобто для тега “Google Tag” не потрібно додавати тригер, який його ініціалізуватиме. Таким чином ви зможете уникнути дублювання.

З самою механікою встановлення Google Tag Manager на сайт Shopify також не все так просто. Зі стандартною інструкцією ви можете ознайомитись у нашій статті – Налаштування GTM. Але для Shopify є особливості.

Вам потрібно встановити Google Tag Manager окремо на тему магазину, і окремо на сторінку “дякую за замовлення”.

Кроки встановлення на тему сайту:

1. Перейдіть по наступному шляху: “Shopify Store Admin” > “Online Store” > “Themes”. 

2. Клацніть на 3 точки поруч із темою.

3. Натисніть на пункт “Edit Code”.

4. У колонці зліва вам потрібно знайти пункт “theme.liquid”:

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

5. Тепер вам потрібно перейти по шляху: Admin > Settings > Checkout і в розділі Order status page додати ваш код GTM:

Вищеописаний спосіб: інтеграція + GTM, на мою думку, є найбільш оптимальним та простим способом налаштування GA4 на Шопіфай. Але це далеко не єдиний спосіб. Є безліч платних та безкоштовних модулів для підключення аналітики, можна просто поставити аналітику через ГТМ та самостійно реалізувати події у dataLayer для електронної торгівлі та ще десятки інших варіантів.

Як підключити Google Analytics до WordPress

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

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

Підключення Google Analytics до WordPress

Якщо у вас ще немає облікового запису Google Analytics, створіть його. Перейдіть на сайт Google Analytics і дотримуйтесь інструкцій для створення нового облікового запису. Отриманий ідентифікатор відстеження буде використовуватись для подальших налаштувань.

P.S.: Ми будемо розглядати підключення GA4 на WP з використанням GTM і плагіна GTM4WP. Чому? Тому що він оптимальний для сайтів, яким потрібне налаштування електронної торгівлі в аналітиці, але вони не мають можливості залучити для цього налаштування програміста.

Етапи налаштування:

1. В першу чергу нам потрібно створити Google Analytics 4 та Google Tag Manager для нашого сайту.

2. Встановлення та активація плагіна GTM4WP: Для цього перейдіть до адміністративної панелі WordPress, виберіть розділ “Плагіни” → “Додати новий”. У пошуковому рядку введіть “GT4WP” і натисніть “Встановити”, а потім “Активувати”.

3. Налаштування GT4WP: Після активації плагіна перейдіть до розділу “Налаштування”:

→ “General”:

І в пункті Google Tag Manager ID вкажіть ідентифікатор вашого GTM:

P.S.: Приблизно в 30% випадків нам пишуть, що налаштування не працює. І причина цих 30% випадків у тому, що при копіюванні ідентифікатора часто до або після нього додається пропуск – обов’язково перевірте це перед завершенням налаштування.

Напроти пункту “Container code ON/OFF” виберіть “on” або “off”.

P.S.: Якщо раніше на сайт не додавали GTM будь-яким способом, то нам потрібно вказати тут “on”.

Перейдіть до розділу “Integration” > “WooCommerce” та поставте галочку навпроти пункту “Track enhanced e-commerce”.

4. На офіційному сайті є готовий набір тегів, тригерів та змінних, який потрібно імпортувати у ваш контейнер GMT. Ви можете скористатися цією інструкцією.

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

P.S.: Підключення GA4 за цією інструкцією та налаштування електронної торгівлі займає близько 15 хвилин. Але є тут і підводні камені. Перший – пропуск у полі для введення. Цей момент був описаний вище у статті. Другий – наявність кастомної “сенк’ю пейдж”. Якщо ви вносили зміни на сайті та змінили URL “сенк’ю пейдж”, то подія purchase швидше за все не буде передаватися в dataLayer push. Третій – після первинного налаштування плагіна буває ситуація, що плагін самостійно відключає галочки, які ви раніше поставили у налаштуваннях. Тобто, вам просто потрібно перевіряти ще раз, чи все налаштовано так, як зазначено в інструкції вище. Четвертий – якщо GTM на сайті не з’явився, а ви впевнені, що все налаштовано правильно – напишіть програмісту, щоб він почистив кеш.