-10%Переходите к нам от другого подрядчика — дадим скидку на первый этап работ

Карта кликов и вебвизор: как искать точки роста в Яндекс Метрике

Карта кликов, карта скроллинга и Вебвизор Яндекс Метрики для поиска точек роста магазина на 1С-Битрикс

Отчёты по конверсии показывают, что на странице «что-то не так»: люди приходят, но не покупают. А вот что именно не так, цифры не говорят. Карта кликов, карта скроллинга, аналитика форм и Вебвизор Яндекс Метрики — это инструменты, которые превращают сухую воронку в наблюдаемое поведение: видно, куда кликают зря, где обрывается прокрутка и на каком поле формы посетитель сдаётся.

Разберём, как читать эти инструменты для интернет-магазина на 1С-Битрикс, где искать точки роста в карточке товара и оформлении заказа и как превращать наблюдения в проверяемые гипотезы, а не в поспешные переделки. Работа с поведенческой аналитикой хорошо сочетается с аудитом и оптимизацией на стороне 1С, где источник многих проблем прячется в данных, а не в верстке.

Коротко

  • Карта кликов вскрывает клики по некликабельным элементам, карта скроллинга — какой контент вообще виден.
  • Вебвизор показывает поведение вживую, но чувствительные поля форм обязательно маскируют.
  • Всегда сегментируйте по устройству и источнику: усреднённая карта прячет мобильные проблемы.
  • Наблюдение — это гипотеза; её проверяют изменением и смотрят на целевые действия и продажи, а не «переделывают на глаз».

Что дают карты и Вебвизор

Классическая аналитика отвечает на вопрос «сколько»: сколько визитов, какая конверсия, где обрыв воронки. Поведенческие инструменты Метрики отвечают на вопрос «почему»: они показывают, как именно люди ведут себя на конкретной странице. Это разные слои данных, и сила — в их сочетании.

Важно с самого начала настроить правильную оптику: карты дают паттерны на массе, Вебвизор — детали на единичных визитах. Одно без другого вводит в заблуждение.

Карта кликов: где кликают зря

Карта кликов — самый недооценённый инструмент. В отличие от карты ссылок, она фиксирует вообще любые клики, поэтому вскрывает частую проблему: люди нажимают на то, что выглядит кликабельным, но ничего не делает. Характеристика товара, похожая на ссылку; картинка, которую хотят увеличить, а она не открывается; «кнопка», которая на деле просто текст.

Что искать на карте кликов:

Быстрая победа: если карта кликов стабильно показывает клики по картинке товара, а увеличение не открывается — включите зум по клику. Это дешёвая правка, закрывающая явное и массовое ожидание пользователей.
Воронка магазина и метрики этапов Визиты и трафикисточники, каналыПросмотры карточекглубина, отказыДобавления в корзинуброшенные корзиныОформление заказаCR в заказОплатаCR в оплату
Схема: на каждом переходе часть посетителей отсеивается, и у каждого шага своя метрика. Там, где отсев наибольший, и живёт ближайшая точка роста.

Карта скроллинга: докуда доходят

Карта скроллинга отвечает на предварительный вопрос ко всей аналитике страницы: а виден ли вообще блок, эффективность которого вы оцениваете. Если важный элемент находится ниже точки, до которой докручивает большинство, то низкая конверсия по нему — не проблема элемента, а проблема его расположения.

Типичные выводы из карты скроллинга: блок с преимуществами или отзывами оказался в «мёртвой зоне», куда доходит меньшинство; кнопка целевого действия утоплена ниже сгиба на мобильных; длинное описание отодвигает важные блоки так, что их не видят. Сначала по скроллингу проверяют видимость, и только потом по карте кликов — взаимодействие. Оценивать клики по блоку, который никто не докручивает, лишено смысла.

Аналитика форм: где бросают

Формы — узкое место конверсии в любом магазине: форма оформления заказа, обратный звонок, регистрация в B2B-кабинете. Аналитика форм показывает, какие поля заполняют, сколько времени на них тратят и на каком поле чаще всего бросают заполнение.

Что вскрывает аналитика форм:

Каждое лишнее обязательное поле в оформлении заказа — это потерянные заказы. Аналитика форм показывает, какие именно поля стоят вам конверсии.

Вебвизор: смотрим руками

Карты дают статистику, но иногда нужно увидеть конкретный визит целиком. Вебвизор записывает сессии и показывает их как «видео»: движения мыши, клики, прокрутку, ввод в поля. Это незаменимо, когда паттерн из карты непонятен: почему на этом поле бросают? Смотришь десяток записей — и видишь, что валидация ругается на нормальный телефон.

Важный момент — приватность. По умолчанию Вебвизор маскирует ввод, а поля с телефоном, адресом и платёжными данными нужно дополнительно помечать как скрытые от записи. Вы должны видеть поведение, но не сами персональные данные. Это обязательная часть настройки: корректное маскирование чувствительных полей и отражение записи сессий в политике конфиденциальности сайта.

Как смотреть Вебвизор эффективно: не листайте записи подряд. Сегментируйте по проблемному действию (бросили корзину, ушли со страницы оформления) и смотрите именно эти сессии — так вы за 10–15 записей увидите повторяющийся барьер.

Сегментация: мобильные и источники

Усреднённая карта по всему трафику почти бесполезна, потому что смешивает несовместимое поведение. Мобильный и десктопный пользователь ведут себя по-разному, посетитель из поиска и из рассылки — тоже. Поэтому карты и Вебвизор сегментируют.

Точки роста в карточке товара

Карточка товара — страница, где принимается решение о покупке, и здесь карты дают больше всего инсайтов. Частые находки: клики по картинке в ожидании увеличения; игнор кнопки «в корзину», утопленной ниже сгиба на мобильном; клики по характеристикам, которые люди хотят развернуть; обрыв скролла до блока с отзывами или похожими товарами.

Для B2B-каталога добавляются свои сюжеты: закупщики ищут артикул, наличие по складу и цену своей группы, и если этих данных не видно в зоне первого экрана, карта скроллинга покажет, что до них не доходят. Многие такие проблемы решаются не версткой, а данными из учётной системы — их корректный вывод обеспечивает автоматизация на 1С.

Точки роста в корзине и оформлении

Оформление заказа — место, где теряется больше всего почти-покупателей. Здесь связка «аналитика форм + Вебвизор» работает лучше всего. Аналитика форм показывает поле-стоппер, Вебвизор объясняет причину: строгая валидация, непонятная ошибка, лишнее обязательное поле, неочевидный следующий шаг.

Что искать в оформлении:

От наблюдения к гипотезе

Главная ошибка при работе с картами — сразу «чинить увиденное». Правильный путь — превратить наблюдение в гипотезу с ожидаемым эффектом. Наблюдение: «на карте кликов люди массово жмут на картинку товара, но зум не открывается». Гипотеза: «если включить увеличение по клику, вырастет глубина просмотра карточки и добавления в корзину».

Гипотеза формулируется по схеме: что меняем, почему это должно сработать, какую метрику двигаем и на сколько. Так вы отделяете системную проблему от случайного шума и получаете список изменений, который можно приоритизировать, а не спонтанные переделки «мне кажется, так лучше».

Проверка гипотез и приоритеты

Не все гипотезы стоит внедрять сразу и не все — проверять экспериментом. Приоритет расставляют по потенциальному эффекту и стоимости внедрения: дешёвые правки с явным массовым сигналом (мёртвый зум, лишнее поле) катят сразу, спорные и дорогие — проверяют.

  1. Оцените охват. Сколько пользователей затрагивает проблема — по карте и объёму трафика страницы.
  2. Оцените стоимость. Насколько дорого внедрить изменение и не сломает ли оно другое.
  3. Выберите способ проверки. Явные правки — сразу с замером до/после; спорные — сравнением сегментов или экспериментом.
  4. Замерьте по целям. Смотрите не на клики ради кликов, а на целевые действия и продажи.

Финальный критерий любой гипотезы — влияние на заказы. Поведенческие метрики важны, но конечная цель — выручка, поэтому эффект сверяют с данными о продажах из 1С.

Особенности на 1С-Битрикс

Технически счётчик Метрики работает на стороне браузера, поэтому композитный кэш ему не мешает — главное, чтобы код счётчика был на всех страницах и не дублировался. Нюанс возникает с динамическими блоками: элементы, подгруженные AJAX (быстрый просмотр, догрузка списка, персональные цены), карта кликов учитывает по актуальной верстке, и такие места полезно перепроверять Вебвизором.

Ещё один частый источник искажений — данные, а не интерфейс. «Странное» поведение в карточке нередко объясняется тем, что наличие или цена пришли из 1С некорректно, и человек не понимает, можно ли купить. Поэтому поведенческий анализ логично вести вместе с наведением порядка в обмене — это часть услуги автоматизации продаж и склада на 1С. Инфраструктурные вопросы производительности, влияющие на поведение, мы разбирали в статьях про инфраструктуру на BitrixVM и процесс выкладки изменений.

Частые ошибки

Чек-лист анализа

  1. Счётчик и карты настроены. Код на всех страницах, Вебвизор включён, чувствительные поля замаскированы.
  2. Достаточно данных. Накоплена значимая выборка визитов и целевых действий по странице.
  3. Сегментация задана. Разделены устройства, источники и достигшие/не достигшие цели.
  4. Скролл проверен. Важные блоки попадают в зону видимости большинства.
  5. Клики прочитаны. Найдены клики по некликабельному, rage-клики и игнор целевых кнопок.
  6. Формы разобраны. Определены поля-стопперы и места ошибок валидации.
  7. Гипотезы сформулированы. Каждое наблюдение — с ожидаемым эффектом и метрикой.
  8. Эффект сверен с продажами. Результат гипотез оценивается по заказам, а не только по кликам.

Вывод

Карта кликов, карта скроллинга, аналитика форм и Вебвизор превращают невнятную просадку конверсии в конкретные, наблюдаемые барьеры: мёртвый зум на картинке, утопленную кнопку, поле-стоппер в оформлении. Но сила инструментов раскрывается только при дисциплине: достаточная выборка, сегментация по устройствам, наблюдение как гипотеза, а не как повод немедленно всё переделать.

И последнее — самое важное. Поведенческие метрики не самоцель. Каждую находку доводят до проверяемой гипотезы и сверяют её эффект с реальными продажами, данные о которых лежат в 1С. Тогда карты Метрики становятся не красивыми картинками, а инструментом системного роста заказов.

Частые вопросы

Чем карта кликов отличается от карты ссылок в Метрике?

Карта ссылок показывает клики только по ссылкам и учитывает переходы, а карта кликов фиксирует вообще все клики по странице, включая нажатия на нессылочные элементы: картинки, блоки, псевдокнопки. Именно карта кликов вскрывает частую проблему интернет-магазинов — люди кликают по элементам, которые выглядят кликабельными, но ничего не делают. Для поиска точек роста полезны обе, но карта кликов честнее отражает реальное поведение.

Сколько данных нужно, чтобы выводы по картам были достоверными?

Единого порога нет, но опираться на десяток визитов нельзя. Для карты кликов и скроллинга ориентируются на сотни визитов на страницу за период, а для решений о конверсии — на статистически значимую выборку целевых действий. Малый трафик даёт красивую картинку, но случайную: пара активных пользователей может «нарисовать» несуществующий паттерн. Чем реже страница, тем длиннее нужно копить данные.

Вебвизор записывает персональные данные покупателей?

Вебвизор по умолчанию маскирует ввод в полях форм, а поля с чувствительными данными (телефон, адрес, платёжные данные) нужно дополнительно помечать как скрытые от записи. При корректной настройке вы видите поведение — куда навёл, что кликнул, где застрял, — но не сами введённые значения. Ответственность за маскирование чувствительных полей и соответствие политике конфиденциальности лежит на владельце сайта, это обязательно проверяют при внедрении.

Карты и Вебвизор корректно работают на композитном сайте Битрикса?

Да, счётчик Метрики срабатывает на стороне браузера после загрузки страницы, поэтому композитное кэширование ему не мешает — важно лишь, чтобы код счётчика был на всех страницах и не дублировался. Нюанс возникает с динамически подгружаемым контентом: элементы, появившиеся после AJAX, карта кликов должна учитывать по актуальной верстке. Поэтому при сложных динамических блоках карты сверяют с Вебвизором.

Что важнее для роста конверсии — карта кликов или карта скроллинга?

Они отвечают на разные вопросы и работают в паре. Карта скроллинга показывает, до какой части страницы вообще доходят люди, то есть какой контент реально виден. Карта кликов показывает, с чем из увиденного взаимодействуют. Сначала по скроллингу проверяют, что важные блоки попадают в зону видимости, а затем по карте кликов — кликают ли по ним. Оценивать клики по блоку, который никто не докручивает, бессмысленно.

Как отличить реальную проблему от случайного шума в данных?

Проверяют повторяемость и объём: паттерн должен держаться на разных срезах (разные дни, устройства, источники) и на достаточной выборке. Одиночный странный визит в Вебвизоре — это гипотеза, а не факт. Наблюдение превращается в проблему, когда оно системно и подтверждается количественно: например, карта кликов стабильно показывает клики по некликабельному элементу у сотен пользователей, а не у пяти.

Нужно ли смотреть карты отдельно для мобильных и десктопа?

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

Как связать наблюдения из карт с реальными продажами?

Карты и Вебвизор показывают поведение, но не выручку, поэтому их связывают с целями и электронной коммерцией Метрики, а конечный эффект гипотез оценивают по заказам. Наблюдение из карты становится гипотезой, гипотезу проверяют изменением и смотрят на целевые действия и продажи до и после. Для корректной атрибуции продаж по каналам данные из Метрики сопоставляют с заказами из 1С — это отдельная работа со сквозной аналитикой.

Поделиться:

Метрика показывает, что теряете заказы, но не понимаете где?

Проведём аудит поведения на ключевых страницах, свяжем наблюдения с данными 1С и дадим приоритизированный список гипотез для роста конверсии.

Аудит и оптимизация 1С

Игорь Воскресенский

Команда B2Bsite. С 2014 года разрабатываем интернет-магазины и порталы на 1С-Битрикс: анализируем поведение пользователей, связываем аналитику с данными 1С и растим конверсию среднего и крупного бизнеса.

← Все статьи блога