---
metadata:
  - name: generator
    content: Diplodoc Platform v5.52.0
alternate:
  - https://yandex.ru/support/tag-manager/ru/debugger.md
  - href: ru/debugger.md
    type: text/markdown
    title: Markdown version
  - href: llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tag-manager/ru/llms.txt

# Режим предварительного просмотра

Режим предварительного просмотра (дебаггер) позволяет проверить работу контейнера Яндекс Тег Менеджера до его публикации.

В этом режиме вы можете:
- отслеживать события на странице;
- проверять срабатывание тегов и триггеров;
- контролировать передаваемые переменные.

Чтобы открыть режим предварительного просмотра:

1. В контейнере нажмите **Предварительный просмотр**.

   ![Кнопка Предварительный просмотр](_image/debugger-1.png){.border-yes}

1. Введите адрес сайта с установленным счетчиком Метрики и подключенным Тег Менеджером. При необходимости укажите конкретную страницу.


1. Нажмите на значок ![](_image/logo.svg) внизу страницы, чтобы открыть панель дебаггера.

   ![Кнопка для открытия панели](_image/debugger-2.png){.border-yes}

Все действия на сайте (например, просмотр, клики, отправка форм) будут фиксироваться в панели дебаггера.

   ![Панель дебаггера](_image/debugger-3.png){.border-yes}

## Вкладка «Теги»

На вкладке отображаются теги, которые активированы текущим событием.

![Вкладка Теги](_image/debugger-4.png){.border-yes}

Статусы тегов:

#|
||
**Иконка**
|
**Статус**
|
**Описание**
||
||
![](_image/play.svg)
|
**Активированные**
|
Условия выполнены, тег сработал
||
||
![](_image/nonactive.svg)
|
**Не активированные**
|
Условия не выполнены
||
||
![](_image/pause.svg)
|
**На паузе**
|
Остановленные теги
||
|#

Для каждого тега отображается:
- название и тип шаблона;
- условия активации и триггеры;
- список переменных и параметров;
- опция **Отображать переменные как** Имена/Значения.

{% cut "Подробная информация о теге" %}

![Вкладка Теги](_image/debugger-5.png){.border-yes width=750}

{% endcut %}

## Вкладка «Переменные»

Отображает переменные, которые доступны при срабатывании события.

![Вкладка Переменные](_image/debugger-6.png){.border-yes}

Для каждой переменной отображается:

- название;
- тип переменной;
- возвращаемый тип;
- значение.

## Дополнительные функции

- **Фильтр событий** — отбор по типам событий (например, клики).
- **Сводка** — статистика по сработавшим тегам и триггерам.
- **Автоматическое обновление** — автоматическое обновление данных при длительном бездействии.

## Как проверить работу тега

1. Запустите дебаггер и выполните действие на сайте (например, клик по кнопке).
1. Найдите событие в списке (например, **Клики – все элементы**).
1. Откройте вкладку **Теги** и убедитесь, что нужный тег активировался.

1. В разделе **Триггеры активации** проверьте, что выполнены условия активации.

1. На вкладке **Переменные** убедитесь, что данные передаются корректно.

## Вопросы и ответы

{% cut "Что делать, если тег не срабатывает" %}


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

{% endcut %}

<!-- source: ru/_include/footer.md -->
<!-- source: ru/_include/form.md -->
<details>
<summary class="button">Написать в службу поддержки</summary>

<br>

<div style="padding: 15px;
     margin: 10px 0;
     background: #FFFFFF;
     border-radius: 10px;
     border: 1px solid var(--g-color-line-generic);">
  <iframe style="background: #FFFFFF;"
        height="700"
        width="100%"
        frameborder="0"
        src="https://forms.yandex.ru/surveys/13738064.55171b12d596a82317d3faf7d6bd8e6f012dee5e/?&iframe=1">
  </iframe>
</div>
</details>




<!-- source: ru/_include/button.md -->

<!-- endsource: ru/_include/button.md -->
<!-- endsource: ru/_include/form.md -->

<!-- source: ru/_include/chat.md -->
[Написать в чат](https://yandex.ru/chat/#/user/036e6a02-3620-9cdc-4c5e-a34667a7379e?utm_source=spravka){.button}

<!-- source: ru/_include/button.md -->

<!-- endsource: ru/_include/button.md -->
<!-- endsource: ru/_include/chat.md -->
<!-- endsource: ru/_include/footer.md -->

<!-- source: ru/_include/border-style.md -->

<!-- endsource: ru/_include/border-style.md -->