Інтеграція Hotjar з 1С-Бітрікс: налаштування, події та ідентифікація

Інтернет-магазин на Бітрікс вже використовує Яндекс.Метрику та Google Analytics, але конверсія не зростає. Стандартні звіти показують, де втрачаються клієнти, але не пояснюють, чому. Hotjar вирішує цю проблему — записує сесії, будує теплові карти та збирає опитування. Наш досвід — понад 10 років розробки на Бітрікс, понад 500 інтеграцій. Після впровадження ви зможете знизити вартість залучення клієнта на 15–20% за рахунок усунення вузьких місць, які виявляє Hotjar. Потенційна економія на рекламі може досягати 300 000 грн на рік, якщо рекламний бюджет перевищує 500 000 грн на місяць. Окупність — в середньому 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% за рахунок якісного налаштування. Зв'яжіться з нами — обговоримо ваші завдання.