Як налаштувати аналітику GA4 з нуля

1. Створити ресурс GA4

1. Відкрийте analytics.google.com і увійдіть під своїм акаунтом Google.
2. Адміністратор (шестерня внизу ліворуч) → Створити → Ресурс.
3. Назва — ім'я вашого магазину (наприклад morkva.co.ua). Часовий пояс — Київ, валюта — українська гривня.

2. Створити потік даних і отримати код

1. Майстер одразу запропонує створити Потік даних → оберіть Веб.
2. Вкажіть адресу сайту і назву потоку. Опцію Оптимізоване вимірювання залиште увімкненою — вона безкоштовно рахує прокручування, кліки по зовнішніх посиланнях і пошук по сайту.
3. Там же натисніть Переглянути інструкції з тегів → вкладка Установити вручну. Google покаже готовий фрагмент коду — це і є код відстеження.

Виглядає він приблизно так:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ХХХХХХХХХХ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-ХХХХХХХХХХ');
</script>

3. Вставити код на сайт

Тут є декілька варіантів:

Поле в налаштуваннях теми - найоптимальніший варіант

Більшість платних тем має власне поле для скриптів у шапці. У Flatsome: Customize → Advanced → Global Settings → Header Scripts. Мінус — при переїзді на іншу тему код доведеться переносити.

Плагін WPCode або Insert Headers and Footers

Плагін із двома полями — «Header» і «Footer». Вставте скопійований фрагмент у Header і збережіть. Зручно, якщо ви уже користуєтеся цими плагінами.

Плагін Site Kit by Google або схожі

Встановлюєте, під'єднуєте свій акаунт, обираєте створений ресурс — код вставиться сам. Тут переваги закінчуються: забагато зайвого коду, додаткове (і відчутне) навантаження на хостинг.

Якщо є - очистіть кеш на сайті.

4. Перевірити, що працює

1. Відкрийте свій сайт у режимі анонімного перегляду.
2. У GA4 перейдіть у Звіти → У режимі реального часу. Протягом хвилини там має з'явитися один користувач — ви.
3. Поклікайте по сторінках сайту — лічильник переглядів у звіті має зростати.

5. Виключити домени платіжних сервісів (бонус)

Що відбувається при звичайній оплаті карткою, наприклад: клік по рекламі в Інстаграмі → магазин (сайт) → оформлення замовлення → сторінка еквайрингу (monobank.ua) → сторінка подяки на сайті.

Для GA4 повернення з домену банку — це перехід із зовнішнього сайту. Аналітика закриває попередній візит і відкриває новий, у якого джерело — monobank.ua. Покупка зараховується цьому новому візиту.

Як виправити

1. GA4 → Адміністратор → Потоки даних → ваш потік.
2. Налаштувати параметри тегів → Показати всі → Список небажаних переходів.
3. Додати умову → тип відповідності Домен переходу містить → домен платіжного сервісу.
4. Один рядок на кожен сервіс, яким у вас можна оплатити. Збережіть.