Як додати до WordPress тегування на стороні сервера Google Tag Manager

Автор
Stape
Опубліковано
October 16, 2020
Також є

Бажаєте встановити Server-Side Google Tag Manager в WordPress? Якщо ви хочете інтегрувати аналітичне програмне забезпечення та маркетингові програми зі своїм веб-сайтом WordPress без втрати будь-яких даних (через AdBlockers або ITP), тож вам краще спробувати тегування на стороні сервера Google Tag Manager. Він дозволяє додавати та запускати коди відстеження через серверне середовище.

У цій статті ми пояснимо, як додати серверний контейнер Google Tag Manager у WordPress за допомогою нашого плагіна.

Що таке тегування на стороні сервера Google Tag Manager для WordPress?Скопіюйте посилання на цей розділ

Google Tag Manager Server-Side Tagging – це інструмент від Google, випущений для загальнодоступної бета-версії влітку 2020 року. Він дозволяє переміщувати пікселі третьої сторони з клієнтських браузерів у серверне середовище.

Завдяки тегам на стороні сервера ви забудете про неповні дані в Google Analytics або будь-якому іншому програмному забезпеченні для аналізу веб-сайтів. І низька швидкість сторінки через важкі сценарії Java на вашому сайті WordPress більше не буде проблемою.

Оскільки продукт був випущений лише кілька місяців тому, у Server Container від Google Tag Manager є лише один рідний клієнт – Universal Analytics. Усі елементи Server GTM, як-от клієнти, теги, тригери та змінні (variables), зосереджені виключно на реалізації Google Analytics через серверний контейнер. Звичайно, впровадження GA є однією з найважливіших цілей для всіх власників веб-сайтів. Але перенесення інших тегів, таких як Facebook, Bing або AdWords, може значно зменшити навантаження на клієнта та покращити якість даних на вашому сайті WordPress.

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

Які основні переваги додавання Server-Side Google Tag Manager контейнера до WordPress?Скопіюйте посилання на цей розділ

1. Обхід Intelligent Tracking Prevention

ITPs від Safari та Firefox обмежують тривалість життя файлів cookie. Раніше ваші кукі могли прожити до 2 років, а тепер їх термін служби обмежений 7 днями або навіть 24 годинами. Завдяки впровадженню Google Analytics у серверне середовище ви можете продовжити термін служби файлів cookie. А поки що це найпростіший шлях до мети. Якщо ви цього не зробите, користувачі, які повернулися на ваш веб-сайт через 7 днів (або в деяких випадках, 24 години), вважатимуться новими користувачами. Як наслідок, якість даних у Google Analytics зменшиться.

2. Покращена точність даних

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

3. Покращена швидкість завантаження сторінки

Важкий JavaScript є однією з найпопулярніших причин зниження швидкості сторінки сайту. За допомогою відстеження на стороні сервера ви видалите сторонні пікселі з браузера на хмарні сервери. Нещодавно Google опублікував дослідження, яке показує, що кожне зниження швидкості мобільного веб-сайту на 0,1 секунди в середньому збільшує вартість замовлення майже на 10%.

Якщо ви вражені тим, що може запропонувати Google Tag Manager на стороні сервера, то ви будете раді почути, що додати серверний контейнер GTM на ваш веб-сайт WordPress легко за допомогою нашого плагіна. Плагін безкоштовний; хоча ми пропонуємо кілька тарифних планів на наші послуги, ви можете ознайомитися з деталями тут.

Як налаштувати серверний контейнер Google Tag Manager у WordPressСкопіюйте посилання на цей розділ

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

wordpress plugin

2. Створіть серверний контейнер Google Tag Manager, якщо у вас його немає. Перейдіть на сторінку https://tagmanager.google.com/ і виберіть обліковий запис, у якому ви хочете створити контейнер. Потім натисніть Адмін.

tag manager admin

3. Під стовпцем контейнера натисніть +.

create a container

4. Введіть назву контейнера, виберіть Сервер і натисніть кнопку Створити.

create server container

5. У спливаючому вікні виберіть «Manually provision tagging server», скопіюйте конфігурацію контейнера та вставте його в будь-який текстовий редактор. Він нам знадобиться для наступних кроків.

Manually provision tagging server

6. Створіть обліковий запис у нашому сервісі тут.

7. Після того, як ви отримали електронний лист із підтвердженням і встановили пароль, вам потрібно створити контейнер. Введіть назву свого контейнера та вставте конфігурацію контейнера, яку ви скопіювали з серверного контейнера Google Tag Manager. Потім натисніть Створити контейнер.

container config

8. Після натискання кнопки «Створити» ви побачите статус вашого контейнера, конфігурацію контейнера та назву плану. Розгортання серверного контейнера займає близько 5 хвилин. Перезавантажте сторінку, щоб оновити статус. Якщо налаштування було виконано правильно, ви повинні побачити статус «Running».

container status

Якщо ви бачите «Error», перевірте, чи ви скопіювали та вставили правильну конфігурацію контейнера.

Якщо помилка повторюється, зверніться в службу підтримки.

9. Налаштуйте URL-адресу тегів. У Google Tag Manager натисніть адміністратор, виберіть налаштування контейнера та вставте URL-адресу домену, яку ви бачите в app.stape.io/container/

server container
tagging server url

10. Відкрийте серверний плагін GTM, який ви встановили на першому кроці, і вставте URL-адресу тегів у налаштування плагіна.

gtm server-side url

11. У вас є два варіанти додавання серверного контейнера GTM: разом із веб-контейнером GTM або запуск лише серверного контейнера GTM. Ми рекомендуємо вибрати другий варіант «Додати веб-контейнер Google Tag Manager на всі сторінки. Якщо у вас є інші плагіни GTM, будь ласка, вимкніть їх».

12. Якщо ви виберете другий варіант, вставте свій ідентифікатор веб-контейнера. Ви можете знайти його, увійшовши у свій веб-контейнер GTM; ви побачите ідентифікатор у верхньому правому куті. Вставте його в поле Google Tag Manager ID. Коли це буде зроблено, не забудьте вимкнути інші плагіни для встановлення GTM.

gtm for wordpress

13. Оновіть транспортну URL-адресу Google Analytics у своєму веб-контейнері GTM. Усередині веб-контейнера Google Tag Manager перейдіть до Змінні (Variables) -> Виберіть змінну Google Analytics -> Додаткові налаштування -> Розширена конфігурація -> Вставити транспортну URL-адресу.

Update Google Analytics Transport URL

Ось і все! Тепер серверний контейнер GTM налаштовано на вашому веб-сайті WordPress, і GA працює через серверне середовище. Якщо ви хочете дізнатися більше про запуск GA через спеціальний субдомен, щоб обійти адблокери та ITP, перегляньте цю статтю.

Як завантажити Google Analytics із спеціального субдомену в WordPress?Скопіюйте посилання на цей розділ

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

1. Увійдіть у свій обліковий запис GTM на стороні сервера та натисніть Додати кастомний домен.

use custom domain

2. Увійдіть у службу доменних імен і створіть новий запис DNS для субдомену, який ви хочете використовувати.

Якщо ви використовуєте обліковий запис Cloudflare. Виберіть домен, натисніть DNS -> Додати запис

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

Type: A

Name: ss (або будь-яке інше ім’я субдомену, яке ви хочете)

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

US Center (lowa) => 35.193.123.107

US East (South Carolina) => 34.139.101.37

US West (Oregon) => 104.198.8.50

EU West (Belgium) => 35.195.159.201

AP East (Singapore) => 34.126.138.154

SA East (São Paulo) => 35.198.36.195

TTL: Auto

Proxy status: disable

Ваші налаштування мають виглядати так:

gtm settings

Після завершення натисніть Зберегти.

3. Перейдіть до свого облікового запису app.stape.io та додайте кастомний домен. Він має складатися з імені, яке ви додали до Cloudflare, і вашого домену. Натисніть Зберегти. Після додавання домену він проходить процес перевірки. Це може зайняти до 72 годин. Після підтвердження домену статус буде змінено на «Підтверджено».

create domain name

4. Коли ваш субдомен GTM буде додано та підтверджено, ви побачите статус Running.

status Running

5. Перейдіть до свого серверного контейнера GTM -> Адмін -> Налаштування контейнера -> Змінити URL-адресу серверного тегування на свій субдомен.

server container settings

6. Оновіть URL-адресу тегів у тегах Google Analytics або змінній Google Analytics у веб-контейнері GTM. Відкрийте тег Google Analytics -> Додаткові налаштування -> Розширена конфігурація -> Вставте свій субдомен GTM всередині Transport URL.

universal analytics

7. Відкрийте свій плагін GTM на стороні сервера в WordPress і змініть URL-адресу серверного GTM.

gtm server-side for wordpress

Ось нарешті й все. Google Analytics на вашому веб-сайті WordPress працює зі спеціального субдомену та є стійким до адблокерів та ITP.

Розмістіть свій сервер GTM на Stape

Реєструючись, ви приймаєте Умови використання та Примітку про конфіденційність Stape