Microsoft Clarity — бесплатный сервис аналитики поведения от Microsoft. Heatmaps, session recordings, AI insights — всё что нужно для понимания пользователей.
Ценность инструмента в том, что он закрывает слепую зону обычной аналитики. Google Analytics показывает, что со страницы ушли 70% посетителей, но не показывает, почему. Clarity показывает: люди трижды жмут на картинку, приняв её за кнопку, или не доскроллили до формы, потому что выше стоит блок высотой в два экрана. Дальше — как этим пользоваться, не превращая просмотр записей в бесконечный сериал.
Что умеет Clarity
- Heatmaps кликов и скроллов
- Session recordings — видео реальных пользователей
- AI insights — автоматический анализ паттернов
- Dead clicks — клики по не-кликабельным элементам
- Rage clicks — повторные клики (сигнал бага)
- JavaScript errors
Самые полезные метрики здесь — rage clicks и dead clicks, потому что они автоматически находят проблему без ручного просмотра. Rage click означает, что человек ждал реакции и не получил её: кнопка не сработала, форма отправлялась молча, ссылка вела в никуда. Dead click — что элемент выглядит интерактивным, но им не является: иконка, картинка товара, заголовок раздела.
Отдельно стоит смотреть на quick back — быстрый возврат назад после перехода. Это прямой сигнал несоответствия ожиданию: заголовок обещал одно, страница дала другое. На сайтах с поисковым трафиком такие места обычно совпадают с теми, где проседают позиции.
JavaScript-ошибки в записях полезны тем, что видны в контексте: вы не просто знаете, что была ошибка, а видите, какое действие пользователя её вызвало. Часто это единственный способ воспроизвести баг, который «у нас не повторяется».
Установка
1. Регистрация на clarity.microsoft.com
2. Создание проекта
3. Установка скрипта в head сайта
4. Готово через 1-2 часа
Технически скрипт лёгкий и грузится асинхронно, но правило то же, что для любого стороннего кода: ставить его нужно после проверки влияния на скорость. Если на сайте уже висят метрика, аналитика, пиксель рекламы и чат, каждый следующий тег отъедает часть бюджета загрузки. Проверьте показатели до и после установки.
Есть готовые интеграции для WordPress, Shopify и Google Tag Manager. Через GTM удобнее: скрипт включается и выключается без правки шаблона, и его можно ограничить условиями — например, не грузить в админке и на служебных страницах.
Что искать в записях
- Где пользователи теряются (rage clicks, dead clicks)
- Где скроллят и где не доходят
- Какой % мобильных vs desktop
- Сколько времени на странице
- Где выходят с сайта
Смотреть записи подряд бессмысленно — уйдёт день, а выводов не будет. Работает выборочный подход: включаете фильтры и смотрите 10-15 сессий с конкретным признаком. Полезные фильтры — сессии с rage clicks, сессии дольше 3 минут без конверсии, сессии, дошедшие до корзины и не оформившие заказ, сессии с мобильных устройств определённой ширины экрана.
Карта скроллов отвечает на один важный вопрос: до какой высоты доходит большинство. Если 50% аудитории не видит блок с ценой или формой, дальнейшая правка текста в этом блоке бессмысленна — его нужно поднимать. На лендинге это самая частая находка: ключевой оффер стоит ниже первого экрана.
Для интернет-магазина отдельно разбирается путь «карточка → корзина → оформление». Типичные находки: фильтры на мобильных не открываются с первого касания, поле телефона не принимает формат с пробелами, кнопка оплаты уезжает под клавиатуру. Такие вещи почти невозможно поймать на своём тестировании, потому что вы знаете, куда нажимать.
Clarity, Hotjar и GA4: что чем закрывать
Эти инструменты не конкуренты, а разные слои. GA4 отвечает на вопрос «сколько и откуда» — источники, объёмы, конверсии, воронки в числах. Clarity отвечает «как именно» — что происходило на экране. Без первого вы не поймёте масштаб проблемы, без второго — причину.
По сравнению с Hotjar главное отличие Clarity — отсутствие лимитов на количество записей и бесплатность на любом объёме трафика. Взамен нет опросов и обратной связи от пользователей: если вам нужны встроенные вопросы «что помешало оформить заказ», это придётся делать отдельно.
Полезная деталь: Clarity интегрируется с GA4, и в записях появляется сегментация по данным аналитики. Это позволяет смотреть сессии конкретного канала — например, только тех, кто пришёл из поиска по коммерческому запросу. Связка удобна, когда параллельно идёт поисковое продвижение и нужно понять, почему трафик растёт, а заявок нет.
Приватность и что не должно попадать в записи
Записи сессий — это персональные данные, и относиться к ним нужно соответственно. По умолчанию Clarity маскирует содержимое полей ввода, но проверять это надо руками: откройте запись со страницы оформления заказа и убедитесь, что телефон, адрес и данные карты не читаются.
Всё, что маскировка может пропустить, закрывается разметкой в вёрстке — для чувствительных блоков предусмотрены атрибуты маскирования. Под это в первую очередь попадают личный кабинет, история заказов, страницы с документами и любые экраны, где отображаются данные другого человека.
Второе требование — уведомление в политике конфиденциальности: какие данные собираются, кем обрабатываются и как отказаться. Если сайт работает с аудиторией из ЕС, добавляется управление согласием: скрипт не должен запускаться до получения согласия. Это не формальность — именно на этом месте бизнесу чаще всего прилетают претензии.
Как встроить в рабочий процесс
Инструмент даёт результат, когда просмотр записей — регулярная процедура, а не разовое любопытство. Рабочий ритм: раз в неделю 30-40 минут, три фильтра, из каждого 5-7 сессий. Найденное сразу превращается в задачи с приоритетом, иначе наблюдения остаются в блокноте.
Отдельно полезно смотреть Clarity после каждого релиза. Новая версия страницы почти всегда даёт неожиданные rage clicks — обычно на элементах, которые дизайнер считал очевидными. Первые два-три дня после выкладки — самое информативное окно.
Часть находок закрывается не кодом, а текстом и структурой: переставить блоки, укоротить форму, объяснить, что будет после нажатия кнопки. Более глубокие проблемы — когда люди системно не понимают интерфейс — решаются на уровне проектирования интерфейса, а не точечными правками. Если сайт при этом старый и такие находки идут десятками, дешевле выходит переделать структуру, чем латать каждое место отдельно.
Практический вывод: поставьте Clarity через GTM, проверьте маскировку полей на странице оформления заказа, добавьте пункт в политику конфиденциальности. Дальше раз в неделю смотрите три выборки — rage clicks, длинные сессии без конверсии и мобильные сессии на шаге оплаты. Каждая находка должна становиться задачей с датой, иначе инструмент превращается в развлечение вместо источника решений.