Как избежать блокировки Google Tag Manager со стороны Ad Blockers

Блокировка рекламы отнюдь не является улицей с односторонним движением, и влияние блокировки скриптов трекинга распространяется далеко за пределы только рекламы.

В наши дни много говорится о приложениях и расширениях для блокировки рекламы, но что они действительно приносят пользователям? Одна из причин, по которой люди могут задуматься об установке адблокеров на свое устройство или браузер, - это раздражающая реклама и всплывающие окна, которые появляются на сайтах. Но не только на рекламу могут влиять AdBlockers.

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

Этот пост не призывает отслеживать пользователей без их разрешения. Вы всегда должны уважать решения пользователей и спрашивать их согласия перед запуском любых скриптов отслеживания.

Некоторые люди могут использовать GTM для целей, не связанных с отслеживанием (например, для внедрения разметки схемы или добавления чата на сайт). Если GTM будет заблокирован, это может негативно сказаться на органическом рейтинге или обслуживании клиентов.

Как Ad Blockers влияют на Google Tag ManagerСкопировать ссылку на этот раздел

Adblocker - это программное обеспечение или расширение браузера, которое может изменять или удалять рекламный контент с веб-сайтов. Он может блокировать рекламу, отслеживание и другой контент, используя различные методы. Одним из таких методов является использование URL-адреса, с которого был получен этот контент.

По умолчанию большинство блокировщиков рекламы предотвращают показ только рекламных объявлений. Это можно сделать либо зная URL рекламной сети (из-за определенной базы данных URL, которая является частью рекламных сетей), либо используя названия тегов в коде.

Настройка блокировщика рекламы по умолчанию не повредит Google Analytics или Google Tag Manager. Они будут блокировать только рекламу на странице, которую посещает пользователь.

Но пользователи могут изменить настройки и попросить Ad Blocker удалить любые скрипты отслеживания. В этом случае Google Tag Manager не будет работать. Это означает, что все скрипты отслеживания, которые вы добавили внутри менеджера тегов, не будут работать. Если вы добавите скрипты Google Analytics вне Google Tag Manager, они также будут заблокированы.

В последние несколько лет все больше и больше людей используют блокировщики рекламы, ради ее избежания. Поскольку расширенные настройки AdBlocker могут влиять на GTM, ваши метки тоже будут затронуты. Люди могут даже не знать, что они заблокировали возможность связаться со службой поддержки через чат на сайте.

Как избежать блокировки Google Tag Manager со стороны Ad BlockersСкопировать ссылку на этот раздел

1. Создайте и настройте серверный контейнер Google Tag Manager.

2. Войдите в свою учетную запись stape.io -> Нажмите на Settings в правой части контейнера -> Нажмите на Install web GTM

3. Вставьте свой id в Web Google Tag Manager. После нажатия кнопки update вы увидите модифицированный код GTM, который нужно добавить на свой сайт.

В этом коде вы заметите, что

https://www.googletagmanager.com/gtm.js

будет заменен на (в моем случае)

https://ss.wp-demo.stape.io/ottpwgmj.js  

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

Это изменение поможет избежать блокировки Google Tag Manager.

4. Обновите код GTM на вашем сайте кодом GTM, который вы скопировали из админки stape.io.

Включите блокировщик рекламы и с помощью консоли проверьте, загружен ли GTM. Код Google Tag Manager не был заблокирован, но вы можете увидеть, что запрос Google Analytics был заблокирован. В следующем шаге я покажу, как предотвратить блокировку Google Analytics.

5. Чтобы предотвратить блокировку скриптов Google Analytics, необходимо настроить Google Analytics на стороне сервера. Если вы просто добавите URL-адрес transport к тегу GA в веб-контейнере Google Tag Manager, большинство Ad Blocker и Brave все равно будут блокировать запросы GA.

Этот метод состоит из нескольких шагов:

- Настройка Data Tag, который будет передавать данные пользователя с веб-сайта на сервер GTM

- Настройка Data Client, который будет обрабатывать запросы Data Tag внутри серверного контейнера GTM.

- Настройка тега UA в контейнере сервера, который будет обрабатывать информацию из запросов Data Client.

6. Добавьте Data Tag из галереи шаблонов GTM Web.

7. Нажмите create a new tag -> Tag type Data Tag -> Выберите имя события -> Нажмите Add URL server GTM -> Добавьте заголовок предварительного просмотра -> Если вы включите опции Send all from DataLayer и Send Common Data, это позволит тегу Data Tag отправлять всю информацию, которую он может найти в wed GTM, на сервер GTM. Добавьте данные о событиях и пользователях, которые вы хотите отправить в контейнер сервера.

8. Откройте server container -> загрузите Data Client с Github -> откройте template tab и нажмите Add New в разделе Client Templates -> нажмите Save.  

9. Create a new Client -> Client type Data Client

10. Создайте новый тег -> Тип тега Universal Analytics (или Google Analytics 4) -> Добавьте ID Universal Analytics (или GA4 ID) -> Добавьте client_id.

Теги Universal Analytics или Google Analytics 4 не будут работать без идентификатора клиента.

Здесь у вас есть два варианта:

- добавить client_id вручную. В этом случае вам нужно будет добавить client_id в тег UA-сервера

- использовать client_id, который генерирует Data Tag. В этом случае вам нужно будет включить "Всегда генерировать параметр client_id" в Data Client в серверном контейнере.

11. Создайте триггер для события UA -> Trigger type Custom -> Client Name equals Data Client

12. Откройте режим предварительного просмотра (preview mode) веб- и серверного контейнеров GTM. Вы должны увидеть, что Data Tag сработал в веб-контейнере, а тег UA сработал в контейнере сервера.

13. Если вы видите, что теги Data Tag и UA tag сработали в контейнере сервера, опубликуйте веб-контейнер и контейнер сервера. Теперь вы можете протестировать настройку с помощью adblocker. 

Снова включите режим предварительного просмотра сервера GTM и скопируйте заголовок предварительного просмотра, нажав на три точки в правом верхнем углу, затем нажмите отправить запрос вручную -> Скопируйте HTTP-заголовок X-Gtm-Server-Preview.

Откройте stape.io account -> Нажмите Settings -> Preview Header config -> Paster preview header, который вы скопировали на предыдущем шаге.

Откройте свой сайт с включенным адблокером. Откройте консоль и проверьте, сработали ли запросы Data Tag.

Вы также должны увидеть, что метка UA сработала в предварительном просмотре Server GTM.

14. Чтобы проверить, что Universal Analytics работает, вы можете использовать отчеты UA Real-Time.

Заключение:Скопировать ссылку на этот раздел

Google Tag Manager не является инструментом отслеживания по своей идее и может быть использован для многих других целей, кроме отслеживания поведения пользователей на сайте. Именно поэтому блокировка GTM может негативно повлиять не только на Google Analytics, Facebook или любой другой инструмент отслеживания, но и выйти далеко за его пределы.

В этой статье я показал, как использовать серверный Google Tag Manager, чтобы избежать блокировки GTM блокировщиком рекламы. Надеюсь, этот метод не будет применяться не по назначению. В конце концов, вам решать, настраивать или нет Google Tag Manager, как описано в этой статье.