Предварительный просмотр и отладка контейнеров

Убедитесь, что теги работают корректно.

Открыв сайт, на котором реализован код вашего контейнера в режиме предварительного просмотра в Google Менеджере тегов, вы можете протестировать текущий вариант конфигурации контейнера перед его публикацией. Если этот режим включен, вы увидите панель отладки в нижней части окна браузера. С ее помощью можно узнать, какие теги активируются и в каком порядке.

Примечание. В настоящее время панель отладки недоступна для контейнеров, используемых в мобильных приложениях. О том, как посмотреть и отладить мобильный контейнер, читайте в документации для разработчиков iOS и Android.

Как включить режим предварительного просмотра

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

Вы также можете посмотреть любую версию контейнера, выполнив следующие действия:

  1. На панели слева выберите Версии.
  2. Найдите нужную версию и нажмите Действие дальше Предварительный просмотр.

Как использовать режим предварительного просмотра

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

Если панель отладки не загружается, попробуйте запустить принудительное обновление. Браузер перезагрузит все кешированные объекты. В Chrome это можно сделать с помощью следующих быстрых клавиш:
  • в Windows и Linux: Shift + F5 или Ctrl + Shift + R;
  • в Mac: ⌘ + Shift + R.

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

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

  • Выберите Теги, чтобы узнать, какие теги активировались, а какие – нет. Нажав на тег, можно посмотреть его свойства и триггеры активации. Если выбрать в столбце слева событие, на вкладке "Теги" отобразится соответствующий этому событию статус тегов.
  • На вкладке Переменные приведены подробные сведения о переменных в выбранном событии. Таким образом, вы можете посмотреть тип переменной, возвращаемых данных и полученное значение. Выбрав на панели слева событие, вы увидите статус переменных на момент активации.

  • На вкладке Уровень данных показан объект сообщения в том виде, в каком он был передан на уровень данных для выбранного события. Вы также увидите, как выглядит уровень данных после передачи сообщения. Выбрав на панели слева событие, вы увидите статус уровня данных на момент активации.

Как поделиться ссылкой для предварительного просмотра

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

Как предоставить доступ к конфигурации рабочей области:

  1. Нажмите Поделиться ссылкой для просмотра в баннере с оповещением.
  2. В открывшемся диалоговом окне укажите домен сайта (например, https://example.com/).
  3. Скопируйте URL предварительного просмотра.
  4. Вставьте URL в сообщение в чате или электронной почте и отправьте его коллеге. Ссылка ведет на целевую страницу с уведомлением о включении режима предварительного просмотра в браузере.

Как выйти из режима предварительного просмотра

Из своего контейнера:

  1. Нажмите Рабочая область.
  2. Нажмите Выйти из режима предварительного просмотра.

Из просмотра по ссылке:

  1. Нажмите на ссылку, которую вам прислали для перехода в предварительный просмотр.
  2. Нажмите Выйти из режима предварительного просмотра и отладки.
Была ли эта статья полезна?
Как можно улучшить эту статью?