Як додати Google Analytics 4 до WordPress (і чому це змінює все у ваших даних)

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

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

Чому GA4 архітектурно відрізняється від Universal Analytics

Розуміння того, що змінилося під капотом, допомагає правильно налаштувати GA4, а не просто скопіювати фрагмент коду і сподіватися на краще.

Сесійна vs. подієва модель: Universal Analytics організовував дані в сесії, з хітами (перегляди сторінок, події, транзакції), вкладеними всередині них. GA4 усуває цю ієрархію. Кожна взаємодія є першокласною подією з до 25 власними параметрами. Це означає, що ваша модель даних є принципово більш гнучкою — але це також означає, що ваші старі звіти UA не відображаються 1:1 у звітах GA4.

Протокол вимірювання та потоки даних: GA4 використовує концепцію потоків даних (веб, iOS-додаток, Android-додаток), що надходять до єдиної властивості. Саме це забезпечує справжню крос-платформну аналітику без ручного об’єднання окремих властивостей.

Машинне навчання в основі: GA4 нативно інтегрує моделі машинного навчання Google для формування прогнозованих аудиторій (імовірність покупки, імовірність відтоку) та виявлення аномалій безпосередньо в інтерфейсі — додаткова конфігурація не потрібна після накопичення достатньої кількості даних (зазвичай 1 000+ повторних користувачів за 28 днів).

Готовність до вимірювання без файлів cookie: GA4 запровадив моделювання для режиму згоди, який використовує поведінкове моделювання для заповнення прогалин у даних, коли користувачі відмовляються від файлів cookie. Це критично важливо для відповідності GDPR/CCPA без шкоди для точності аналітики.

GA4 vs. Universal Analytics: ключові відмінності

Одна критична деталь, яку більшість посібників не згадує: змініть налаштування зберігання даних одразу після налаштування. За замовчуванням GA4 зберігає дані на рівні подій лише 2 місяці. Перейдіть до Admin > Data Settings > Data Retention і змініть значення на 14 місяців. Це впливає на звіти Exploration — стандартні звіти не зачіпаються, але ви втратите історичну деталізацію, якщо забудете цей крок.

Передумови перед початком роботи

Перш ніж торкатися WordPress або інтерфейсу GA4, переконайтеся в наступному:

• У вас є обліковий запис Google з правами адміністратора в Google Analytics
• У вас є доступ редактора або адміністратора до вашої інсталяції WordPress
• Ваша тема WordPress використовує стандартний header.php з хуком wp_head() (практично всі сучасні теми це роблять)
• Якщо ви використовуєте керований хостинг WordPress або плагін кешування (WP Rocket, W3 Total Cache, LiteSpeed Cache), ви знаєте, де налаштувати виключення скриптів

Якщо ваш сайт WordPress працює в середовищі VPS Хостингу, ви маєте повний контроль над шарами серверного кешування, що важливо при перевірці того, що ваш фрагмент GA4 не видаляється або не кешується неправильно.

Метод 1: Встановлення через плагін (рекомендовано для більшості сайтів)

Варіант A: MonsterInsights

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

Крок 1 — Встановіть і активуйте плагін:

Перейдіть до панелі керування WordPress, відкрийте Plugins > Add New, знайдіть «MonsterInsights» і натисніть Install Now, потім Activate.

Крок 2 — Запустіть майстер налаштування:

Після активації в лівій бічній панелі з’явиться новий пункт меню Insights. Перейдіть до Insights > Settings і натисніть Launch the Wizard.

Крок 3 — Автентифікація через Google:

Майстер запропонує вам увійти до свого облікового запису Google. Надайте запитувані дозволи. MonsterInsights використовує OAuth2 для підключення — він не зберігає ваші облікові дані Google.

Крок 4 — Виберіть вашу властивість GA4:

Виберіть властивість GA4, яку хочете підключити. Якщо ви ще не створили її, зупиніться тут і спочатку створіть її в Google Analytics (описано в Методі 2 нижче). MonsterInsights не створить властивість за вас.

Крок 5 — Перевірте підключення:

Після підключення MonsterInsights вставляє фрагмент gtag.js GA4 через хук дії wp_head(). Перейдіть до Insights > Reports і переконайтеся, що дані надходять. Ви також можете відкрити свій сайт у браузері, клацнути правою кнопкою миші, вибрати «Переглянути джерело сторінки» і знайти G-, щоб підтвердити наявність вашого Measurement ID.

Що MonsterInsights додає понад базове відстеження: Безкоштовна версія автоматично вмикає розширене вимірювання. Версія Pro додає відстеження електронної комерції WooCommerce, відстеження надсилання форм, підтримку власних вимірів та шар відстеження завантажень файлів — усе без написання коду.

Відома помилка: Якщо ви використовуєте плагін повного кешування сторінок, який кешує HTML-вивід до того, як спрацьовує wp_head(), фрагмент GA4 може бути відсутній на кешованих сторінках. Налаштуйте плагін кешування так, щоб скрипт відстеження не мінімізувався, і переконайтеся, що він не відкладається у спосіб, який порушує послідовність ініціалізації.

Варіант B: Site Kit від Google

Site Kit — це офіційний плагін WordPress від Google. Він інтегрує GA4, Google Search Console, PageSpeed Insights і, за бажанням, AdSense в єдину панель керування всередині WordPress.

Крок 1 — Встановіть Site Kit:

Перейдіть до Plugins > Add New, знайдіть «Site Kit by Google», встановіть і активуйте його.

Крок 2 — Підключіть свій обліковий запис Google:

Site Kit проведе вас через процес OAuth. Як частина цього процесу вам потрібно підтвердити право власності на сайт — Site Kit робить це автоматично, вставляючи мета-тег перевірки Search Console.

Крок 3 — Підключіть Google Analytics:

На панелі керування Site Kit знайдіть модуль Analytics і натисніть Connect. Виберіть наявну властивість GA4 або створіть нову. Site Kit автоматично налаштує потік даних і вставить фрагмент відстеження.

Перевага Site Kit: Оскільки він підтримується Google, він, як правило, реалізує фрагмент GA4 найбільш відповідним специфікації способом. Він також відображає дані Search Console поряд з метриками GA4, що корисно для кореляції органічного трафіку з поведінкою на сайті.

Обмеження: Панель керування Site Kit є відносно базовою порівняно з MonsterInsights Pro. Для розширеного відстеження електронної комерції або власних подій вам, швидше за все, знадобиться Google Tag Manager на додаток до нього.

Варіант C: Google Tag Manager (GTM) як рівень розгортання

Для сайтів з кількома піксельними тегами відстеження, тегами конверсій або складними конфігураціями подій розгортання GA4 через Google Tag Manager є підходом професійного рівня. Замість жорсткого кодування фрагмента GA4 ви встановлюєте єдиний фрагмент контейнера GTM у WordPress, а потім керуєте всіма тегами — GA4, Meta Pixel, LinkedIn Insight Tag, власними подіями — з інтерфейсу GTM без торкання файлів WordPress.

Встановіть плагін GTM4WP (або вставте фрагмент контейнера вручну в тег header.php та body). Потім у GTM:

1. Створіть новий тег типу Google Analytics: GA4 Configuration
2. Введіть ваш Measurement ID (G-XXXXXXXXXX)
3. Встановіть тригер на All Pages
4. Опублікуйте контейнер

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

Метод 2: Ручна реалізація GA4 (без плагіна)

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

Крок 1 — Створіть властивість GA4

1. Увійдіть до Google Analytics
2. Натисніть значок шестерні Admin (внизу ліворуч)
3. У стовпці Account виберіть обліковий запис, який хочете використовувати
4. У стовпці Property натисніть Create Property
5. Введіть назву властивості, часовий пояс звітності та валюту
6. Виберіть категорію галузі та розмір бізнесу
7. Виберіть мету бізнесу (це впливає на те, які стандартні звіти відображатимуться)
8. На наступному екрані виберіть Web як платформу

Крок 2 — Налаштуйте веб-потік даних

Введіть URL вашого сайту та назву потоку. Увімкніть Enhanced Measurement — це автоматично відстежує перегляди сторінок, прокрутку (поріг 90% глибини), кліки по зовнішніх посиланнях, пошук по сайту, взаємодію з відео (вбудовані відео YouTube) та завантаження файлів без будь-якого додаткового коду.

Після створення потоку скопіюйте ваш Measurement ID — він має формат G-XXXXXXXXXX.

Крок 3 — Отримайте глобальний тег сайту

У налаштуваннях потоку даних натисніть View tag instructions. У розділі Install manually ви побачите повний фрагмент gtag.js:

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

Замініть G-XXXXXXXXXX на ваш фактичний Measurement ID.

Крок 4 — Вставте фрагмент у WordPress

Варіант A — functions.php теми (рекомендовано замість прямого редагування файлів):

Цей підхід переживає обмеження редактора файлів теми і є чистішим, ніж пряме редагування header.php.

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

Додайте це до functions.php вашої дочірньої теми. Ніколи не змінюйте functions.php батьківської теми безпосередньо — оновлення теми перезапише ваші зміни.

Варіант B — Пряме редагування header.php:

Перейдіть до Appearance > Theme File Editor, виберіть header.php і вставте фрагмент безпосередньо перед закриваючим тегом </head>. Це швидше, але ненадійно — будь-яке оновлення теми видалить його.

Варіант C — Плагін для фрагментів коду:

Плагіни на кшталт WPCode (раніше Insert Headers and Footers) дозволяють вставити фрагмент у спеціальне поле інтерфейсу без торкання файлів теми. Це найбезпечніший ручний підхід для не-розробників.

Крок 5 — Перевірте встановлення

Перевірка в реальному часі:

Відкрийте свій сайт у браузері, потім у Google Analytics перейдіть до Reports > Realtime. Ви повинні побачити себе як активного користувача протягом 30 секунд.

Технічна перевірка за допомогою DevTools браузера:

Відкрийте DevTools (F12), перейдіть на вкладку Network, відфільтруйте за collect і перезавантажте сторінку. Ви повинні побачити POST-запити до https://www.google-analytics.com/g/collect з вашим Measurement ID у тілі запиту.

GA4 DebugView:

Встановіть розширення Chrome Google Analytics Debugger. Після увімкнення перейдіть до Admin > DebugView у GA4. Кожна подія, що спрацьовує на вашому сайті, відображатиметься в реальному часі з повними деталями параметрів — це найбільш ретельний метод перевірки.

Налаштування GA4 для відстеження, специфічного для WordPress

Відстеження власних подій для дій WordPress

Enhanced Measurement охоплює основи, але сайти WordPress часто потребують відстеження конкретних взаємодій. Ви можете надсилати власні події до шару даних GA4 за допомогою JavaScript:

// Track a specific button click
document.getElementById('cta-button').addEventListener('click', function() {
  gtag('event', 'cta_click', {
    'event_category': 'engagement',
    'event_label': 'hero_section_cta',
    'value': 1
  });
});

Якщо ви використовуєте GTM, реалізуйте це як тег Custom HTML, що запускається тригером Click — розгортання коду не потрібне.

Відстеження електронної комерції WooCommerce

Для магазинів WooCommerce події електронної комерції GA4 (view_item, add_to_cart, begin_checkout, purchase) вимагають заповнення шару даних інформацією про продукти. MonsterInsights Pro робить це автоматично. Для ручної реалізації або на основі GTM вам потрібен плагін шару даних WooCommerce (наприклад, DataLayer for WooCommerce або Elevar), який передає структуровані дані про продукти в window.dataLayer на відповідних сторінках.

Виключення трафіку адміністраторів WordPress

GA4 не виключає автоматично ваші власні відвідування з даних. Щоб відфільтрувати трафік адміністраторів:

1. У GA4 перейдіть до Admin > Data Streams > [ваш потік] > Configure Tag Settings > Define internal traffic
2. Додайте вашу IP-адресу (або діапазон IP) як правило внутрішнього трафіку
3. Потім перейдіть до Admin > Data Filters, знайдіть фільтр Internal Traffic і встановіть його в стан Active

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

Реалізація Consent Mode v2

Якщо ваш сайт обслуговує користувачів з Європейського економічного простору, ви повинні реалізувати Consent Mode v2 для відповідності вимогам Google щодо персоналізації реклами та збереження точності моделювання. Для цього потрібно:

1. CMP (платформа управління згодою), що підтримує Consent Mode v2 (наприклад, Cookiebot, Complianz, CookieYes)
2. CMP повинна передавати стан згоди до GA4 до того, як спрацює виклик gtag('config', ...)

Більшість авторитетних плагінів згоди на файли cookie для WordPress тепер обробляють це автоматично. Перевірте, переглянувши стовпець Consent у GA4 DebugView — він повинен показувати granted або denied для кожного типу згоди.

Зберігання даних, вибірка та експорт до BigQuery

Зберігання даних: Як зазначалося раніше, встановіть це значення на 14 місяців одразу. Перейдіть до Admin > Data Settings > Data Retention.

Вибірка: Стандартні звіти GA4 не використовують вибірку. Звіти Exploration (власні воронки, аналіз шляхів, перетин сегментів) можуть використовувати вибірку для властивостей з високим трафіком. Поріг вибірки становить 10 мільйонів подій на запит. Якщо ви регулярно досягаєте цього ліміту, розгляньте можливість експорту необроблених даних до BigQuery.

Експорт до BigQuery: На відміну від Universal Analytics (де експорт до BigQuery вимагав платної підписки 360), GA4 пропонує безкоштовний експорт до BigQuery для всіх властивостей. Перейдіть до Admin > BigQuery Linking, щоб підключити проект Google Cloud. Це надає вам доступ до необроблених, невибіркових даних на рівні подій, які можна запитувати за допомогою SQL — безцінно для поглибленого аналізу, власного моделювання атрибуції або передачі даних до інструменту бізнес-аналітики.

Для команд, що запускають інфраструктуру даних на Виділених серверах, ви можете налаштувати конвеєр, який отримує дані з BigQuery і передає їх до самостійно розгорнутого аналітичного стеку (Metabase, Grafana, Redash) для звітності, що повністю перебуває під вашим контролем.

Типові помилки при реалізації

Дублювання відстеження: Якщо раніше у вас був встановлений Universal Analytics через плагін, а тепер ви додаєте GA4 вручну, ви можете отримати два фрагменти. Перевірте джерело вашої сторінки на наявність кількох ініціалізацій gtag. Дублювання хітів збільшує кількість сесій і спотворює метрики залученості.

Кешування видаляє фрагмент: Деякі агресивні конфігурації кешування (зокрема з Varnish або серверним кешуванням на налаштуваннях VPS з cPanel) можуть обслуговувати кешовані сторінки, що були згенеровані до додавання фрагмента GA4. Очистіть кеш після будь-якої зміни коду відстеження і переконайтеся, що фрагмент з’являється при завантаженні кешованих сторінок.

Блокувальники реклами та браузери, орієнтовані на конфіденційність: Значна частина вашої аудиторії (за оцінками, від 25 до 40% на сайтах технічної тематики) блокуватиме GA4 за допомогою uBlock Origin, захисту Brave або розширеного захисту від відстеження Firefox. Якщо точне вимірювання трафіку є критичним, розгляньте налаштування серверного тегування за допомогою серверного контейнера GTM, який проксіює хіти GA4 через ваш власний домен і обходить більшість клієнтських блокувальників.

Неправильний Measurement ID: Поширена помилка — використання Stream ID (числовий рядок) замість Measurement ID (формат G-XXXXXXXXXX). Лише Measurement ID працює у фрагменті gtag.js.

Відсутній хук wp_head(): Якщо ваша тема не викликає wp_head() у header.php, ні ін’єкція через плагін, ні через functions.php не працюватиме. Це рідкість для сучасних тем, але поширено для сильно кастомізованих або застарілих тем. Перевірте, знайшовши <?php wp_head(); ?> у header.php.

Функції звітності GA4, актуальні для сайтів WordPress

Показник залученості vs. показник відмов: GA4 замінює показник відмов на Engagement Rate — відсоток сесій, що тривали довше 10 секунд, мали подію конверсії або мали 2+ перегляди сторінок. Високий показник залученості, як правило, є позитивним; високий показник відмов у UA часто вводив в оману (користувач, який прочитав цілу публікацію в блозі і пішов, вважався відмовою).

Аналіз шляху користувача за допомогою Path Exploration: Розділ Explore у GA4 містить звіт Path Exploration, що показує послідовність сторінок або подій, через які переміщуються користувачі. Для блогів WordPress це показує, який контент є точкою входу для глибшого залучення до сайту, а які сторінки є тупиками.

Дослідження воронок: Визначте багатоетапні воронки (наприклад, цільова сторінка > сторінка продукту > кошик > оформлення замовлення > покупка) і точно побачте, де користувачі відходять. На відміну від візуалізації воронок UA, воронки GA4 можна ретроактивно застосовувати до історичних даних у межах вашого вікна зберігання.

Побудова аудиторій для ремаркетингу: Аудиторії GA4 (включаючи прогнозовані, наприклад «ймовірні покупці за 7 днів») можна публікувати безпосередньо в Google Ads для ремаркетингових кампаній. Для цього потрібно пов’язати вашу властивість GA4 з Google Ads у Admin > Google Ads Links.

Практична матриця рішень: який метод вам підходить?

Технічний контрольний список ключових висновків

Після завершення реалізації GA4 перевірте кожен з наступних пунктів:

• Measurement ID (G-XXXXXXXXXX) присутній у джерелі сторінки як при кешованому, так і при некешованому завантаженні сторінки
• DebugView показує правильне спрацьовування подій, включаючи page_view та session_start
• Зберігання даних встановлено на 14 місяців (Admin > Data Settings > Data Retention)
• Фільтр внутрішнього трафіку налаштовано і встановлено в стан Active з вашою IP-адресою
• Enhanced Measurement увімкнено для веб-потоку даних
• Consent Mode v2 реалізовано, якщо ви обслуговуєте користувачів ЄЕЗ
• У джерелі сторінки немає дублюючих ініціалізацій gtag
• Адміністратори WordPress виключені з відстеження (через IP-фільтр або виключення залогінених користувачів на рівні плагіна)
• Експорт до BigQuery пов’язано, якщо вам потрібні необроблені дані на рівні подій понад 14 місяців
• Базовий звіт Exploration (наприклад, ефективність цільових сторінок) збережено для подальшого використання

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

FAQ

Чи працює GA4 з мультисайтовими інсталяціями WordPress?

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

Чому мій GA4 показує нуль користувачів навіть після встановлення?

Найпоширеніші причини: плагін кешування обслуговує HTML-сторінку, згенеровану до додавання фрагмента (очистіть кеш), активний блокувальник реклами в браузері, який ви використовували для тестування, використання неправильного типу ID (Stream ID замість Measurement ID) або відсутність хука wp_head() у header.php вашої теми. Використовуйте DebugView з розширенням Chrome GA4 Debugger для виявлення проблеми.

Скільки часу потрібно, щоб дані GA4 з’явилися у звітах?

Дані в реальному часі з’являються протягом секунд у звіті Realtime. Стандартні звіти (Acquisition, Engagement тощо) зазвичай відображають дані протягом 24–48 годин. Прогнозовані метрики (імовірність покупки, імовірність відтоку) вимагають мінімум 1 000 повторних користувачів з відповідними подіями за 28-денний період до їх активації.

Чи відстежуватиме GA4 користувачів, які відмовляються від файлів cookie?

При правильно реалізованому Consent Mode v2 GA4 використовує поведінкове моделювання для оцінки конверсій і трафіку від користувачів, які відмовилися від згоди. Це не необроблені дані — це статистична модель. Без Consent Mode GA4 просто не спрацьовує для користувачів без згоди, створюючи прогалину в даних. Точність моделювання покращується з більшим обсягом трафіку.

Чи можу я одночасно запускати GA4 і Universal Analytics?

Властивості Universal Analytics були остаточно відключені у липні 2023 року (властивості 360 — у липні 2024 року). Ви не можете збирати нові дані в UA. Якщо у вас є стара властивість UA, її історичні дані залишаються доступними в режимі лише для читання протягом обмеженого часу, але все нове відстеження має здійснюватися через GA4.