Диспетчер тегов Google или GTM сегодня является предпочтительным инструментом для добавления фрагментов кода JS в веб-приложения. GTM охватывает большинство вариантов использования, о которых мы только можем подумать, он бесплатен, и со временем вы, безусловно, сможете его освоить.

Часто мы хотим отделить производственную среду от среды разработки в GTM. Это может быть по нескольким причинам, например

  • Не хотите, чтобы данные из среды разработки искажали аналитику производственной среды.
  • Фрагмент работает в режиме более подробного ведения журнала во время разработки.
  • Сниппет находится в стадии тестирования и только после успешного запуска будет запущен в производство.

Создание триггеров в GTM

Если вы хорошо знакомы с GTM, вы знаете, что добавление тега (фрагмент JS — это разновидность тега в GTM) требует двух вещей:

  • Конфигурация тега
  • Курок

В этом случае у нас есть две разные конфигурации тегов для производства, а также для настройки разработки, скажем

<script> console.log('Development') </script>

и

<script> console.log('Production') </script>

Мы хотим запустить первый в среде разработки, а другой — в производственной среде.

Мы предполагаем, что ваша среда разработки работает по URL-адресу, например localhost, а рабочее приложение — по URL-адресу, например mywebsite.com.

Теперь нам просто нужно настроить разные триггеры для этих сред, используя триггеры в GTM.

Это должно перечислить все ваши существующие триггеры.

Нажмите кнопку «Создать»

Назовите триггер «Разработка всех страниц».

Нажмите «Конфигурация триггера» и выберите «Просмотр страницы».

Измените тип на «Некоторые просмотры страниц» и измените условие на «Имя хоста страницы», «содержит» «localhost».

Эти условия очень полезны, вы могли бы также использовать часть URL-адреса после имени хоста, например section1 в http://mywebsite.com/section1, для таргетинга триггера с использованием значения URL-адреса страницы. Это гарантирует, что фрагмент будет работать только на section1 страницах.

Интересно, что вы можете использовать значение «Referrer», чтобы обеспечить запуск фрагмента только тогда, когда пользователь переходит с определенного реферера. Например, если вы хотите запускать скрипт только тогда, когда люди переходят из Facebook, вы можете использовать его с «Referrer», «содержит» «facebook.com». Аккуратный.

Повторите те же шаги, что и выше, чтобы создать новый триггер с именем «Производство всех страниц».

Условие в этом теге должно быть «Имя хоста страницы», «содержит» «mywebsite.com».

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

Первоначально опубликовано на сайте browsee.io 16 августа 2018 г.