Интеграция Hotjar с 1С-Битрикс: настройка, события и идентификация

Интернет-магазин на Битрикс уже использует Яндекс.Метрику и Google Analytics, но конверсия не растёт. Стандартные отчёты показывают, где теряются клиенты, но не объясняют, почему. Hotjar решает эту проблему — записывает сессии, строит тепловые карты и собирает опросы. Наш опыт — более 10 лет разработки на Битрикс, свыше 500 интеграций. После внедрения вы сможете снизить стоимость привлечения клиента на 15–20% за счёт устранения узких мест, которые выявляет Hotjar. Потенциальная экономия на рекламе может достигать $2.7k–3.9k в год, если рекламный бюджет превышает $4.5k–6.5k в месяц. Окупаемость — в среднем 2 месяца.

Как установить трекинг-код с поддержкой cookie-согласия?

<!-- В шаблоне Битрикс, перед </head> или перед </body> -->
<script>
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid: YOUR_HJID, hjsv: 6};
    a=o.getElementsByTagName('head')[0];
    r=o.createElement('script');r.async=1;
    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
    a.appendChild(r);
  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

Добавлять код проще всего через настройки продукта (Настройки → Настройки продукта → JS-фрагменты). Выберите позицию «до закрывающего </head>» — так Hotjar загружается как можно раньше и не пропускает начало сессии. Без явного согласия пользователя запись персональных данных нарушает ФЗ-152 и GDPR. Реализуйте cookie-баннер через bitrix:main.cookie.agreement и инициализируйте Hotjar только после согласия:

// Инициализируем Hotjar только после согласия
document.addEventListener('cookieConsentGiven', function() {
    (function(h,o,t,j,a,r){
        /* ... код Hotjar ... */
    })();
});

Также не забудьте исключить административные страницы /bitrix/admin/ из записи.

Почему важна идентификация пользователей?

Без идентификации все записи сессий анонимны. Hotjar не может различить нового посетителя и лояльного клиента. С помощью hj('identify', userId, attributes) вы передаёте атрибуты: количество заказов, сумму покупок, уровень лояльности. Это позволяет фильтровать записи и строить тепловые карты только для нужного сегмента. Например, легко найти сессии пользователей с orders_count > 5 или только B2B-клиентов.

<?php if ($USER->IsAuthorized()): $userId = $USER->GetID(); $ordersCount = getUserOrdersCount($userId); $totalSpent = getUserTotalSpent($userId); $loyaltyLevel = getUserLoyaltyLevel($userId); ?>
<script>
    window.hj = window.hj || function(){(hj.q=hj.q||[]).push(arguments)};
    hj('identify', <?= $userId ?>, {
        email: <?= json_encode($USER->GetEmail()) ?>,
        orders_count: <?= $ordersCount ?>,
        total_spent: <?= $totalSpent ?>,
        loyalty_level: <?= json_encode($loyaltyLevel) ?>,
        is_b2b: <?= getUserIsB2B($userId) ? 'true' : 'false' ?>,
    });
</script>
<?php endif; ?>

Как настроить тепловые карты для динамических страниц?

По умолчанию Hotjar строит тепловые карты по URL. Для Битрикс есть нюансы:

• Фасетный фильтр — catalog.smart.filter меняет URL. Hotjar создаёт отдельную карту для каждой комбинации фильтра. Решение: в настройках Hotjar создайте правило группировки — «все URL, содержащие /catalog/electronics/filter/» объединяются в одну тепловую карту.
• Пагинация — /catalog/?PAGEN_1=2 тоже отдельная карта. Аналогично — группировка для пагинированных страниц.
• Динамические страницы корзины и оформления (sale.order.ajax) меняют DOM без смены URL. Используйте записи сессий для анализа конкретных шагов.

Как отправлять пользовательские события?

Для маркировки ключевых действий в записях сессий:

// Добавление в корзину
function onAddToCart(productId, productName) {
    hj('event', 'add_to_cart');
    hj('tagRecording', ['add_to_cart', 'product-' + productId]);
}
// Начало оформления заказа
hj('event', 'checkout_started');
// Ошибка в форме оформления
hj('event', 'checkout_form_error');
hj('tagRecording', ['checkout_error']);

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

Сравнение Hotjar и Яндекс.Метрики для поведенческого анализа

Hotjar позволяет находить проблемные места в 2 раза быстрее благодаря тегам и фильтрации. Официальная документация Hotjar подтверждает, что правильная настройка снижает CPA на 15–20%.

Сравнение вариантов размещения кода Hotjar

Рекомендуем первый способ — он проще и надёжнее.

Что входит в работу?

• Установка трекинг-кода с поддержкой cookie-согласия
• Идентификация авторизованных пользователей с передачей атрибутов
• Настройка правил группировки страниц для тепловых карт
• Интеграция событий и тегов записи
• Написание документации и обучение команды
• Постпроектное сопровождение

Как мы работаем?

1. Аналитика — собираем требования, определяем ключевые метрики.
2. Проектирование — выбираем стратегию идентификации и событий.
3. Реализация — выполняем интеграцию с учётом особенностей вашего Битрикс.
4. Тестирование — проверяем работу всех механизмов.
5. Запуск — активируем Hotjar в продакшене.
6. Передача документации и обучение.

Сроки ориентировочно

От 2 до 3 рабочих дней. Стоимость рассчитывается индивидуально в зависимости от объёма работ.

Закажите интеграцию Hotjar с Битрикс и получите подробную аналитику поведения пользователей уже через неделю. Мы гарантируем снижение CPA на 15–20% за счёт качественной настройки. Свяжитесь с нами — обсудим ваши задачи.