Rivalry2

HTML Diff

3 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>28 ноя 2019</li>

3 <li>0</li>

4 </ul><h2>"Вебвизор" в "Яндекс.Метрике": зачем он нужен и как его настроить</h2>

5 Чтобы понять клиента, нужно взглянуть на продукт его глазами. Один из самых простых способов это сделать - настроить "Вебвизор" для своего сайта.

6 vlada_maestro / shutterstock

7 Пишет про дизайн и маркетинг в Skillbox Media. С 2011 по 2017 год писала про бизнес в деловые СМИ, соучредитель агентства копирайтинга "Абзац".

8 "Вебвизор" - это один из бесплатных инструментов, встроенный в сервис "Яндекс.Метрика". Он нужен для того, чтобы наблюдать за поведением пользователей во время посещения сайта и записывать видео их действий на сайте.

9 С помощью этой функции можно отследить:

10 <ul><li>клики;</li>

11 <li>перемещения курсора;</li>

12 <li>ввод данных с клавиатуры;</li>

13 <li>выделение и копирование текста;</li>

14 <li>прокрутку страниц;</li>

15 <li>переходы по страницам;</li>

16 <li>визиты с мобильных устройств.</li>

17 </ul>"Вебвизор" позволяет записывать до 150 тысяч визитов в сутки - даже для крупного проекта этого достаточно, чтобы найти закономерности в поведении пользователей и оценить юзабилити. Если посетителей будет больше, система не просто запишет первые 150 тысяч, а сделает релевантную выборку.

18 Ролики хранятся 15 дней и воспроизводятся во встроенном плеере. Изучив их, вы сможете прояснить для себя:

19 <ul><li>какой контент интересует пользователей больше всего;</li>

20 <li>как ведут себя клиенты после перехода по рекламным объявлениям;</li>

21 <li>эффективно ли работают формы регистрации;</li>

22 <li>удобно ли устроены процессы регистрации и оформления заказа;</li>

23 <li>насколько доступны различные элементы сайта;</li>

24 <li>какие проблемы испытывают посетители при работе с ресурсом.</li>

25 </ul>С помощью "Вебвизора" можно также собрать статистику:

26 <ul><li>по источникам трафика;</li>

27 <li>по запросам, которые приводят посетителей на страницу;</li>

28 <li>по географии;</li>

29 <li>по дате посещения и времени, проведенному на сайте;</li>

30 <li>по браузерам и операционным системам пользователей.</li>

31 </ul>Список записей из "Вебвизора"Перед тем как начать работать с "Вебвизором", убедитесь, что на вашем сайте используется кодировка UTF-8, а в HTML-верстке нет дефектов. Если в структуре встречается много незакрытых или неправильно вложенных тегов, запись может не включиться или сработать некорректно. Разработчики пишут, что с мелкими дефектами "Вебвизор", скорее всего, справится, но лучше перестраховаться.

32 У "Яндекс.Метрики" есть две версии инструмента: основной "Вебвизор 1.0" и "Вебвизор 2.0", который находится на стадии бета-тестирования и пока еще активен не у всех пользователей. Новая версия даёт больше возможностей: записывает переключения между вкладками, фиксирует элементы со сторонних сервисов (например, рекламные блоки), наглядно показывает, как выглядит сайт с мобильного устройства, и указывает время, когда пользователь бездействует.

33 При этом "Вебвизор 2.0" не записывает элементы, которые отображаются с помощью <iframe>и <canvas>.

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

35 Подключение "Вебвизора"По умолчанию инструмент будет фиксировать всё содержимое сайта (но можно указать адреса отдельных страниц) и закрывать звездочками поля с конфиденциальными данными пользователей. Что именно оставить приватным, система распознает автоматически. Если отключить в настройках опцию "Записывать все поля", "Вебвизор" перестанет сохранять их содержимое.

36 При необходимости можно открыть доступ к отдельным формам для заполнения. Для этого включите опцию записи, а затем в HTML-разметке "Яндекс.Метрики" задайте CSS-классym-record-keysтем полям, которые хотите оставить. Это может пригодиться, если вы считаете, что алгоритм спрятал важную информацию по ошибке. Чтобы скрыть определённые поля, используйте CSS-классym-disable-keys.

37 Поля для записи обозначаются тегом<input>, а их содержимое - элементом<textarea>. Классы применяются именно к ним.

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

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

40 У "Вебвизора" большой набор фильтров, поэтому вы можете просматривать и анализировать только те визиты, которые кажутся наиболее важными. Ещё настройки позволяют составлять комбинации из условий.

41 Фильтры в "Вебвизоре"Если недавно вы запустили рекламную кампанию, можно отдельно просмотреть, как вели себя пользователи, которые пришли именно благодаря платному трафику. Здесь же пригодится фильтр по региону: если его применить, станет ясно, как сработали объявления в разных городах.

42 Также вы можете задавать цели и фильтровать визиты относительно их. Это позволит посмотреть, к примеру, что делали пользователи, которые так и не положили товар в корзину.

43 Чтобы данные были более "чистыми", сделайте так, чтобы "Вебвизор" не записывал ваши действия. Для этого в меню"Фильтры"установите галочку в графе"Не учитывать мои визиты". Если у компании большой штат, лучше создать фильтр по IP и исключить из записи один статичный адрес или целый диапазон.

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

45 Чтобы данные "Вебвизора" были полезными, нужно анализировать их и принимать на основе этой информации верные решения. На курсе "<a>Интернет-маркетолог от Ingate</a>" есть отдельные модули, посвящённые веб-аналитике и юзабилити. Изучив их, вы научитесь настраивать "Яндекс.Метрику" и Google Analytics, работать с данными, выявлять с их помощью "узкие места" и исправлять ошибки.

46 + Интернет-маркетинг на практике

47 + Вы изучите SMM, копирайтинг, таргетинг и продвижение в интернете. На примере кафе с доставкой еды вы разберёте, как продвигать бизнес в интернете, и соберёте сильное портфолио.

48 + <a>Пройти бесплатно</a>

46 <a>Попробуйте 4 профессии в интернет-маркетинге на практике ➞На бесплатном мини-курсе вы исследуете ЦА, создадите сайт, оформите социальные сети, напишете продающие тексты и настроите рекламу. Смотреть программу</a>

49 <a>Попробуйте 4 профессии в интернет-маркетинге на практике ➞На бесплатном мини-курсе вы исследуете ЦА, создадите сайт, оформите социальные сети, напишете продающие тексты и настроите рекламу. Смотреть программу</a>