Диспетчер тегов 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 г.