Уникайте блокування Google Tag Manager адблокерами

Блокування реклами (Ad Blocking) ні в якому разі не є чимось одностороннім, і вплив блокування скриптів відстеження виходить далеко за межі реклами.

Сьогодні багато говорять про програми та всілякі розширення для блокування реклами, але що це означає для користувачів? Однією з причин, чому люди можуть задуматися про встановлення блокувальників реклами на своєму пристрої або браузері, є дратівлива реклама та спливаючі вікна, які з’являються на сайтах. Але блокувальники реклами можуть впливати не тільки на рекламу.

У цій статті я розповім, як блокувальники реклами можуть впливати на скріпти відстеження, розміщені в Google Tag Manager. Я також покажу, як уникнути блокування GTM адблокерами за допомогою відстеження на стороні сервера.

Ця публікація не заохочує нікого відстежувати користувачів без їхнього дозволу. Ви завжди повинні поважати рішення користувачів і запитувати їх згоду, перш ніж запускати будь-які скріпти відстеження.

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

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

1. Створіть та налаштуйте серверний контейнер Google Tag Manager.

2. Увійдіть до свого акаунту в stape.io та виберіть контейнер-> Натисніть Power-ups -> Клацніть Конфігурація біля Custom GTM loader.

3. Вставте свій Web Google Tag Manager ID. Після того, як ви натиснете «Оновити», ви побачите змінений код GTM, який вам потрібно буде оновити на своєму веб-сайті.

Було внесено дві зміни:

• домен googletagmanager.com був замінений вашим кастомним субдоменом (у моєму випадку ss.wp-demo.stape.io)
• gtm.js було замінено на ottpwgmj.js

Ці зміни допоможуть уникнути блокування Google Tag Manager адблокерами.

4. Оновіть код GTM на своєму сайті за допомогою коду GTM, який ви скопіювали на попередньому кроці.

Увімкніть блокувальник реклами та за допомогою консолі перевірте, чи завантажено GTM. Код GTM не заблоковано, але ви можете побачити, що запит Google Analytics заблоковано. На наступному кроці я покажу, як запобігти блокуванню Google Analytics.

5. Щоб запобігти блокуванню скриптів Google Analytics, вам потрібно налаштувати Google Analytics на стороні сервера. Якщо ви просто додасте транспортну URL-адресу до тегу GA у веб-контейнері Google Tag Manager, більшість Ad Blocker і Brave все одно блокуватимуть запити GA.

Цей метод має кілька кроків:

• Налаштування Data Tag, який передаватиме дані користувача з Інтернету на серверний GTM
• Налаштування Data Client, який оброблятиме запити тегу даних у серверному контейнері GTM.
• Налаштування тегу UA в серверному контейнері, який оброблятиме інформацію із запитів Data Client.

6. Додайте Data Tag із веб-галереї шаблонів GTM.

7. Створіть новий тег -> Тип тегу Data Tag -> Виберіть назву події -> Додайте URL-адресу сервера GTM -> Додайте preview header -> Якщо ви натиснете Надіслати все з DataLayer і Надіслати загальні дані, це дозволить Data Tag надсилати всю інформацію, яку він може знайти у веб-GTM, на сервер GTM. Додайте дані про події та користувача, які потрібно надіслати в серверний контейнер.

8. Відкрийте серверний контейнер -> завантажте Data Client із вкладки Github -> Відкрийте вкладку шаблон і натисніть Додати новий у розділі Шаблони клієнта -> натисніть Зберегти.

9. Створіть нового Клієнта -> Тип клієнта Data Client

10. Створіть новий тег -> Тип тегу Universal Analytics (або Google Analytics 4) -> Додайте ідентифікатор Universal Analytics (або ідентифікатор GA4) -> Додайте client_id.

Теги Universal Analytics або Google Analytics 4 не працюватимуть без ідентифікатора клієнта.

Тут у вас є два варіанти:

• додати client_id вручну. У цьому випадку вам потрібно буде додати client_id в тег сервера UA
• використовувати client_id, який генерує тег даних. У цьому випадку вам потрібно буде ввімкнути «Завжди генерувати параметр client_id» у клієнті даних у серверному контейнері.

11. Створіть тригер для тегу UA -> Тип тригера Custom -> Client Name дорівнює Data Client

12. Відкрийте режим попереднього перегляду веб- та серверних контейнерів GTM. Ви повинні побачити, що тег даних запускається у веб-контейнері, а тег UA — у серверному контейнері.

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

Знову увімкніть режим попереднього перегляду в серверному GTM та скопіюйте preview header, натиснувши три крапки у верхньому правому куті -> Натисніть Надіслати запит вручну -> Копіювати HTTP X-Gtm-Server-Preview header.

Відкрийте акаунт в stape.io та виберіть контейнер -> натисніть Power-ups -> Preview Header config -> Вставте preview header, який ви скопіювали на попередньому кроці -> Зберегти.

Відкрийте свій веб-сайт з увімкненим блокувальником реклами. Відкрийте консоль і перевірте, чи спрацювали запити тегу даних.

Ви також повинні побачити, що тег UA спрацьовує під час попереднього перегляду Server GTM.

14. Щоб перевірити, чи працює Universal Analytics, можна використовувати звіти UA в реальному часі.

Висновок:Скопіюйте посилання на цей розділ

Google Tag Manager за своєю конструкцією не є інструментом відстеження і може використовуватися для багатьох інших цілей, крім відстеження поведінки користувачів на сайті. Ось чому заблокований GTM може негативно вплинути не тільки на Google Analytics, Facebook чи будь-який інший інструмент відстеження, але може діяти далеко за його межами.

У цьому блозі я показав, як використовувати Google Tag Manager на стороні сервера, щоб уникнути блокування GTM за допомогою Ad Blocker. Сподіваюся, цим методом не зловживатимуть. Зрештою, як саме налаштовувати Google Tag Manager, як описано в цій статті, вирішувати вам.