---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.6
alternate:
  - https://yandex.com.tr/support/metrica/en/webvisor/settings.md
  - https://yandex.com.tr/support/metrica/es/webvisor/settings.md
  - https://yandex.com.tr/support/metrica/pt/webvisor/settings.md
  - https://yandex.com.tr/support/metrica/ru/webvisor/settings.md
  - https://yandex.com.tr/support/metrica/tr/webvisor/settings.md
title: Подключение и настройка Вебвизора
description: Как подключить и настроить Вебвизор.
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/support/metrica/ru/llms.txt


# Подключение и настройка Вебвизора

## Подключение {#setup}

1. В Яндекс Метрике перейдите в раздел **Настройки**&nbsp;→ **Счетчик**.
2. Включите опцию **Вебвизор, карта скроллинга, аналитика форм**.
3. На вкладке **Вебвизор** переведите переключатель **Вебвизор** в положение **Вкл**.
4. Сохраните изменения.
5. Установите обновленный код счетчика на все страницы сайта.


{% note info %}

Вебвизор может отключиться, если вы не просматривали записи в течение последних 6 месяцев. Чтобы возобновить запись визитов, включите опцию снова.

{% endnote %}



## Настройка записи контента сайта {#record}

Вы можете управлять записью содержимого сайта:

- [полей для ввода](#record-field) — в интерфейсе Яндекс Метрики и с помощью CSS-классов;
- [других элементов сайта](#record-content) — с помощью CSS-классов.

### Настройка записи полей для ввода данных {#record-field}

Вебвизор записывает действия посетителей на сайте, в том числе заполнение полей, например, заполнение формы. При этом Яндекс Метрика распознает поля, в которые посетитель может вводить конфиденциальную информацию, например, имя и фамилию. Содержимое таких полей не будет зафиксировано: в записи Вебвизора вместо данных, которые посетитель вводил в такие поля, будут показаны звездочки.

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

Также вы можете влиять на запись полей с помощью CSS-классов (атрибут [class](http://www.w3schools.com/tags/att_global_class.asp)).


#|
||
**Название CSS-класса**
|
**Описание**
||
||
`ym-record-keys`
|
Позволяет разрешить запись содержимого поля. Используйте этот класс для элементов [textarea](https://www.w3schools.com/TAGS/tag_textarea.asp) и [input](https://www.w3schools.com/TAGS/tag_input.asp)
||
||
`ym-disable-keys`
|
Позволяет запретить запись содержимого поля. Используйте этот класс для элементов [textarea](https://www.w3schools.com/TAGS/tag_textarea.asp) и [input](https://www.w3schools.com/TAGS/tag_input.asp). Содержимое поля заменится на звездочки
||
|#

**Разрешить запись отдельных полей**

 
:   <!-- source: ru/_includes/definitons/webvisor-v2/settings/def-1.md -->
     
    1\. Отключите опцию **Записывать все поля**.

    2\. Задайте CSS-класс `ym-record-keys` для полей, содержимое которых хотите записывать.

    Вебвизор будет записывать поля, отмеченные CSS-классом `ym-record-keys`, кроме полей для ввода пароля. Содержимое полей, не отмеченных CSS-классом `ym-record-keys` заменится на звездочки.
    <!-- endsource: ru/_includes/definitons/webvisor-v2/settings/def-1.md -->

**Запретить запись отдельных полей**

 
:   <!-- source: ru/_includes/definitons/webvisor-v2/settings/def-2.md -->
     
    1\. Включите опцию **Записывать все поля**.
    2\. Задайте CSS-класс `ym-disable-keys` для полей, содержимое которых не нужно записывать.
        
    Содержимое отмеченных CSS-классом `ym-disable-keys` полей заменится на звездочки.
    <!-- endsource: ru/_includes/definitons/webvisor-v2/settings/def-2.md -->

Если Метрика ошибочно определила поле конфиденциальным, это можно исправить — отметьте поле CSS-классом `ym-record-keys`.

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

### Настройка записи других элементов сайта {#record-content}

По умолчанию Вебвизор записывает все содержимое страниц сайта, кроме полей, в которые посетитель может вводить конфиденциальную информацию, например, имя и фамилию. Вы можете влиять на запись контента сайта с помощью CSS-классов (атрибут [class](http://www.w3schools.com/tags/att_global_class.asp)). Например, запретить запись содержимого окна чата. Правила, определенные для класса, срабатывают для самого элемента и всех дочерних элементов, если не указано другое.


#|
||
**Название CSS-класса**
|
**Описание**
||
||
`ym-hide-content`
|
Позволяет запретить запись произвольного элемента сайта. Графический элемент будет отображаться серым, текст будет заменен на произвольный набор символов и отобразится размытым
||
||
`ym-show-content`
|
Позволяет разрешить запись произвольного элемента сайта. Этот класс можно использовать только для тех элементов, которые расположены внутри элементов, отмеченных CSS-классом `ym-hide-content`
||
|#

**Запретить запись отдельного элемента**

 
:   <!-- source: ru/_includes/definitons/webvisor-v2/settings/def-4.md -->
    Задайте CSS-класс `ym-hide-content` для элемента, содержимое которого не нужно записывать.
        
    Вебвизор будет записывать все элементы сайта, кроме тех, которые отмечены CSS-классом `ym-hide-content`. Если классом отмечен графический блок, то он заменится на серый блок, если классом отмечен текст, он заменится на произвольный набор символов и будет отображаться размытым.
        
    ![](../_assets/hide-content.png)
    <!-- endsource: ru/_includes/definitons/webvisor-v2/settings/def-4.md -->

**Разрешить запись отдельного элемента, размещенного внутри элемента, скрытого с помощью ym-hide-content**

 
:   <!-- source: ru/_includes/definitons/webvisor-v2/settings/def-3.md -->
    Например, так вы можете управлять записью блока с отзывами на сайте: скрыть имя пользователя и аватар, но записать текст отзыва. В результате аватар заменится на серый блок, имя пользователя заменится на произвольный набор символов и будет размытым, а текст отзыва запишется так, как видел его посетитель сайта во время визита.
        
    Если вы хотите разрешить запись произвольного элемента, который не является полем для ввода, внутри скрытого элемента, выполните следующее:

    1\. Задайте CSS-класс `ym-hide-content` для элемента, который хотите скрыть.
    2\. Задайте CSS-класс `ym-show-content` для элемента, который нужно записывать.
    <!-- endsource: ru/_includes/definitons/webvisor-v2/settings/def-3.md -->

**Внутри элемента, скрытого с помощью ym-hide-content, находится поле для ввода**

 
:   Например, для блока отзывов задан CSS-класс `ym-hide-content`, внутри этого блока находится форма для ввода отзыва. В этом случае Вебвизор не запишет блок отзывов, а содержимое полей заменится на звездочки.
    
    Чтобы Вебвизор записал содержимое поля, задайте для него CSS-класс `ym-show-content`. Если во время записи визита Метрика распознает поле как конфиденциальное, то его содержимое заменится на звездочки.
    
    Если вы задали для поля, расположенного внутри скрытого элемента, CSS-класс `ym-record-keys`, то содержимое поля также заменится на звездочки.

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

<!-- source: ru/_includes/styles/href-to-button.md -->

<!-- endsource: ru/_includes/styles/href-to-button.md -->
<!-- endsource: ru/_includes/buttons/chat-button.md -->

<!-- source: ru/_includes/popup/id-qanda/feedback-intro.md -->
<div class="cut-button">

{% cut "Написать письмо" %}

Выберите вопрос, чтобы найти решение.

{% list tabs radio %}

- Записан неправильный контент сайта

  Содержимое страницы в записи может отличаться от реального. Вероятно, на сайте часто меняются CSS. В этом случае добавьте в имена стилевых файлов хеш от содержимого. Тогда при изменении содержимого файла изменится его имя, например, `style.390b32d4d49d5e7d.css` будет изменено на `style.0c573d460df87d4de5a4.css`. Это позволит Вебвизору при записи визита использовать именно тот стиль, который видит посетитель сайта.

- Ошибка при воспроизведении записи

  Выполните следующие действия:

  - [Очистите кэш](https://yandex.ru/support/browser/personal-data-protection/cache-memory.html?lang=ru#clearing-cache) браузера.
  - Отключите все плагины и дополнения для браузеров.
  - [Удалите cookies](https://yandex.ru/support/browser/personal-data-protection/cookies.html#del-cookie) браузера.
  - Проверьте настройки файрвола — возможно, они блокируют работу скрипта счетчика Метрики. Также счетчик может быть заблокирован расширением [Adblock Plus](https://adblockplus.org).

  {% cut "Рекомендации выполнены, но ошибка появилась снова" %}


  <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.com.tr/surveys/1711/?&iframe=1&lang=tr">
    </iframe>
  </div>

  {% endcut %}

- Другой вопрос

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

  <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.com.tr/surveys/1711/?&iframe=1&lang=tr">
    </iframe>
  </div>

{% endlist %}

{% endcut %}

</div>

<!-- source: ru/_includes/styles/cut-button.md -->

<!-- endsource: ru/_includes/styles/cut-button.md -->
<!-- endsource: ru/_includes/popup/id-qanda/feedback-intro.md -->


<!-- source: ru/_includes/footer-links.md -->
- - -

<div class="borderless-table">

#|
||
Полезные ссылки

- [Демосчетчик](https://metrica.yandex.com.tr/r/dashboard?)
- [Добавить счетчик](https://metrica.yandex.com.tr/add/)
- [Бесплатная настройка счетчика](https://yandex.com.tr/promo/freeservice/metrica?utm_source=help_metrica_tr&utm_medium=cpc&utm_campaign=1)
- [API Яндекс Метрики](https://tech.yandex.com.tr/metrika/)
- [Предложить идею](https://yandex.com.tr/support/metrica/troubleshooting/idea.html)
- [Обсудить в Telegram](https://t.me/yandexmetrika)
|
Онлайн-обучение

- [Получить сертификат по Яндекс Метрике](https://yandex.ru/adv/expert/exam/metrika/?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)


- [Пройти обучающий курс](https://yandex.com/adv/edu/online/metrika?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)

||
|#

</div>

<!-- source: ru/_includes/styles/table-style.md -->

<!-- endsource: ru/_includes/styles/table-style.md -->
<!-- endsource: ru/_includes/footer-links.md -->

<!-- source: ru/_includes/styles/cut-button.md -->

<!-- endsource: ru/_includes/styles/cut-button.md -->

<!-- source: ru/_includes/styles/href-to-button.md -->

<!-- endsource: ru/_includes/styles/href-to-button.md -->
