вебвизор для мобильных приложений
Стартап дня: сервис для анализа действий пользователя в мобильных приложениях UXCam
Записывает действия, захватывает точки касания и жестов и формирует тепловую карту.
Директор по стратегии и анализу Mail.Ru Group Александр Горный каждый день рассказывает о примечательных проектах.
«Яндекс» давным-давно купил и встроил в «Метрику» «Вебвизор» — средство наблюдения за действиями пользователей на веб-странице. Инструмент записывает, куда идёт мышка, как и в какой последовательности заполняются формы и так далее.
В отличие от графиков и таблиц, он показывает в том числе и индивидуальные сессии отдельных пользователей без усреднений. Вундерваффе в борьбе с Google Analytics «Вебвизор» не стал, но многие веб-мастера его используют, в некоторых случаях технология крайне полезная.
На дворе 2018 год, сайты — это уже немного прошлый век, аналоги «Вебвизора» появились и для мобильных приложений. С поправкой на платформу всё работает точно так же: разработчик подключает SDK и получает: запись пользовательских сессий, хранение статистики касаний и более сложных жестов и тепловую карту касаний по экрану. Сервисов много, между собой они похожи, поэтому стартап выберу произвольно — UXCam.
Бизнес окупается. Если не считать копейки от двух акселераторов, то инвестиций ему не давали, так что приходится жить на свои и ждать, когда их наконец купит Google — «Яндекс» ведь купил «Вебвизор». Разумеется, их могут и не купить, выбор на рынке большой.
Тема выбрана по наводке создателей Userx, он такой же, но российский.
6 лучших сервисов для анализа поведения пользователей
Итак, в нашем блоге мы уже делали подробные обзоры лучших инструментов, которые необходимы для увеличения конверсии:
Теперь пришло время поговорить о сервисах, с помощью которых можно проанализировать действия посетителей на сайте, узнать, с какими элементами страницы они чаще всего взаимодействуют, как они передвигаются по сайту, насколько быстро заполняют поля форм, пролистывают ли страницы до конца и другую полезную информацию.
Сервисы для анализа поведения пользователей на сайте
Яндекс Метрика
Стоимость – бесплатно
Помимо того, что Яндекс Метрика – отличный инструмент для аналитики сайта, он также имеет дополнительный функционал, с помощью которого можно анализировать действия пользователей на сайте. В панели управления есть специальная вкладка «Поведение», где доступны все вышеперечисленные функции.
С помощью Вебвизора вы можете посмотреть видеозапись всех действий пользователей вашего сайта. Вы сможете увидеть, как он двигал мышью, на что нажимал, как прокручивал страницу, как взаимодействовал с формами, какой текст выделял и копировал.
Функция «Аналитика форм» имеет два отчёта – Конверсия формы и Поля формы. Благодаря Конверсии формы вы можете посмотреть, сколько просмотров имеет форма, сколько раз с ней взаимодействовали, и узнать количество отправленных форм. А второй отчёт позволяет узнать, сколько времени тратят пользователи на заполнение каждого поля, какие поля не заполняются, и при заполнении каких полей они решают уйти с сайта.
Функция «Карта путей по сайту» содержит информацию о перемещении пользователей по сайту. С помощью функции «Карта ссылок» вы можете получить статистику (количество переходов по каждой отдельной ссылке и долю переходов по отношению к другим ссылкам) по всем ссылкам, которые размещены на сайте.
«Карта кликов» (Тепловая карта) позволяет узнать, на какие элементы вашего сайта пользователи нажимают чаще всего. С одной стороны эта функция немного похожа на предыдущую. Но есть одно очень важное различие. С помощью «Карты кликов» вы можете узнать, какие элементы страницы кажутся кликабельными для посетителей, но таковыми не являются.
Функция «Карта скроллинга» — инструмент, который анализирует, какие области страницы просматриваются чаще всего, на просмотр каких областей пользователи тратят больше всего времени и пролистывают ли они страницу до конца.
Таким образом, Яндекс Метрика имеет весь необходимый функционал, как для анализа самого сайта, так и для анализа поведения пользователей. Причём несомненное преимущество этого сервиса заключается в том, что он полностью бесплатный.
Crazyegg.com
Демоверсия – 30 дней.
Crazyegg – самый популярный зарубежный сервис для анализа взаимодействия пользователя с сайтом. По сравнению с Яндекс Метрикой сервис не имеет вебвизора, карты путей по сайту, а также аналитики форм, но зато все остальные функции работают идеально. К тому же, функция «конфетти» является продвинутым вариантом Тепловой карты. В данном случае вы можете применить к тепловой карте фильтры и отдельно посмотреть, как взаимодействуют с сайтом люди, которые приходят из социальных сетей или по какой-то определённой поисковой фразе. Это более продвинутый анализ поведения, который позволяет лучше понять различные сегменты посетителей сайта.
Clicktale.com
На самом сайте цены не указаны. Чтобы узнать их, нужно связываться непосредственно с представителями компаниями. Эти цифры были взяты в одном зарубежном обзоре. Возможно, они устарели.
Сервис Clicktale – достаточно мощный и многофункциональный инструмент для анализа поведения пользователей. По сравнению с предыдущими сервисами, Clicktale имеет несколько преимуществ. Во-первых, наличие 8 видов отчётов по Карте ссылок. Вы можете посмотреть не только, как часто нажимают на ссылки, но и как часто на них наводят, например. Во-вторых, в сервис встроены инструменты для анализа и оптимизации воронки продаж, а также сравнения страниц сайта по различным показателям.
Сервис Clicktale больше подходит для крупных интернет проектов, так как его стоимость слишком высока.
Sessioncam.com
Основная функция этого сервиса – запись взаимодействия каждого отдельного пользователя с вашим сайтом. Хотя есть и остальной функционал, с помощью которого можно отслеживать самые кликабельные элементы, заполнение форм, движение мышки по странице и прочее. В принципе, для небольшого проекта можно даже и не покупать платный тариф, т.к. 500 записей в месяц может вполне хватить, чтобы проанализировать действия пользователей.
Usertesting.com
Это сервис отличается от всех предыдущих. Здесь нет карты кликов, карты скроллинга и прочего. Суть немного в другом.
Usertesting – это сервис для дистанционного тестирования сайтов и мобильных приложений. Как утверждают создатели проекта, у них более 1 миллиона пользователей, которые могут протестировать ваш сайт. Чтобы воспользоваться этим сервисом, вы создаёте задание (например, найти, выбрать и купить определённый товар) и выбираете таргетинг, чтобы тестировщик совпадал с вашей целевой аудиторией. После этого пользователь выполняет ваше задание, а все его действия и комментарии записываются на видео и аудио.
Таким образом, вы получаете реальный комментарий по взаимодействию с сайтом от человека, который входит в вашу целевую аудиторию.
Есть демоверсия.
AskUsers.ru
Еще один вариант анализа поведения пользователей на сайте — это анализ с помощью AskUsers. Сервис позволяет задать любые вопросы напрямую своей целевой аудитории.Функционал- возможность сформировать свой список вопросов- возможность выбрать респондента по 12 параметрам- анкеты респондентов с ответами на ваши вопросы- видеозаписи экрана респондентов во время исследованияСтоимость- Ответ на один вопрос – 90 руб.Средняя стоимость полноценного исследования — 1500 – 3500 руб.
Основная идея анализа: вы видите, куда пользователи нажимают, но и получаете от них обратную связь, почему они так делают.
Анкеты респондентов дают понимание проблем, а видеозаписи указывают на причины появления этих проблем. Комплекс этих данных позволяет предложить оптимальное решение в интерфейсе сайта и реализовать на сайте более удобные для пользователей сценарии.
Если у вас имеется опыт работы с каким-либо из этих сервисов, оставляйте свои комментарии! Это будет очень полезно для всех читателей.
Понравилась статья? Сделай доброе дело — поделись ей со своими друзьями и коллегами!
«Вебвизор» в «Яндекс.Метрике»: зачем он нужен и как его настроить
Чтобы понять клиента, нужно взглянуть на продукт его глазами. Один из самых простых способов это сделать — настроить «Вебвизор» для своего сайта.
«Вебвизор» — это один из бесплатных инструментов, встроенный в сервис «Яндекс.Метрика». Он нужен для того, чтобы наблюдать за поведением пользователей во время посещения сайта и записывать видео их действий на сайте.
С помощью этой функции можно отследить:
Пишет про дизайн и маркетинг в Skillbox. С 2011 по 2017 год писала про бизнес в деловые СМИ, соучредитель агентства копирайтинга «Абзац».
Что можно узнать с помощью «Вебвизора»
«Вебвизор» позволяет записывать до 150 тысяч визитов в сутки — даже для крупного проекта этого достаточно, чтобы найти закономерности в поведении пользователей и оценить юзабилити. Если посетителей будет больше, система не просто запишет первые 150 тысяч, а сделает релевантную выборку.
Ролики хранятся 15 дней и воспроизводятся во встроенном плеере. Изучив их, вы сможете прояснить для себя:
С помощью «Вебвизора» можно также собрать статистику:
Технические требования
Перед тем как начать работать с «Вебвизором», убедитесь, что на вашем сайте используется кодировка UTF-8, а в HTML-верстке нет дефектов. Если в структуре встречается много незакрытых или неправильно вложенных тегов, запись может не включиться или сработать некорректно. Разработчики пишут, что с мелкими дефектами «Вебвизор», скорее всего, справится, но лучше перестраховаться.
У «Яндекс.Метрики» есть две версии инструмента: основной «Вебвизор 1.0» и «Вебвизор 2.0», который находится на стадии бета-тестирования и пока еще активен не у всех пользователей. Новая версия даёт больше возможностей: записывает переключения между вкладками, фиксирует элементы со сторонних сервисов (например, рекламные блоки), наглядно показывает, как выглядит сайт с мобильного устройства, и указывает время, когда пользователь бездействует.
При этом «Вебвизор 2.0» не записывает элементы, которые отображаются с помощью iframe> и canvas>.
Как установить «Вебвизор»
Запись включается в настройках счетчика «Яндекс.Метрики». Для этого нужно активировать опцию «Вебвизор, карта скроллинга, аналитика форм» и сохранить изменения. После обновлённый код счетчика вставляется на все страницы сайта.
Как настроить запись
По умолчанию инструмент будет фиксировать всё содержимое сайта (но можно указать адреса отдельных страниц) и закрывать звездочками поля с конфиденциальными данными пользователей. Что именно оставить приватным, система распознает автоматически. Если отключить в настройках опцию «Записывать все поля», «Вебвизор» перестанет сохранять их содержимое.
При необходимости можно открыть доступ к отдельным формам для заполнения. Для этого включите опцию записи, а затем в HTML-разметке «Яндекс.Метрики» задайте CSS-класс ym-record-keys тем полям, которые хотите оставить. Это может пригодиться, если вы считаете, что алгоритм спрятал важную информацию по ошибке. Чтобы скрыть определённые поля, используйте CSS-класс ym-disable-keys.
. Классы применяются именно к ним.
Яндекс в своих руководствах советует не злоупотреблять этой возможностью — в некоторых случаях вы рискуете нарушить закон. К примеру, оформляя покупку, пользователь может написать свои фамилию, имя и адрес, а затем передумать и не сделать заказ. В этом случае вы сохраните у себя личные данные человека, который не успел дать на это согласие.
Записывать действия можно в двух режимах: от вашего имени и от имени анонимного пользователя. Во втором случае вы получите более полную информацию: интерфейс будет выглядеть так, как видит его посетитель-новичок, который никогда не регистрировался на сайте.
Зачем нужны фильтры
У «Вебвизора» большой набор фильтров, поэтому вы можете просматривать и анализировать только те визиты, которые кажутся наиболее важными. Ещё настройки позволяют составлять комбинации из условий.
Если недавно вы запустили рекламную кампанию, можно отдельно просмотреть, как вели себя пользователи, которые пришли именно благодаря платному трафику. Здесь же пригодится фильтр по региону: если его применить, станет ясно, как сработали объявления в разных городах.
Также вы можете задавать цели и фильтровать визиты относительно их. Это позволит посмотреть, к примеру, что делали пользователи, которые так и не положили товар в корзину.
Чтобы данные были более «чистыми», сделайте так, чтобы «Вебвизор» не записывал ваши действия. Для этого в меню «Фильтры» установите галочку в графе «Не учитывать мои визиты». Если у компании большой штат, лучше создать фильтр по IP и исключить из записи один статичный адрес или целый диапазон.
Заключение
Пользователи воспринимают интерфейс сайта иначе, чем его владельцы и создатели. «Вебвизор» нужен именно для того, чтобы понять, с какими сложностями и проблемами сталкиваются посетители, найти проблемы в навигации и юзабилити, решить их и в конечном итоге повысить конверсию.
Чтобы данные «Вебвизора» были полезными, нужно анализировать их и принимать на основе этой информации верные решения. На курсе «Интернет-маркетолог от Ingate» есть отдельные модули, посвящённые веб-аналитике и юзабилити. Изучив их, вы научитесь настраивать «Яндекс.Метрику» и Google Analytics, работать с данными, выявлять с их помощью «узкие места» и исправлять ошибки.
Вебвизор Яндекс.Метрики: видеонаблюдение на сайте
Вебвизор — это инструмент, который записывает действия посетителей вашего сайта и показывает вам их в формате видео. Рекомендуем использовать его в паре с тепловыми картами, и, конечно же, не забываем про основные отчеты.
Что полезного дает инструмент:
Сразу предупредим, что для просмотра видеозаписей понадобится больше времени, чем для изучения стандартного отчета, поэтому запаситесь терпением.
Как подключить Вебвизор. Настройка вебвизора
Подключается Вебвизор в разделе «Настройка»:
Во вкладке «Счетчик» кликните по кнопке «вкл» в блоке «Вебвизор, карта скроллинга, аналитика форм» и сохраните изменения:
Убедитесь, что во вкладке «Вебвизор» включены все настройки:
Вебвизор 2.0 — последняя версия инструмента, запущенная в 2017 году. Рекомендуем выбирать именно ее, так как она собирает больше данных.
Записывать все поля — по умолчанию инструмент записывает содержимое полей форм, кроме паролей (они указываются символами «*»). Также полезная функция, чтобы проанализировать, как именно пользователи заполняют формы, какие трудности возникают.
Обновите код счетчика на всех страницах сайта.
Вебвизор записывает до 150 000 посещений в день (если посещаемость сайта выше, то равномерно в течение суток) и хранит их не более 15 дней, включая текущий. И чтобы инструмент собирал информацию корректно, рекомендуем использовать кодировку UTF-8.
Как видите, настройка не занимает много времени, но требует подключения технических специалистов. На всякий случай ловите ссылку на полную инструкцию по установке и настройке счетчика Яндекс.Метрики.
Обзор функций Вебвизора
Продолжаем использовать демо-аккаунт для разбора отчетов и инструментов. Если еще не настроили счетчик для своего сайта, то присоединяйтесь.
Вебвизор можно найти в соответствующем разделе главного меню Яндекс.Метрики, выглядит он следующим образом:
В верхнем меню можно задать временной диапазон и стандартные параметры сегментации.
В таблице показан список видеозаписей, и по каждой собрана следующая информация:
Набор данных можно настраивать. Для этого необходимо кликнуть по кнопке «Настроить столбцы» в левом верхнем углу таблицы:
Чтобы воспроизвести видео, необходимо нажать по соответствующей иконке запуска для любой строки таблицы:
Дополнительные действия, которые можно выполнять с каждой записью:
Знак «+»: если пользователь просматривал несколько страниц за визит, то после клика по этой кнопке откроется список видео для каждой страницы:
Есть возможность добавить в избранное на случай, если вам нужно отложить видео (но напоминаем, что данные хранятся 15 дней):
Кнопка выбора фильтра на основе выбранного параметра пользователя. Поможет быстрее найти необходимый параметр:
Предоставление информации о визите в виде карточки:
Воспроизведем одно из видео. В отдельной вкладке браузера по аналогии с Youtube видим экран с видео и меню под ним.
В меню маркерами отмечаются переходы между страницами, клики и достижения целей. «Волнами» показана активность пользователя за общее время визита. Дополнительно отображаются основные параметры визита. Можно регулировать скорость воспроизведения и добавлять комментарии к видео (иконка звездочки в правом нижнем углу).
На самом видео линией показывается движение курсора пользователя, а точками —клики:
Как проводить анализ с помощью Вебвизора
Вебвизор несет в себе большую пользу для бизнеса, но его нужно правильно использовать.
Не имеет смысла смотреть все записи подряд. Во-первых, записей может быть слишком много, и вы чисто физически не сможете просмотреть все. Во-вторых, записи, как и любые данные для анализа, желательно сначала сегментировать. Сегментация позволит анализировать только тот трафик, который интересен бизнесу в данный момент.
Для начала посмотрите, как ведут себя пользователи по проблемным источникам трафика.
Например, из других отчетов вы узнали, что по рекламному трафику из Google Ads большой процент отказов. Соответственно сегментируем список (проще всего через кнопку «Готовые сегменты» выбрать параметр «Рекламный трафик») и получается значительно меньше записей для анализа:
Далее продолжаем делить видео на группы, смотря по несколько записей из каждой. Основные параметры, с которых можно начать:
Далее можно посмотреть, корректно ли отображается информация на мобильных устройствах пользователей (также кликнув по кнопке «Готовые сегменты» выбираем отображение мобильного трафика):
Недавно добавили новую страницу на сайт или сделали редизайн? Стоит изучить, как пользователи реагируют на изменения в интерфейсе. Для этого выбираем параметр «Просмотр URL» и указываем нужную страницу или группу страниц:
Изучаем процессы на сайте: оформление заказа (от добавления в корзину до отправки данных формы), заполнение формы, работы с калькулятором и т.д. Это поможет понять, на каком шаге уходят пользователи и почему не доходят до конца. Дополнительно рекомендуем для таких процессов настроить составные цели, чтобы, помимо видеоматериалов, у вас также были статистические данные по каждому шагу.
Смотрим реакцию на рекламу. Нужно изучить страницы со всплывающими окнами и баннерами, отследить, кликают ли пользователи по ним, выполняют ли целевые действия или быстро закрывают. Эта информация помогает дополнительно оценить привлекательность предложений.
И это только основные причины заглянуть в Вебвизор Яндекс.Метрики. Со временем у вас сформируется свой алгоритм анализа и понимание основных шаблонов поведения пользователей на вашем сайте.
Аналоги Вебвизора
Яндекс.Метрика в целом ориентирована на русскоязычную аудиторию и может некорректно работать на сайтах, размещенных на зарубежных серверах. В Google Analytics аналогичных инструментов пока нет.
В качестве аналога предлагаем воспользоваться таким сервисом, как FullStory, который, помимо функций Вебвизора может формировать общие рекомендации. У сервиса есть демоверсия и бесплатный тариф, который позволяет записывать до 1 000 визитов в месяц.
Подобные услуги также предоставляют следующие компании: Hotjar, Crazy Egg, PTengine. У каждого из них есть демоверсия.
Вывод
Если у вас небольшой трафик на сайт, то стоит просматривать все видео. И не пытаться сразу охватить все задачи. Возьмите для начала список целей выше и постепенно пройдитесь по ним. В итоге по каждому из пунктов у вас получится набор идей что изменить на сайте.
Нужна помощь в анализе данных Вебвизора — пишите. Мы проведем анализ данных Вебвизора, найдем неочевидные проблемы с юзабилити и подскажем, как их устранить.
Вебвизор яндекса и мобильная версия сайта Есть решение
Столкнулся с проблемой такой.
Пользователь сидит на сайте с мобильного устройства, ходит по страницам. Вебвизор яндекса записывает его поведение, только при просмотре результата на вебвизоре SS отдает ему десктопный шаблон, а не настольный. Как результат ничего не понятно что делал пользователь.
Как можно настроить, чтобы сайт отдавал вебвизору мобильный шаблон, если клиент работает с мобильного устройства?
4 ответа
Я могу ошибаться, но попробуйте включить сохранение страницы в Вебвизоре. А так вы его получаете своим браузером и естественно получаете десктопный шаблон. Или попробуйте просматривать с мобильного устройства.
Спасибо за совет. На стороне вебвизора изменила настройки, стало как нужно.
Сегодня столкнулся точно с такой же проблемой при просмотре Вебвизора.
В данный момент у меня подключен Вебвизор 2.0. И я вижу, что делали посетители с мобильной версии сайта. Только вижу я не мобильную тему дизайна, а десктопную адаптивную (хоть и кривую) версию дизайна.
Я так понял ваш метод предполагает не использовать Вебвизор 2.0?
Потому, что при его активации, пропадают настройки выбора:
При просмотре в Вебвизоре видно сейчас такое отображение адаптивной десктопной версии сайта, хотя пользователь заходил со смартфона:
А должно выглядеть красиво, понятно и лаконично, как сделано в мобильной теме дизайна Mobisite 2.0:
К сожалению, я не постоянный пользователь Метрики, скорее знаком.
Но на вашем скриншоте я вижу, что у вас выключена «Запись страниц при просмотре посетителем». Поиграйтесь этими настройками, конкретного ответа я вам дать не смогу, так как я разработчик, а не владелец интернет-магазина, поэтому меня пока не сильно интересуют, что делают посетители на сайте ))))