Stape

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

Автор
Stape
Опубликовано
September 16, 2021
Также мы есть в

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

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

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

Install web GTM

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

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

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

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

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

avoid Google Tag Manager blocking by ad blockers

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

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

GTM code

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.

GTM Web template gallery

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. Добавьте данные о событиях и пользователях, которые вы хотите отправить в контейнер сервера.

Add event and user data you want to send to the server container

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

Add New in the Client Templates section

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 в серверном контейнере.

client id

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

a trigger for UA tag

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

 preview mode of the web and server GTM containers  
Data Tag triggered in the Web container and UA tag triggered in the server container

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

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

X-Gtm-Server-Preview HTTP header

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

preview header

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

Data Tag requests worked

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

UA tag triggered in the Server GTM preview

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

!

После завершения тестирования не забудьте удалить preview header из вашей учетной записи stape.io.

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

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

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

Хостите свой сервер GTM на Stape

Регистрируясь, вы соглашаетесь с Terms and Conditions и Privacy Policy Stape