Что хорошего в новом бесплатном инструменте аналитики? Обзор сервиса Clarity от Microsoft
Для большинства интернет-маркетологов Google ***ytics (GA) — основной инструмент для анализа трафика и эффективности оптимизации сайта. Но важно иметь под рукой и другие сервисы по сбору и анализу данных, которые способны дополнить информацию GA.
Об одном из таких сервисов — новом инструменте Clarity от Microsoft — читайте в этом посте.
Что такое Clarity?
В разделе документации Clarity на сайте Microsoft Docs отмечено:
Clarity — передовой инструмент поведенческого анализа, который помогает понять, как пользователи взаимодействуют с вашим сайтом. Используя надежные инструменты анализа Clarity, вы можете улучшить свой веб-сайт для ваших клиентов и вашего бизнеса.
Clarity — полностью бесплатный инструмент для получения данных о поведении пользователей на сайте. У него ряд преимуществ перед подобными сервисами:
- Легко устанавливается;
- Не содержит ограничений:
- по количеству анализируемых страниц (в отличие, например, от бесплатного тарифа Hotjar) ;
- по количеству сайтов на аккаунт;
- по количеству сеансов и пользователей.
3. Анализ данных начинается сразу после установки;
4. В анализе участвуют алгоритмы искусственного интеллекта и машинного обучения.
Есть факторы, которые могут сыграть против принятия решения установить Clarity:
- В сети мало информации о сервисе, кейсы по работе с ним отсутствуют. Кроме документации и пресс-релизов, других сведений по достоверности данных Clarity и их использованию нет.
- Нет информации о том, как инструмент считает сеансы. По этому поводу сказано, что сессия — это количество времени, которое пользователь провел на сайте. Один пользователь может открыть несколько сеансов в один и тот же день либо в течение нескольких дней, недель или месяцев. Сеанс заканчивается, если пользователь неактивен в течение 30 минут:
При подсчете сеансов за определенный период для одного и того же сайта данные в Google ***ytics и в Clarity существенно отличаются. В связи с этим есть предположение, что учет ведется по разным алгоритмам. Возможно, переходы на сайт с других каналов трафика, кроме прямого, не обрывают текущий сеанс или присутствуют другие закономерности.
Однако Clarity способен предоставить дополнительную информацию о самом сеансе, которую не удастся получить с помощью Google ***ytics, и в этом его преимущество.
Чем полезен Clarity Microsoft?
Ценность Клерити в том, что он предоставляет сведения о пользовательском опыте на сайте. Данные поступают из трех взаимосвязанных разделов: Dashboard, Recording и Heatmaps.
Dashboard — панель аналитики
Блоки, представленные в разделе, похожи на данные из Google ***ytics. Здесь видна такая информация:
- количество сессий и страниц за сеанс;
- средний показатель глубины проскрола;
- популярные страницы;
- используемые браузеры, ОС.
По умолчанию эти и другие данные предоставляются за последние три дня:
С помощью фильтров можно выбрать нужные даты, указать параметры для вывода соответствующих данных:
У фильтров Insights такие значения:
- Rage clicks — гневные клики — сеансы с несколькими быстрыми кликами в одной области;
- Dead clicks — мертвые клики — сеансы с кликами на «некликабельные» зоны, то есть там, где нет ссылки или якоря;
- Excessive scrolling — чрезмерная прокрутка — сеансы, где скорость прокрутки страницы превышает ожидаемую; ориентир — средний пользователь;
- Quick backs (быстрое возвращение) — сеансы с переходом на другую страницу и быстрым возвращением обратно.
Также есть возможность самостоятельно выбирать блоки, которые будут отображаться на дашборде и создавать специальные теги, чтобы собирать дополнительные данные с сайта.
Recording — воспроизведение сеансов
Раздел с видеозаписями сеансов показывает, что пользователь делает на сайте посекундно, в том числе:
- куда кликает;
- сколько скролит;
- на что обращает внимание;
- на каком экране страницы задерживается;
- с какими элементами у него возникают трудности.
Записи сеансов по умолчанию представлены за последние три дня.
Изображения сайта здесь и ниже будут закрыты в связи с тем, что это NDA-проект:
Использование фильтров позволяет выбрать сеансы с определенными событиями, которые нужно проанализировать:
Например, можно просмотреть все сеансы с мобильных устройств, содержащие «гневные» клики, выделение текста пользователем на страницах или любой другой набор действий.
Heatmaps — тепловые карты
Тепловая карта сайта — способ визуализации кликов на карте с помощью цветовой палитры. Чем ярче и больше пятно на карте, тем больше кликов в этом месте делают пользователи. Наличие бледно-синих мелких пятен указывает на низкий интерес пользователей к элементу.
Пример тепловой карты с сайта Microsoft:
В разделе Heatmaps по умолчанию отображаются все клики с ПК на главной странице сайта за три дня:
В боковом меню указаны все элементы, которые присутствуют на странице. Они расположены в порядке уменьшения количества кликов по ним за конкретный период с указанного типа девайса. Чтобы посмотреть информацию по отдельному элементу, нужно выбрать его код в перечне меню. Более простой способ — кликнуть на этот элемент на самой карте страницы — тогда он подтянется в меню, и станет доступной информация на Heatmaps:
Применение фильтров позволяет выбрать определенную страницу сайта, даты, тип кликов, браузер, ОС, страну пользователя, другие параметры для просмотра карты кликов:
Кроме карты кликов доступна карта проскрола. Она полезна тем, что помогает оценить:
- процент пользователей, которые просматривают страницу за конкретный период с указанного устройства и браузера;
- процент страницы, который они просматривают.
Используя эти данные, можно сделать вывод, насколько эффективно размещать на странице определенную информацию, видят ее клиенты или нет.
По информации из справки, данные тепловых карт сохраняются в течение 12 месяцев со дня их записи.
Примеры использования Clarity для улучшения сайта
Приведу несколько пpaктических примеров оценки пользовательского опыта на сайте. Во всех случаях применены данные, собранные с помощью нового инструмента аналитики от Microsoft.
Выявление нерабочих кнопок
Чтобы проанализировать сайт на наличие нерабочих кнопок, ссылок или других интеpaктивных элементов, нужно:
- войти в раздел Recording;
- выбрать интересующий период с помощью фильтров;
- поставить галочку напротив Rage Clics — «гневные клики».
Если за указанный период на сайте были сеансы с Rage Clicks, появится перечень записей таких сеансов. Их можно сортировать по:
- дате;
- количеству кликов за сессию;
- продолжительности сессии;
- количеству страниц за сессию.
Каждая запись доступна к просмотру. Клики в них отмечены черточками на временном отрезке под видео и кружками — на самом видео. Запись показывает, с каким элементом на странице у посетителя возникли трудности, что он хотел сделать и что не получилось.
Ниже представлен скриншот из записи сеанса с Rage Clicks. Здесь видно, что посетитель не смог отправить форму заявки обратного звонка — кнопка «Перезвонить» не кликабельна:
Анализ остальных записей сеансов из списка показывает, что все посещения были с мобильных устройств, ОС — Android, трафик поступал из Украины.
Для того, чтобы выявить возможность подобных проблем при посещении сайта с ПК, можно увеличить временной диапазон.
Если список записей большой, алгоритм поиска сводится к следующим действиям:
- определить страницы, на которых зафиксированы Rage Clics с помощью фильтров;
- посмотреть, есть ли в отфильтрованных записях общие устройства, ОС;
- исходя из результатов предыдущей сортировки по ОС, устройствам, применить дополнительные фильтры, которые смогут сузить поиск страниц с неработающими кнопками;
- найти проблемные кнопки по записям сессий;
- протестировать их на сайте.
Поиск страниц, не оптимизированных под мобильные устройства
Записи сессий с «гневными» кликами используются, чтобы выявить страницы и их элементы, которые не оптимизированы под мобильные устройства. К числу таких элементов относятся, например, формы и кнопки, которые находятся вне экрана телефона и не видны пользователю:
Когда кнопка не видна на экране, пользователь делает дополнительные частые клики, чтобы открыть или закрыть форму или всплывающее окно.
Определение невидимых элементов на странице
Анализ кликов на тепловых картах показывает, как их количество распределено между разными элементами на странице. Эта информация позволяет определить, какие элементы на странице не привлекают внимание пользователей. Наличие таких элементов говорит о том, что они незаметны, неинтересны или не нужны.
Определение оптимальной длины страницы
На дашборде есть сводные данные о глубине проскрола страниц сайта за выбранный период времени.
Чтобы получить детальную постраничную информацию в разделе тепловых карт, нужно переключить кнопки в верхнем меню с Click на Scroll. Вместо цветных зон от кликов на карте страницы появятся отметки о количестве пользователей. Они отображают процент пользователей, которые просмотрели данную часть страницы.
Также посещаемость определенной части страницы хаpaктеризует цвет экрана: красный, желтый, зеленый и синий — в порядке убывания процента просмотров. Первый, самый просматриваемый экран — красного цвета, а последний — желтого, зеленого или синего.
Синий цвет говорит о низком проценте просмотра последнего экрана страницы:
Если текст или блок, размещенный внизу страницы, важен для принятия решения посетителя в вашу пользу, информация о низком проценте просмотров должна подтолкнуть вас переместить этот блок выше или создать для него отдельную страницу.
Выявление проблем при посещении сайта пользователями определенных ОС и браузеров
Clarity Microsoft дает возможность проанализировать, возникают ли проблемы у пользователей определенных браузеров и операционных систем при посещении сайта.
Чтобы получить данные для анализа, в разделах Recording и Heatmaps нужно установить галочки в соответствующих блоках фильтров:
Не всегда есть возможность в режиме онлайн протестировать какой-либо элемент на странице при посещении с разных устройств и браузеров. Но если на сайте установлен Клерити, достаточно просмотреть записи и карты, чтобы понять, есть ли проблема и где именно.
Дополнительно в фильтрах можно указать:
- регион;
- страницу входа;
- страницу выхода;
- посещаемую страницу в пределах сеанса;
- домен сайта, откуда был совершен переход.
Таким образом можно уточнить параметры для поиска проблемы.
Выявление JavaScript ошибок
Если на сайте возникла ошибка JavaScript, об этом информирует блок JavaScript errors на дашборде.
Чтобы перейти в раздел с записями сеансов, где есть ошибки кода JavaScript, нужно кликнуть на кнопку Recordings:
После перехода в раздел Recordings можно просмотреть записи всех сеансов с ошибками кода JavaScript, а также применить к ним дополнительные фильтры.
Как установить Clarity на сайт?
Установить Clarity на сайт можно двумя способами: с помощью размещения кода на сайте или посредством Google Tag Manager.
Способ 1. Размещение кода на сайте
Чтобы начать использовать Clarity на своем веб-сайте, необходимо вручную вставить код отслеживания.
Каждый веб-сайт, который вы добавляете в свою учетную запись Clarity, получает уникальный код отслеживания для установки.
Как вставить код вручную, подробно описано в пошаговой инструкции.
Способ 2. Добавление тега в Google Tag Manager
С помощью менеджера тегов нужно создать пользовательский HTML-тег «Clarity Tag». Для этого используется трекинг-код, указанный в разделе Settings:
Последовательность действий по созданию и добавлению тега указана в пошаговом руководстве.
Интеграция с Google ***ytics
После установки Clarity одним из указанных выше способов появляется возможность подключить интеграцию сервиса с Google ***ytics. Это нужно, чтобы связать отчеты GA c записями сеансов.
Начать интеграцию следует здесь:
Пошаговый алгоритм действий по интеграции Clarity с Google ***ytics приведен в инструкции по настройке.
После подключения интеграции данные будут поступать в GA из кода Clarity JavaScript, который вы добавите на свой сайт. Таким образом, просматривая отчет по конкретному сеансу в GA, вы сможете кликнуть по ссылке и просмотреть его запись в Clarity.
О конфиденциальности
Инструмент Clarity обpaбатывает данные в соответствии с Законом о конфиденциальности потребителей в Калифорнии (CCPA). Взаимоотношения с сервисом по вопросам предоставления и обработки данных регламентируются Правилами использования Clarity Microsoft.
Инструмент фиксирует точки соприкосновения пользователя с сайтом: движения мыши, прокрутки, щелчки и другие действия.
Код для сбора этой информации имеет открытый исходный код и доступен на GitHub.
В настройках проекта есть возможность скрыть данные пользователей сайта. Для этого нужно в разделе Settings выбрать на боковой панели Masking и отметить нужный режим маскировки:
Каждый из режимов имеет свой уровень конфиденциальности:
- строгий — маскируется весь текст на сайте;
- сбалансированный (установлен по умолчанию) — маскируется только конфиденциальный текст: к нему относится все содержимое окна ввода, номера и адреса электронной почты;
- расслабленный — текст не маскируется вообще, в том числе и любой текст ввода.
Внимание. В Правилах использования Clarity есть примечание о том, что его нельзя устанавливать на сайты, содержащие конфиденциальные данные, включая информацию о здоровье пользователей, финансовых услугах или правительственную информацию.
Выводы
- Clarity Microsoft — полезный инструмент для анализа поведения пользователей на сайте. Будучи полностью бесплатным, у него есть и другие преимущества по сравнению с подобными сервисами.
- Установить Clarity можно двумя способами: добавить код JavaScript на сайт или создать пользовательский HTML-тег в Google Tag Manager.
- Сразу после установки нужно выбрать подходящий режим конфиденциальности: строгий, сбалансированный или расслабленный.
- Первые данные начинают поступать через два часа после установки. Через несколько дней на дашборде формируется массив полезной информации. Часть данных аналогична тем, что собирает Google ***ytics, но есть уникальная информация, которая представлена в виде тепловых карт и записей сеансов.
- Использование данных, собранных в Clarity, позволяет лучше понимать запросы пользователей сайта. Анализируя взаимодействие пользователей с сайтом, значительно легче:
- выявлять нерабочие кнопки, неактивные ссылки, невидимые элементы на страницах;
- находить проблемы оптимизации сайта под мобильные устройства;
- определять оптимальную длину страниц сайта;
- просматривать отображение страниц на разных устройствах и с разных браузеров;
- мониторить появление JavaScript ошибок на сайте.
6. Функция интеграции сервиса с Google ***ytics дает возможность просматривать записи сеансов в Clarity через отчеты в GA.
Комментарии:
Эффективен ли ваш канал привлечения трафика? Лучше писать об этом с помощью формул...
29 05 2023 7:17:32
Обо всех способах передачи данных из несвязанных с сайтом источников, а также о ручной передаче данных...
28 05 2023 2:30:28
Отслеживаем в статистике Google ***ytics посетителей пришедших через защищенное соединение в поиске Google....
27 05 2023 16:55:49
Киев, Одесса, Харьков, Днепр и другие города — в офис и обратно IT-специалисты добираются от 10 минут до более чем полутора часа. В дороге они слушают музыку, подкасты, читают книги. Узнать больше!...
26 05 2023 14:23:19
Крауд-маркетинг предполагает взаимодействие с целевой аудиторией с помощью рекомендательных комментариев на форумах, сайтах вопросов и ответов, в блогах, на других площадках...
25 05 2023 5:55:25
Подобрать нужные слова поможет проверка Google Рекламы....
24 05 2023 22:45:57
Создатель сервиса Foster Кирилл Винокуров рассказал, как зарегистрировать приложение для полноценной работы с Директом....
23 05 2023 15:20:53
Как сделать рекламу в Universal App Campaign 2.0 максимально эффективной...
22 05 2023 16:30:49
Сегодня мы открываем новую регулярную серию постов, в которых будем стараться раз в квартал рассказывать про семь важных улучшений Netpeak в работе с клиентами. Сейчас мы максимально сфокусированы на SEO и PPC....
21 05 2023 21:41:42
Как бесплатно пользоваться преимуществами, особенностями и дополнительными инструментами сервиса...
20 05 2023 17:49:18
Новые тактики в рекламных кампаниях, SMM и PR, которые использует бизнес в новых условиях...
19 05 2023 16:52:21
Все, что нужно знать об UTM-метках: зачем использовать, как правильно сгенерить и анализировать....
18 05 2023 4:29:40
При выборе SEO сервиса принято ориентироваться на объем ссылочной массы, но надежен ли такой подход? Большая база не всегда значит качество содержащихся в ней данных, а количество нередко обеспечивают спамные ссылки в отчетах....
17 05 2023 0:34:25
VPN — технология анонимного сетевого подключения. Она позволяет организовать подсеть в уже существующем соединении. Поверхностная сеть закрыта от внешнего доступа, потому вмешаться в нее не смогут. Чтобы узнать больше, читайте дальше!...
16 05 2023 3:57:29
С каждым годом китайские маркетплейсы увеличивают свое влияние, и покупатели всё активней заказывают товары из Поднебесной. Но не всё скидки да покупки — обладатели интернет-аудитории и маркетологи могут еще и хорошо заработать на этих площадках....
15 05 2023 2:36:27
Пример пользовательских отчетов в Google ***ytics, созданных за 15 минут...
14 05 2023 3:56:12
Реклама Facebook для вовлечения пользователей помогает привлечь внимание к приложению и удержать пользователей в условиях перенасыщенного рынка....
13 05 2023 5:55:22
То, чего нет в справке — подробный обзор отчетов Google ***ytics: в режиме реального времени, по аудитории, источникам трафика, поведению, конверсии. Узнать больше!...
12 05 2023 6:35:37
При наложении санкций на сайт его страницы заметно понижаются в выдаче. При наличии бана ресурс полностью исчезает из поиска, включая брендовые запросы...
11 05 2023 13:49:23
И научиться делать свою рекламу прибыльной. Читайте про типы автостратегий и способы их оптимизации....
10 05 2023 8:48:42
Подробнейшая статья об эффективном использовании ремаркетинга. Мотаем на ус!...
09 05 2023 15:17:16
Ringostat и Binotel. Сравнение главных сервисов для коллтрекинга в Украине...
08 05 2023 23:18:21
Как распредляются зарплаты по грейдам и специализации: ежегодное исследование Serpstat....
07 05 2023 16:45:59
Тренды, рекомендации, уроки, инструкции, а также вакансии, идеи, кейсы и всё, что поможет оставаться в теме, находить интересные проекты и вдохновляться. Читать дальше....
06 05 2023 6:12:21
Какие возможности дает Chrome DevTools для SEO-оптимизации...
05 05 2023 6:25:23
Как найти тему для поста, который и в онлайн поиске будет хорошо ранжироваться, и по социалкам разойдется, и комментарии в треде обеспечит...
04 05 2023 18:32:56
Satel является одним из топовых игроков онлайн-маркета, но на старте интернет в качестве канала продаж не рассматривался. Когда онлайн запустили на полную? Узнать!...
03 05 2023 21:34:21
О проблеме с передачей данных об A/B-тестах в Google ***ytics...
02 05 2023 10:58:41
По-настоящему работающих идей не так много, поэтому не стоит бояться творчески заимствовать лучшие наработки и адаптировать их....
01 05 2023 6:56:35
Советы бизнесу от зрителей Big Money и Артема Бородатюка. Предлагаем 11 универсальных, но простых и понятных идей....
30 04 2023 22:34:49
Нужен ли вашему проекту редактор? Как правильно его выбрать и оценить на собеседовании, а затем и в процессе работы?...
29 04 2023 16:29:58
Советы от Agorapulse, Smarp, Readdle, Competera, Leadfeeder, Smartly, Toggl, Grammarly, .Io Media, MacPaw, Depositphotos, Promorepuplic, OWOX, Serpstat, Quokka и TemplateMonster для развития SaaS-продуктов...
28 04 2023 4:59:32
Таблица общих для Google и Яндекс микроформатов инсайде...
27 04 2023 10:39:44
Влияет ли значение показателя отказов на ранжирование сайта в поисковых системах и стоит ли переживать из-за высоких показателей отказов? Узнать больше....
26 04 2023 16:19:13
Блиц-инструкция и рекомендации по созданию эффективных описаний для мобильных приложений...
25 04 2023 9:49:15
Менять карьеру страшно, особенно после тридцати. Поэтому мы спросили людей, у которых это получилось — через какие трудности им пришлось пройти....
24 04 2023 12:13:53
Как сократить время на создание собственных отчетов, если вы работаете с большими рекламными аккаунтами...
23 04 2023 20:26:54
Артем Шевченко (Epicentr), Михаил Рогальский (Monobank), Максим Дмитров (BSH Hausgeräte), Андрей Чумаченко (Netpeak) и другие участники конференции 8Р о том, как они рассчитывают инвестиции в интернет-маркетинг....
22 04 2023 16:59:30
Визуализация данных для новичков. Отвечаем на вопрос читателя....
21 04 2023 0:41:40
89% предпринимателей не тестируют свои продающие тексты. О том, что и как нужно тестировать, рассказал в гостевом посте директор Студии эффективных текстов Владимир Руков....
20 04 2023 6:42:38
Готовые коробочные решения — отличная идея, которая решает много задач, а ещё это относительно недорого. Но такой вариант подойдет далеко не всем. Узнать больше!...
19 04 2023 5:23:51
Статья Оливера Гарднера посвящена различным аспектам оптимизации посадочных страниц: дизайну, контексту, созданию кнопки действия...
18 04 2023 20:31:41
SEOmoz создал систему, которая определяет релевантность страницы поисковому запросу....
17 04 2023 13:30:39
Короткая история про одного из руководителей корпорации «Kimberly Clark». Альтернативная Википедия для тех, кто любит сторителлинг. Читать дальше!...
16 04 2023 5:15:48
Обучение SEO, PPC, курс по изучению языка R, академии Netpeak Software, Serpstat и другие. Список обновляется....
15 04 2023 21:22:54
Ексель для чайникiв. Как импортировать всю необходимую информацию из Google ***ytics с помощью простого интерфейса Excellent ***ytics....
14 04 2023 5:40:50
Сергeй Бахарь неустанно исследует Google Рекламу и рассказывает о новинках нашим читателям....
13 04 2023 16:13:51
Основатель Depositphotos и Clashot Дмитрий Сергеев рассказал нам о базовых правилах ведения бизнеса на западном рынке....
12 04 2023 18:57:45
Раскрутить телеграм-канал с нуля до тысячи — реально. Раскрываем пошаговый алгоритм и даем рекомендации для SMM-специалистов....
11 04 2023 13:54:43
Чтобы увеличить количество заявок и получить волну новых заказов, нужен комплексный подход...
10 04 2023 9:28:45
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::