Перейти к содержимому

Интеграции · Microsoft Clarity и Hotjar

Интеграция с Microsoft Clarity и Hotjar для сайта и интернет-магазина

Интеграция с Microsoft Clarity и Hotjar под ключ: записи сессий и тепловые карты показывают, где посетители останавливаются в каталоге, корзине и форме, а персональные данные клиентов остаются замаскированными.

  • Маскирование телефона, e-mail и оплаты
  • Скрипт после основного содержимого
  • Первые гипотезы из реальных сессий
Главная страница idatex.com.ua

Интеграция с Microsoft Clarity и Hotjar

после консультации

Google Shopping
от $500
Реклама в Meta
от $450

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

IDATEX – +11050 % конверсий с SEO

Интеграция с Microsoft Clarity и Hotjarпосле консультации

Обсудить интеграцию

Microsoft Clarity и Hotjar показывают, как люди пользуются сайтом: где кликают, до какого места прокручивают страницу и на каком шаге бросают форму или корзину. Записи сессий и тепловые карты помогают найти причины, по которым часть посетителей не доходит до заявки.

  • записи сессий с кликами, прокруткой и движением курсора по странице;
  • тепловые карты кликов и прокрутки для главной, категорий и карточки товара;
  • маскирование полей с персональными данными: телефон, e-mail, адрес, оплата;
  • фильтры сессий по источнику, устройству и странице;
  • отметки для ключевых действий: кнопка покупки, форма, оформление заказа;
  • подключение через Google Tag Manager или вставку кода на все страницы.

250+

запущенных проектов

417

заказов из Google Ads за месяц, кейс "Декор"

от $1 000

магазин с интеграцией 1С / BAS

с 2015

года запускаем сайты и магазины

Когда это нужно

Когда цифр GA4 для решений мало

GA4 показывает, сколько людей ушло с сайта, а причину видно в поведении на самой странице.

  • Много визитов, мало заявок

    Трафик есть, а форма или корзина не заполняются, и непонятно, на каком месте люди останавливаются.

  • Редизайн по ощущениям

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

  • Жалобы на неудобную форму

    Клиенты жалуются на сбой при оформлении заказа, и воспроизвести ошибку самим удается редко.

  • Мобильная версия работает хуже

    Есть подозрение, что с телефона кнопки, меню или фильтры неудобны, и нужны доказательства из реальных сессий.

Результат

Что меняется после подключения

Видимое поведение посетителей

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

Тепловые карты ключевых страниц

Главная, категории и карточка товара получают карты кликов и прокрутки с зонами внимания.

Защищенные персональные данные

Поля с телефоном, e-mail, адресом и оплатой маскируем, а страницы оплаты и кабинета исключаем.

Сессии по нужным фильтрам

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

Отметки ключевых действий

Клик на кнопку покупки, отправка формы и оформление заказа отмечены, поэтому нужные записи находятся быстро.

Список гипотез для сайта

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

Кейсы

Магазины и результаты наших клиентов

Проекты, которые мы запустили и подключили, – с цифрами из кейсов и отчетов.

Результаты: декор

Декор

Товарная реклама в Google

417заказов из рекламы Google за месяц, бюджет 57 600 ₴

  • Google Shopping
  • Performance Max
Как это работает
Главная страница idatex.com.ua

IDATEX

Швейная фурнитура YKK

+11050 %конверсий за 9 месяцев SEO-продвижения

  • Переезд на Хорошоп
  • SEO-продвижение
Смотреть кейсidatex.com.ua
Результаты: солнечная энергетика

Солнечная энергетика

Товарная реклама в Google

39,4 млн ₴выручки с товарной рекламы за месяц

  • Google Shopping
  • Performance Max
Как это работает

Этапы

Как проходит подключение

Договор с фиксированной ценой подписываем после консультации, а ход работ и отчеты вы видите в общем чате.

  1. Шаг 01

    Консультация

    Уточняем задачи, смотрим сайт и называем цену интеграции после бесплатной консультации.

  2. Шаг 02

    Выбор инструмента

    Сравниваем Clarity и Hotjar под ваши вопросы и сверяем актуальные условия сервисов.

  3. Шаг 03

    Установка и маскирование

    Добавляем скрипт, скрываем чувствительные поля и исключаем страницы оплаты и личного кабинета.

  4. Шаг 04

    Тест на сессиях

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

  5. Шаг 05

    Запуск и обзор

    Открываем запись для всех, собираем выборку и передаем первые выводы с гипотезами.

Состав работ

Что подключаем и настраиваем

Выбираем один инструмент или оба под ваши задачи и проверяем условия сервисов перед стартом.

Установка скрипта
  • Код Clarity, Hotjar или обоих инструментов
  • Подключение через Google Tag Manager или в шаблоне
  • Загрузка после основного содержимого страницы
Приватность
  • Маскирование телефона, e-mail, адреса и оплаты
  • Исключение оплаты и личного кабинета из записи
  • Согласие на cookie и описание в политике конфиденциальности
События и сегменты
  • Отметки кнопки купить, формы и оформления
  • Фильтры по источнику, устройству и странице
  • Связь с источниками трафика, если это позволяет инструмент
Тест и первый обзор
  • Проверка маскирования на тестовых сессиях
  • Открытие записи для всех посетителей
  • Обзор первых записей и тепловых карт

Вопросы

Частые вопросы о Clarity и Hotjar

Сколько стоит подключение Clarity и Hotjar?

Цену называем после бесплатной консультации: она зависит от платформы, количества страниц и выбранных инструментов. Сумму фиксируем в договоре. Тариф Hotjar, если он нужен, вы платите напрямую сервису. Для нового проекта есть интернет-магазин под ключ от $500.

Что выбрать: Clarity или Hotjar?

Для старта часто хватает одного инструмента, потому что записи и тепловые карты есть в обоих. Hotjar добавляет опросы и виджеты отзывов в зависимости от тарифа. Выбор зависит от ваших задач, а условия сервисов мы сверяем перед стартом.

Записываются ли пароли и данные карт?

Чувствительные поля маскируем, а страницы оплаты и личного кабинета исключаем из записи. Маскирование проверяем на тестовых сессиях до запуска для всех посетителей.

Нужно ли согласие на cookie?

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

Сколько записей нужно для выводов?

Это зависит от трафика страницы и вопроса, который вы проверяете. Отдельная запись подсказывает гипотезу, а подтверждают ее данные GA4 и заказы, поэтому советуем дождаться достаточной выборки сессий.

Замедлит ли скрипт мой сайт?

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

Консультация бесплатная

Расскажите о вашем сайте

Пришлите адрес сайта и напишите, какие страницы хотите наблюдать – оценим объем и назовем цену после бесплатной консультации. Пн–Пт, 10:00–18:00.

  • Без обязательств после консультации
  • Договор, акты, украинский ФОП (индивидуальный предприниматель) 3 группы без НДС
Отправляя форму, вы соглашаетесь с Политикой конфиденциальности.

Зачем сайту Microsoft Clarity и Hotjar

Google Analytics 4 показывает цифры: сколько людей пришло и сколько купило. Microsoft Clarity и Hotjar показывают поведение: куда посетитель кликает, где останавливается и что пытается нажать. Интеграция с Microsoft Clarity и Hotjar добавляет на сайт эти инструменты и настраивает их так, чтобы персональные данные клиентов не попадали в записи.

Владельцы ищут тепловая карта сайта, запись сессий посетителей и Hotjar или Clarity. По условиям сервисов Clarity бесплатен, а тарифы Hotjar зависят от объема сессий, поэтому актуальные условия сверяем перед стартом.

Что входит в подключение Clarity и Hotjar

  • установка скрипта одного или обоих инструментов с учетом скорости страниц;
  • маскирование чувствительных полей: телефон, e-mail, адрес, данные оплаты;
  • исключение страниц оплаты и личного кабинета из записи;
  • отметки событий: клик по кнопке покупки, отправка формы, оформление заказа;
  • связь записей с источниками трафика, если это позволяет инструмент;
  • согласие на cookie и упоминание инструментов в политике конфиденциальности;
  • обзор первых записей и тепловых карт с перечнем гипотез.

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

Как мы подключаем Clarity и Hotjar

От вас нужны аккаунт Microsoft Clarity или Hotjar (мы поможем его создать), доступ к настройкам сайта и список страниц, которые стоит записывать. На Хорошопе скрипт добавляется вставкой кода или через Google Tag Manager. На WordPress и индивидуальном сайте подключаем его в шаблоне с загрузкой после основного содержимого страницы.

Сначала проверяем маскирование на тестовых сессиях и только потом открываем запись для всех посетителей. Работа идет в четыре шага:

  1. выбор инструмента под ваши задачи;
  2. установка скрипта и маскирование полей;
  3. тест на реальных сессиях;
  4. запуск и первый обзор записей.

Стоимость подключения Clarity и Hotjar

Стоимость подключения рассчитываем после бесплатной консультации и обзора сайта: она зависит от платформы, количества страниц и выбранных инструментов. Тариф Hotjar, если он нужен, оплачивается напрямую сервису по его текущим условиям. Если сайта еще нет, сайт на шаблоне стоит от $500, а корпоративный сайт – от $1 350. Консультация доступна на странице контактов.

Вопросы и ответы

Что выбрать: Clarity или Hotjar?

Для старта часто хватает одного инструмента, так как записи и тепловые карты есть в обоих. Hotjar добавляет опросы и виджеты отзывов в зависимости от тарифа. Выбор зависит от задач, а условия сервисов мы сверяем перед стартом.

Записываются ли пароли и данные карт?

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

Нужно ли согласие на cookie?

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

Сколько записей нужно для выводов?

Это зависит от трафика страницы и вопроса, который вы проверяете. Мы советуем ждать достаточной выборки сессий и сопоставлять наблюдения с данными GA4 и заказами.