Google Analytics тепловая карта: чем заменить отчёт в GA4

Google Analytics и тепловая карта: почему отчёта нет

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

Поэтому ответ на вопрос «где встроить тепловую карту в Google Analytics» простой: нигде. Используют отдельный инструмент, а GA4 остаётся местом, где вы проверяете итог — выросли ли заявки, заказы и звонки после изменений на странице.

Что GA4 покажет без карты

Прежде чем ставить новый скрипт, выжмите максимум из того, что уже есть. Цифры не заменят картину, но подскажут, на какие страницы смотреть в первую очередь.

• Прокрутка: при включённой расширенной статистике фиксируется, что человек докрутил страницу почти до конца.
• Клики по исходящим ссылкам, например на ваш Telegram-канал или оплату через Click и Payme.
• Собственные события: нажатие на кнопку «Заказать», раскрытие блока с ценами, просмотр видео.
• Время и вовлечённость по страницам: сравните, где люди остаются, а где уходят сразу.
• Источники трафика: поиск, Instagram, реклама Meta и Google ведут себя по-разному.

Чем заменить: сравнение трёх вариантов

Выбор зависит от размера сайта и от того, что уже установлено. Начинать с платного сервиса без проверки бесплатных обычно нет смысла.

• Microsoft Clarity — бесплатный, даёт карты кликов и прокрутки и записи сессий. Есть возможность связать его с Google Analytics, чтобы смотреть записи по сегментам. Лучший старт для небольшого бизнеса.
• Яндекс Метрика — карты кликов, ссылок и скроллинга плюс Вебвизор. Если Метрика уже стоит на сайте, часто достаточно её, и новый скрипт не нужен.
• Платные сервисы поведенческой аналитики — карты, опросы, записи, гибкие сегменты. Оправданы для крупных сайтов и команд, которые постоянно тестируют изменения.

Пошагово: от установки до выводов

Схема одинакова для любого инструмента. Главное — не распыляться и начать с одной-двух страниц.

• Выберите страницы, которые приносят заявки: главная услуга, карточка товара, страница тарифов.
• Проверьте, что уже установлено. Не ставьте второй инструмент записи, если первый работает.
• Подключите Clarity или включите карты в Метрике, при возможности свяжите с GA4.
• Дождитесь достаточного числа визитов. Если трафик небольшой, это займёт несколько недель.
• Откройте карты отдельно для телефона и компьютера: в Узбекистане значительная часть посетителей идёт с мобильного.
• Посмотрите десять-двадцать записей визитов на ключевую страницу, чтобы подтвердить подозрения с карты.
• Сформулируйте две-три гипотезы, внесите правки и сравните конверсии в GA4 до и после.

Как читать карты кликов, скроллинга и записи

Карта кликов отвечает на вопрос, что люди считают нажимаемым. Если часто кликают по картинке или заголовку, которые не ссылки, — посетитель ждёт перехода, и стоит сделать его. Если главная кнопка почти не получает кликов, она либо не заметна, либо непонятна по тексту. Много кликов по меню вместо контента означает, что страница не ответила на вопрос, с которым человек пришёл.

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

Записи сессий нужны, чтобы понять причину. Именно в них видно зависшую форму, неудобный каталог на телефоне, всплывающее окно, которое закрывает кнопку. Карта подсказывает где, запись объясняет почему.

Пример: интернет-магазин в Ташкенте

Представим магазин товаров для дома с трафиком из поиска и Instagram. В GA4 видно, что из поиска много просмотров карточки товара, а добавлений в корзину мало. Карта скроллинга показывает, что кнопка «Купить» и выбор доставки расположены ниже зоны, до которой доходит большинство, а выше идёт длинное описание. На карте кликов заметны нажатия на фотографию — люди пытаются её увеличить, но галерея не открывается.

Гипотезы напрашиваются: поднять кнопку и цену выше, сократить вступление, сделать фото кликабельным. Через несколько недель в GA4 сравниваем добавления в корзину и оплаты отдельно для мобильных и для поискового трафика. Пример условный, но логика одна для интернет-магазина, клиники или школы.

Типичные ошибки и конфиденциальность

Инструменты записи сессий фиксируют поведение, поэтому скройте поля с личными данными, упомяните аналитику в политике конфиденциальности и не записывайте личный кабинет с чувствительной информацией. Большинство сервисов маскируют ввод по умолчанию, но настройки лучше проверить.

• Выводы по карте, собранной на нескольких десятках визитов.
• Анализ только десктопа при преобладающем мобильном трафике.
• Смешение трафика из поиска и рекламы: ожидания у этих людей разные.
• Три инструмента записи одновременно: сайт замедляется, данные расходятся.
• Правки без фиксации даты: потом невозможно сравнить «до» и «после».

Чек-лист перед запуском

Пройдитесь по списку, прежде чем делать выводы и менять дизайн.

• Выбраны одна-две ключевые страницы.
• В GA4 настроены события для главных кнопок и форм.
• Установлен один инструмент карт, скрипт не тормозит сайт.
• Маскирование личных данных проверено.
• Карты смотрятся раздельно по устройствам и источникам.
• Гипотезы записаны, дата изменений зафиксирована.

Что дальше: от карты к стратегии

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