Наблюдение за поведением посетителей с помощью сервиса Webvisor — Сосновский.ру
🔋 В телеграме @sosnovskij я публикую посты, которых нет в блоге. Подпишись, чтобы не пропустить ничего интересного 💪. Например, недавно я провел исследованиие на 2000+ сайтах «Доверять ли Similarweb?» (данные по сравнению поискового трафика только в телеграме).Привет, друзья! Помните, я вам рассказывал как определить самые горячие места на сайте? Карты кликов пользователей благодаря тому методу получаются достаточно наглядными и полезными. Но там есть одно «но». Скрипт достаточно хорошо грузит сервер и постоянная его работа сильно тормозит скорость загрузки страниц. Как же следить за посетителями проекта и не сильно грузить вашего хостера? А ответ я нашел в сервисе webvisor. Речь о нем и пойдет.
Вообще полная версия сервиса платная, но есть и бесплатная, которой, на мой взгляд, вполне будет достаточно. Webvisor выступает в роли и обычной статистики (количество посещений, браузеры, ключевые слова, по которым пришли пользователи и так далее), но он более ценен как сервис наблюдения за активностью посетителей.
Что умеет webvisor?
1) Составлять карту кликов (кликабельно):
2) Карту внимания посетителей (кликабельно):
3) Карту скроллинга (кликабельно):
4) И самое главное следить за мышкой посетителя и его набором текста с клавиатуры:
Отслеживается движение мышкой пользователя, набор текста с клавиатуры, а также выделение и копирование текста. Когда я первый раз начал смотреть ролики, то был немного удивлен. Было интересно понаблюдать как кто-то двигает мышкой или вводит запрос в поисковой форме.
Все что нужно это вставить в шаблон сайта небольшой код и webvisor будет собирать статистику. Есть 2 бесплатных режима: «бесплатный» и «некоммерческий». В бесплатном стоит ограничение на просмотр только 2-х посещений и данные хранятся только 2 дня. В режиме «некоммерческий» ограничение только на хранение данных до двух дней. Также в бесплатных версиях нельзя архивировать данные, экспортировать их в excel и воспроизводить посещения в авторизованных зонах.
Вы, наверно, уже заметили небольшую кнопку внизу каждой страницы моего блога (некоторые как я видел уже кликали на нее 
В общем, сервис webvisor достоин внимания, так как предоставляет очень интересную, а главное полезную статистику при том, что не нагружает ресурсы. А вы пробовали данный сервис? Нужна ли вам такая статистика?
предоставлена хорошая замена, но «осадочек» остался / Habr
Уважаемый пользователь системы WebVisor!Извещаем вас, что с 10 июня сервис WebVisor.ru прекращает свою работу в связи с переходом технологии WebVisor в компанию Яндекс. Вся функциональность, которая была доступна в сервисе WebVisor.ru, будет доступна в сервисе Яндекс.Метрика.
Благодарим вас за использование нашего сервиса. В качестве компенсации за возможные неиспользованные в системе WebVisor.ru бонусы предлагаем вам инвайт в систему ВебВизор, интегрированную в Яндекс.Метрику.
В этом сообщении написано о компенсации для текущих пользователей Webvisor. Из сообщения можно понять, что инвайт был отправлен всем пользователям сервиса. В сервисе были как платные так и бесплатные аккаунты. И у меня, как у пользователя, который оплатил удобный для себя сервис в надежде на его развитие, сложилось двоякое впечатление об этом сообщении.
Мысли о таком закрытии сервиса и вопросы разработчикам этой технологии в Яндекс:
Всем пользователям дали аналогичную замену, но которая (по ощущению) через некоторое время просто обесценится (кажется, что эта технология в Яндекс скоро будет почти бесплатная и доступна для всех). Я понимаю, что это хорошее предложение со стороны Яндекс, и многие были бы рады ему. Но в одном комментарии разработчика сервиса было предложение одному участнику предоставить такой же инвайт, если он просто станет бета тестером сервиса Метрики. Понимаешь, что живешь в России и по «законам жанра»: Ты вроде как вложил в сервис «свои силы», а ощущения что это оценили нет.
Текущие впечатления и вопросы на счет перерождения сервиса:
1. Видно, что одно из преимущество Webvisor (интерфейс просмотра статистики) все-таки сохранили один-в-один. Это радует.
2. Но вот, что на счет текущей собранной базы статистики для каждого пользователя Webvisor?
Webvisor — это прежде всего система аналитики. И будет большое упущение не перенести ее в новый интерфейс Метрики. И судя по себе — это не было сделано. В метрике я не увидел предшествующую статистику из WebVisor и никакого упоминания об этом не присутствует.
UPD: Комментарий руководитель сервиса WebVisor расставил все точки на ё. Спасибо.
Анализ страниц сайта с помощью вебвизора
Ни для кого не секрет, что поведению пользователей на сайтах сейчас придается большое значение. Причиной послужили, с одной стороны, заявления поисковых систем о том, что они будут использовать поведение пользователейв качестве факторов ранжирования, а с другой — тенденция к улучшению юзабилити и конверсионности сайтов. Пришло время перехода количества в качество. Меня как веб-аналитика это, несомненно, радует, что вместо примитивных некачественных сайтов появляются новые интересные проекты.Сегодня мы поговорим о таком инструменте в системе аналитики «Яндекс. Метрика», как вебвизор. Он как раз и предназначен для детального изучения поведения пользователей на страницах сайта. Инструмент очень гибок и позволяет просмотреть все действия, которые посетитель совершает на вашем сайте. Давайте посмотрим, как установить и настроить вебвизор, как использоваться и анализировать данные.
1. Установка вебвизора
Установка данного инструмента очень проста. Перед тем как установить код, необходимо активировать вебвизор в интерфейсе и получить код счетчика. За наличие вебвизора и его работоспособность отвечает элемент webvisor:true. Типичная ошибка при установке состоит в том, что данный элемент включают (ставят галочку), но при этом забывают обновить код на странице. Естественно, в этом случае вебвизор работать не будет, поэтому обязательно заменяйте код счетчиков в тех случаях, когда меняете какие-либо настройки.
.
Не хотелось бы подробно останавливаться на установке. Считаю, что здесь все просто и достаточно подробно описано в разделе «помощь» от Яндекс Метрики. Ознакомиться с рекомендациями можно по ссылке: http://help.yandex.ru/metrika/webvisor/activate-webvisor.xml
Интересно, что вебвизор может записать до 1000 посещенийза день. Это обеспечивает хорошую выборку для анализа поведения. Данные хранятся 14 дней, после чего удаляются.
2. Настройка вебвизора
На мой взгляд, настройка требует дополнительного освещения, т.к. именно к этому этапу относится большая часть вопросов наших клиентов. В справке дано описание (http://help.yandex.ru/metrika/webvisor/activate-webvisor.xml ), но оно, как правило, либо не разрешает проблем, возникающих при настройке, либо просто непонятно пользователю. Что надо сделать, чтобы вебвизор записывал именно то, что видит посетитель, а не то, что находится у смотрящегов браузере по умолчанию? Как правильно настроить вебвизор, если инструкция непонятна? Давайте разберем на примере.
Настройки вебвизора имеют следующий вид:
Как настроить интерфейс вебвизора, чтобы мы могли просматривать данные
Если активно «архивировать страницы сайта», то робот метрики будет сохранять содержимое вашего сайта и показывать поведение пользователя на основе сохраненных данных о страницах сайта. Сложность здесь состоит в следующем: если вы обновили данные на странице, робот не всегда успевает ее пересохранить. В результате при просмотре будет доступна старая версия сайта, но поведение пользователя будет записано уже по новому интерфейсу. Проще говоря, на старый макет сайта будут записаны действия посетителя, совершенные на новом варианте сайта. Если стоит задача записывать реальные данные прямиком с сайта, необходимо воспользоваться пунктом «запись содержимого страниц». Здесь данные можно загружать как из браузера пользователя, так и прямо с сайта.
- если сохранение идет из браузера пользователя, могут возникнуть некоторые сложности. В частности, могут по-разному отображаться поля форм, задваиваться данные, съезжать верстка страницы. Это явление носит не массовый характер, но создает некоторые трудности при просмотре поведения посетителей. Например, вот так:
- если сохранение идет с сайта, то при каждом посещении метрика сохраняет все данные о странице в своем интерфейсе. Этот метод более точен, но в то же время создает дополнительную нагрузку на сайт. Результаты наших экспериментов говорят о том, что лучше использовать данный метод при невысокой посещаемости сайта.В этом случае дополнительная нагрузка почти не скажется на отображении сайта. Если посещаемость значительная, загрузку лучше вести из браузера пользователя.
Разберем, как необходимо заполнять поле страниц для сохранения.
Итак, у нас есть интернет-магазин с корзиной
- /cart/ — корзина на сайте
- /cart/oformlenie/ — процесс оформления заказа
- /cart/done/ — страница thankyoupage на сайте
Соответственно, чтобы сохранять пользовательские данные с этих страниц, необходимо заполнить поле следующим образом:
В примерах Яндекс.Метрики содержатся дополнительные варианты организации сохранения страниц:
- /index.html
- page.php?r=3
- regexp:http://site.ru/.*
- regexp:.*
Данное поле понимает регулярные выражения. Это удобный инструмент для динамических страниц вашего сайта, а не ЧПУ. Последний вариант в приведенном выше примере означаетсохранение всех страниц сайта без исключения.
Загрузка страниц в плеер может быть выполнена двумя способами:
- Загрузка от вашего имени. Данные загружаютсяс сайта так, как вы бы ихувидели. В этом случае, если вы залогинены на сайте либо у вас сохранились какие-либо cookies, метрика покажет это при просмотре. В большинстве случаевтакой способ усложняет анализ данных, поэтому советуем использовать второй вариант.
- Загрузка от имени анонимного пользователя. В этом случае запись идет от пользователя, который никогда ранее не был на сайте. Пункт»архивировать содержимое сайта» устанавливается по умолчанию.
3. Интерфейс инструмента
Вебвизор всегда можно найти во вкладке «Поведение» отчетов сервиса «Яндекс. Метрика». Там же находится интересный инструмент «Аналитика форм», который тесно связан с вебвизором (о нем мы поговорим позже). 
Интерфейс вебвизора представляет собой таблицу с записями посещений пользователей. Выпадающий список и временная шкала, на которой отображаются все действияпользователя, помогут увидетьего передвижения по сайту. Каждый цвет на временной шкале означает какое-либо действие посетителя. Более подробно с интерфейсом можноознакомиться в справке:
http://help.yandex.ru/metrika/webvisor/replaying.xml
В настройках в левом верхнем углу можно задать те таблицы и условия, которые вам необходимы. Это очень удобно и наглядно, если делать выборку по какому-либо признаку.
Также в вебвизоре существует возможность автоматически сформировать выборку из похожих посещений. Для этого необходимо в правом углу выбрать значок «воронки», где и найти нужный признак. Данный элемент удобен для анализирования похожих посещений, он сэкономит вам большое количество времени.
Однако основным достоинством анализа посещений в вебвизоре все же является возможность сегментации пользователей. Вы можете задавать большое количество различных условий: просматривать пользователей, которые достигли цели (заказ, оформление заявки или другие цели, которые были установлены на вашем аккаунте), источники (по поисковым запросам, социальным сетям, рекламе и т.д.), качественные (время просмотра, посещения с активностью) и технические (браузеры, операционные системы, широта и высота экрана и т.д.) показатели посещений.
Можно задавать несколько условий, чтобы делать выборку показываемых сессий наиболее сегментированной.
4. Анализ сайта при помощи вебвизора
Сегментационный анализ является основополагающим в веб-аналитике. Анализ вебвизора также советуем построить на сегментировании, которое можно произвести с помощью фильтров. В нашей работе мы используем большое количество сегментов, чтобы детальнее изучить аудиторию проекта. Ниже приведены наиболее частые сегменты, анализ которых проводится в обязательном порядке.
a. По времени на сайте
С помощью вебвизора можно отследить нерелевантный трафик. Как правило, пользователь сразу видит, если попал не туда. Для понимания этого факта ему хватает около 5 секунд, поэтому устанавливая такой временной фильтр, можно отловить тех, кто не заинтересован в информации на сайте. Здесь можно сразу оценить источник таких переходов и основные действия пользователей. Как правило, это перемотка страницы вверх вниз и закрывание страницы. Необходимо уменьшать количество таких переходов, проводя анализ рекламных источников и избавляясь от неэффективных.
Пользователи, которые задерживаются на сайте от 10 до 20 секунд, по нашему мнению, уже более заинтересованы информацией, которая предоставлена на сайте.
Если такой пользователь все же уходит с сайта, это может быть вызвано следующими причинами:
- на вашем сайте нет информации, которую он ищет. Здесь следует провести соответствие между ключевым запросом, по которому пришел пользователь, и той информацией, которая имеется на сайте. В случае отсутствия ее необходимо добавить.
- интерфейс вашего сайта непрезентативен и неудобен для понимания. Здесь следует провести аудит юзабилити, который поможет понять, что необходимо пользователю на данной странице, а затем внести соответствующие правки. При такой сегментации можно обнаружить большое количество мелких неточностей в дизайне и работе сайта. В нашей работе при данном фильтре анализировался лендинг, вследствие чего было обнаружено более 10 пунктов, которые мешали адекватному и быстрому заполнению формы заказа. Только их исправление помогло увеличить конверсию на 22%, поэтому данная сегментация является основополагающей. Также можно изучать поведение в промежутке от 15 до 30 секунд, если на сайте представлено большое количество информации и форм для заполнения.
b. По источнику посещения
Другой важной операцией является сегментацияпо источнику посещения. В этом случае анализируется поведение пользователей из конкретного источника: с сайта, с поисковой системы, с баннерной системы. Здесь можно узнать вовлеченность получаемого трафика.
К примеру, не так давно в сети появилась информация о том, что боты накручивают системы рекламы. Аналогичная ситуация наблюдалась и у нас, причем боты были довольно качественными: листали страницы сайта, было различное время посещения, различные пути по сайту, но паттерн поведения был одинаков. Изучив это явление, мы вовремя пресекли деятельность ботов и спасли бюджет клиентов. Вебвизор помог нам отсеять некачественный трафик.
c. По целевым визитам
К наиболее важным операциям относится и фильтрация по целевым визитам. Здесь в поле фильтра необходимо выбрать какую-либо цель из KPI вашего сайта. Это может быть заказ товара, оформление заявки, заявка на обратный звонок и т. д.
Это основополагающий анализ, который помогает понять путь посетителя от страницы входа до совершения конверсии. Здесь важно понимание того, как пользователь следует по страницам, что нажимает, что ему мешает или вызывает затруднения. В процессе своей работы мы просматриваем большое количество сессий по данному фильтру. Все замеченные трудности выписываем в отдельный файл, после чего формируем гипотезы по улучшению проекта.
d. Аналитика форм
Анализ форм является неотъемлемой частью анализа при помощи вебвизора. С его помощью можно узнать, какие пунктыне были заполнены при отправке, а также поля форм, с которых уходят пользователи. Через вебвизор можно воспроизвести все посещения тех пользователей, которые полностью отправили данные или взаимодействовали, но не отправили данные. Цель такого анализа — выявить ошибки в форме, а также трудности, с которыми сталкиваются пользователи, чтобы оперативно устранить все неудобства и лишние поля. По нашему опыту, использование данного инструмента помогает значительно увеличить конверсию с любых форм сайта.
В данной статье не хотелось обойтись просто теорией. Покажем практическое использование данной методики. Для анализа был взят сайт по продаже товаров для нумизматов albom-monet-msk.ru. Давайте пройдемся по пунктам и узнаем все «слабые» места сайта, используя для этого Вебвизор от Яндекс метрики.
1. Анализ не целевого трафика — продолжительность визита до 5 секунд
Для анализа нецелевого трафика мы установили продолжительность посещения сайта менее 5 секунд.
2. Анализ представления информации — продолжительность визита от 5 до 15 секунд
Здесь мы расширили время на сайте и установили промежуток между 5 и 15 секундами пребывания.
Так, мы заметили, что очень много пользователей уходит после просмотра фото продукции. Здесь родилась гипотеза о том, что необходимо поменять фон у фотографий. Сейчас он выглянет не очень презентабельно. Также очень многие пользователи пролистывали карточки товара и уходили. Видимо не найдя нужной информации или кнопки купить. Здесь мы посоветовали более полно расписать о каждом товаре, добавить расшифровку по наборам (какие монеты входят в альбом с монетами) и изменить карточку товара, чтобы повысить её конверсию (был создан отдельный макет). Конечно же, все гипотезы будут проверятся через А/Б тестирование.
3. Анализ трафика по источнику: поисковый трафик, социальные сети и контекстная реклама
Далее мы анализировали отдельно каждый канал трафика: что делают пользователи на сайте, чем интересуются, какая последовательность шагов в заказе и что мешает им сделать этот заказ. Так, обнаружили достаточное количество пунктов, которые можно улучшить. Для примера мы выбрали запрос из контекстной рекламы. Запрос пользователя звучит как «набор монет красная книга 15 монет 1991-1994 года».
Действительно, на странице, на которую ведет рекламная кампания, можно купить данный набор монет. Однако, чтобы это узнать, нужно внимательно прочитать текст, и выбрать категорию товара «альбом с монетами». Здесь нарушается одно из основных правил рекламы — соответствие заголовков. Пользователь хотел набор, а ему показывают альбом. Хоть и существует возможность купить набор, но сделать это трудно, т.к. его заказ далеко неочевиден.
Поэтому мы посоветовали создать отдельную товарную карточку для набора монет и вести рекламную компанию уже на неё.
Анализ по целевым визитам
Для анализа по целевым визитам мы выбрали цель «посещение заказать», т.е. фактически посещение корзины сайта.
Здесь мы просмотрели много сессий и увидели одну закономерность — очень большой процент пользователей, которые уже положили в корзину товар уходят со страниц «Контакты» и «О компании».
5. Анализ формы заказа на сайте
Анализ форм здесь проводили для страницы оформления заказа. По умолчанию на сайте 2 формы — одна для пользователей из Москвы, другая — из регионов. Анализ форм дает исчерпывающую информацию по взаимодействию с формами. Здесь мы акцентировали свое внимание на поля, с которых пользователи уходят с сайта. Так, для формы заказа для регионов большинство уходят с 1 шага — «Укажите своё ФИО». Действительно, в поле для заказа из Москвы данное поле названо просто «Имя». Для регионального заказа это сделано специально, т.к. для отправки заказа по почте РФ нужны полные данные по ФИО. Соответственно, мы посоветовали сделать небольшую подсказку, которая бы объясняла потенциальным покупателям, зачем нужно указывать полные ФИО.
Также мы заметили, что некоторые уходят с поля ввода капчи. Лучшим решением было бы избавиться от него, но клиент настоял на присутствии данного поля. Необходимо было разбираться с тем, что есть. Гипотеза была следующая: не смотря на легкость заполнения данного поля (нужно сложить два простых числа) пользователи не заполняют поле. Возможно, существует ошибка или баг, которые не дают это поле заполнить. Для подтверждения нашей гипотезы мы просмотрели записи тех пользователей, которые ушли на данном шаге — при заполнении оформления заказа.
И действительно, пару раз было замечено, что пользователи не смогли заполнить данное поле — оно не проходило валидацию. После детального анализа было выявлено, что такое возникает только у определенного браузера. После обозначения проблемы техническому специалисту она была устранена.
В целом анализ показал большое количество ошибок и направлений, куда можно развивать проект и делать его лучше, удобнее и конверсионнее.
5. Что делать, если вебвизор не работает
- проверить, установлен ли код с вебвизором
В процессе работы также замечали следующий баг: возникала проблема в воспроизведении данных в вебвизоре. Выдавалась стандартная ошибка «вебвизор не включен», либо «код отсутствует на странице», хотя это не соответствовало действительности. Инструмент был включен, код установлен на сайт. Помогли следующие действия: были изменены настройки вебвизора для правил записи поведения на сайте. После обновления правил записи в интерфейсе появились записанные данные вебизора.
- проверить параметры сохранения страниц
В процессе работы также замечали следующий баг: возникала проблема в воспроизведении данных в вебвизоре. Выдавалась стандартная ошибка «вебвизор не включен», либо «код отсутствует на странице», хотя это не соответствовало действительности. Инструмент был включен, код установлен на сайт. Помогли следующие действия: были изменены настройки вебвизора для правил записи поведения на сайте. После обновления правил записи в интерфейсе появились записанные данные вебизора.
- отключить плагины в браузересменить браузер
При наличии проблем в воспроизведении посещений в вебвизоре зачастую помогает отключение сторонних плагинов в браузерах. Иногда они блокируют возможность воспроизведения данных, поэтому отключите их и попробуйте воспроизвести посещения пользователей заново.
- открыть возможность показа сайта в iframe
Вебвизор не работает, если для сайта запрещен показ своих страниц в iframe. Делают это, как правило, в целях безопасности данных, чтобы сторонние сайты не могли добавлять через iframe содержимое сайта. Отмечу также, что в данном случае не работает инструмент по аналитике форм (очень полезная вещь на сайте!). Ошибка в данном случае выглядит следующим образом:
Здесь выход один — разрешить показ iframe для сайта. Данную задачу легко решит специалист по поддержке вашего сайта.
Надеюсь, наши советы и методика анализа сайта с помощью вебвизора даст понимание причины возникновения основных проблем вашего сайта и поможет улучшить проект для посетителей.
Больших вам конверсий!
Автор: Бажанов Роман, Webit (Веб-аналитик)
Технология WebVisor (ВебВизор). Как подключить Вебвизор в Яндекс.Метрике, примеры использования
Зачем нужен WebVisor?
WebVisor (ВебВизор) – это современная технология, благодаря которой все зарегистрированные пользователи системы Яндекс.Метрика могут совершенно бесплатно производить анализ всех действий пользователей на своих сайтах в режиме просмотра онлайн видео.
Владелец сайта теперь всегда сможет узнать, что делают пользователи на его сайте, как они воспринимают текстовую и графическую информацию, как осуществляют передвижение по сайту, на какие ссылки нажимают, что выделяют и заполняют, какие данные их интересует в первую очередь. А самое главное то, что ВебВизор дает визуальную возможность увидеть каждое действие с возможностью анализа затруднений на сайте, вызванных у посетителя во время этих действий. Наглядный анализ поведения пользователей на сайте дает возможность выявить и исправить внутренние проблемы с навигацией и расположением страниц на сайте, подачей информации, кроссбраузерностью, также устранить ошибки, возникающие при заполнении форм и заявок. Устранение большинства ошибок в итоге позволит значительно увеличить конверсию сайта.
Как подключить WebVisor?
Для подключение и использования технологии ВебВизор необходимо зарегистрироваться в системе Яндекс.Метрика и установить код счетчика на страницы сайта. После регистрации в системе необходимо перейти в раздел «Добавить счетчик».
Ввести название и адрес сайта, на который предполагается установить счетчик. Затем нажать кнопку «Продолжить».
Если на сайте уже установлен счетчик Яндекс.Метрики, но без дополнительной функции ВебВизор, то ее необходимо подключить зайдя в сервис Яндекс.Метрика и прейти в раздел «Редактирование счётчика».
Для активации функции ВебВизор в разделе «Код счетчика» необходимо выбрать пункт «ВебВизор». Затем для корректного подсчета статистики сайта необходимо скопировать предложенный код и разместить его на всех страницах сайта.
Как пользоваться WebVisor?
Через некоторое времени после установки обновленного кода Яндекс.Метрики с функцией ВебВизор в разделе статистики сайта активизируется дополнительное меню «ВебВизор».
Перейдя в данное меню можно увидеть статистику посещаемости сайта за «сегодня», «вчера», «неделю», «месяц» или за определенный отчетный период. Также на странице представлена статистика – по каким запросам попал посетитель на страницу сайта, с какой поисковой системы или внешнего сайта перешел посетитель, указано время захода на страницу и продолжительность пребывания на сайте, отмечена его активность пребывания на сайте.
Дополнительные сведения о пользователе можно получить перейдя по иконке «Вся информация по посещению». Для анализа доступна следующая информация – разрешение экрана пользователя, страница входа и страница выхода, IP адрес пользователя, регион пользователя, имя хоста.
Также система «ВебВизор» предоставляет данные об операционной системе и браузере пользователя. Для просмотра действий посетителя в режиме онлайн видео необходимо нажать на иконку «Воспроизвести посещение».
После запуска видео можно увидеть все действия данного посетителя – выделение и копирование текста, перемещение курсора мыши, ввод текста при заполнение полей. Благодаря удобному проигрывателю просмотр действий посетителей не вызывает затруднений, на каждом этапе можно поставить паузу или осуществить перемотку вперед /назад.
