Server-side Google Analytics 4 для WordPress

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

У цій статті ми розглянемо переваги та налаштування серверного Google Analytics 4 для сайтів WordPress за допомогою плагіна GTM, а також допоможемо визначити, як він може принести користь маркетинговим заходам ваших клієнтів. Давайте розглянемо, чому вам слід серйозно розглянути можливість впровадження серверного Google Analytics 4 на кожному сайті WordPress, яким ви керуєте!

Основна перевага серверної реалізації Google Analytics 4 над клієнтською полягає в тому, що ss GA4, налаштований за допомогою sGTM з використанням кастомного домену, встановлює сторонні файли cookie.

Браузери WebKit (Safari, Firefox тощо) обмежують термін дії сторонніх файлів cookie до 1 або 7 днів. Реалізація GA4 на стороні клієнта встановлює сторонні файли cookie. Це означає, що якщо користувач переглядає ваш сайт з будь-якого браузера, побудованого на WebKit, клієнтські файли cookie GA4 зберігатимуться максимум 7 днів.

І навпаки, якщо ssGA4 і sGTM використовують власний домен, файли cookie будуть встановлюватися з субдомену, розташованого в основному домені, і вважатимуться сторонніми. Файли cookie 1-ї сторони поки що не підпадають під вплив WebKit і зберігатимуться до двох років. Однак є деякі плани щодо обмеження терміну дії сторонніх файлів cookie, встановлених з IP-адрес третіх осіб.

Server-side забезпечує додатковий рівень конфіденційності та безпеки для конфіденційної інформації. Це може бути особливо важливо для організацій, які збирають персональну інформацію (PII) або фінансові дані. Обробляючи дані на сервері, компанії можуть зменшити ризик піддавати конфіденційні дані потенційним загрозам безпеки, гарантуючи, що дані збираються та обробляються у більш безпечний та захищений спосіб.

Дотримуйтесь правил захисту даних, таких як Загальний регламент про захист даних (GDPR) і Каліфорнійський закон про конфіденційність споживачів (CCPA). Переконайтеся, що ви збираєте та обробляєте дані відповідно до чинних норм.

Влітку 2022 року кілька європейських країн (Франція, Данія, Італія та ін.) дійшли висновку, що використання Google Analytics 4 є незаконним, оскільки він передає персональні дані користувачів ЄС до США. Одним з рішень для легального використання GA4 в цих країнах є серверний GA4, який використовує європейський проксі-сервер.

1. Перейдіть на сайт https://tagmanager.google.com/ та увійдіть до свого облікового запису Google Tag Manager.

2. Натисніть на кнопку "Admin" і в колонці "Контейнери" натисніть кнопку "+ Створити контейнер".

3. Виберіть ім'я для вашого серверного контейнера, виберіть "Сервер" як тип контейнера і натисніть кнопку "Створити".

4. Виберіть опцію "Manually provision tagging server" і скопіюйте конфігурацію контейнера, що з'явиться. Збережіть цю конфігурацію у текстовому редакторі, оскільки вона вам знадобиться пізніше.

5. Увійдіть до свого облікового запису на нашому сервісі або створіть новий, якщо ви цього ще не зробили.

6. Після входу в систему натисніть кнопку "Створити контейнер". Дайте контейнеру ім'я, вставте конфігурацію контейнера, яку ви скопіювали з серверного контейнера Google Tag Manager, і виберіть розташування сервера. Натисніть "Створити контейнер".

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

8. На цьому кроці вам потрібно налаштувати URL-адресу тегів.

У вас є два варіанти:

• Ви можете використовувати URL-адресу тегів, яка була створена для вас і розміщена на нашому домені (stape.io)

• Або використовуйте кастомний домен. Я наполегливо рекомендую використовувати цей варіант, оскільки він допоможе запобігти блокуванню відстеження та збільшить термін служби файлів cookie.

Якщо ви обрали перший варіант, переходьте до кроку 9.

Якщо ви хочете налаштувати власну URL-адресу тегів, натисніть "Додати домен" під наданою URL-адресою тегвів -> увійдіть до служби доменних імен і створіть новий DNS-запис для субдомену, який ви хочете використовувати. Ви можете використовувати будь-яке ім'я субдомену.

Додайте ці налаштування:

    Тип: A

    Ім'я: ss (або будь-яке інше ім'я субдомену, яке ви бажаєте)

    IPv4 адреса: IP-адреса залежить від місця розташування серверів. Ви можете знайти IP-адресу власного домену у своєму акаунті stape.io.

    TTL: Auto

    Proxy status: вимкнути

Ваші налаштування повинні виглядати так:

9. Ви можете ввімкнути функцію Global CDN для серверного контейнера, яка використовує технологію Cloudflare для завантаження js-файлів з сервера, розташованого ближче до відвідувачів вашого сайту, що призводить до швидшого обслуговування js-файлів і кращої швидкості роботи сторінок. Перш ніж увімкнути цю функцію, перевірте правила конфіденційності у вашій країні. Додайте запис CNAME, щоб Global CDN працював.

Після того, як ви увімкнули Global CDN, вам потрібно буде додати запис CNAME, щоб Global CDN працював.

10. Додайте URL-адресу сервера тегів до серверного контейнера Google Tag Manager, перейшовши в розділ "Admin", потім "Налаштування" і вибравши "Налаштування контейнера".

1. Увійдіть в адмінку WordPress і перейдіть до плагінів. Потім натисніть "Додати новий", введіть "GTM Server-Side", виберіть цей плагін і натисніть "Встановити зараз". Після встановлення натисніть "Активувати".

2. Відкрийте плагін GTM Server-Side, який ви встановили на першому кроці, і вставте URL-адресу тегів у налаштуваннях плагіна. Далі виберіть, чи хочете ви додати веб-GTM до всіх сторінок сайту, чи просто додати функціонал плагіна без додавання GTM-скрипта (цю опцію слід використовувати, якщо ви використовуєте будь-який інший плагін, який вставляє GTM-скрипт на сайт). Далі додайте ідентифікатор WEB Google Tag Manager, URL-адресу сервера тегів та ідентифікатор stape-контейнера, якщо ви хочете використовувати custom loader.

3. Якщо у вас є веб-сайт електронної комерції (eCommerce) і ви хочете перенести події електронної комерції та дані користувачів на рівень даних, перейдіть на другу вкладку плагіна і ввімкніть дві галочки. Зверніть увагу, що він може працювати лише з магазинами woocommerce.

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

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

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

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

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

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

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

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

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

4. Відкрийте режим попереднього перегляду серверного контейнера та переконайтеся, що ви бачите запити GA4. Публікуйте оновлені файли всередині сервера та веб-контейнерів Google Tag Manager.

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

Якщо у вас залишилися питання або вам просто потрібна допомога з налаштуванням Google Analytics 4 для WordPress, не соромтеся звертатися до служби підтримки stape.