Інтеграція 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% за рахунок якісного налаштування. Зв'яжіться з нами — обговоримо ваші завдання.

CommerceML: чому стандартний обмін — і порятунок, і пастка

Стандартний обмін через CommerceML 2.0 на типовому «Управлінні торгівлею» або «Комплексній автоматизації» заводиться за день-два. Товари, ціни, залишки, замовлення — все через XML-файли за розкладом. Для магазину на 3 000 позицій з парою оновлень на добу цього вистачає з запасом. Але як тільки каталог переростає 30 000 SKU, починаються проблеми: інтеграція 1С з Бітрікс на великих обсягах потребує нестандартних рішень.

Чому CommerceML гальмує на каталогах понад 100 000 товарів?

bitrix_1c_exchange.php генерує XML на стороні Бітрікса, 1С забирає та парсить. На великих каталогах парсер активно пише в тимчасову таблицю b_xml_tree — MySQL може стати колом. Ми бачили проект, де стандартний обмін 180 000 товарів займав 6 годин і повністю блокував сервер: ні адмінка, ні фронт не відкривалися. Рішення — інкрементальний обмін. В налаштуваннях вузла обміну на стороні 1С ставимо «Вивантажувати тільки змінені» та розбиваємо вивантаження на пакети по 500–1000 елементів. На стороні Бітрікса — кастомний обробник, який не перестворює b_xml_tree кожного разу, а працює через CIBlockXMLFile::ReadXMLToDatabase() з контролем порцій. Каталог у 200 000 SKU оновлюється за 8–12 хвилин.

Ще один підводний камінь — EXTERNAL_ID. При повторному імпорті Бітрікс зіставляє елементи інфоблоків за зовнішнім кодом. Якщо в 1С товар видалено та створено заново з новим GUID, на сайті з'являється дубль — зі старими відгуками на одній картці та нульовими на іншій. Лікується жорсткою прив'язкою за артикулом через кастомний обробник події OnBeforeIBlockElementAdd.

Як уникнути дублів при повторному імпорті?

Прив'язуємо товари не за GUID, а за артикулом. Перевірка на унікальність виконується до запису в інфоблок — дублікати виключаються навіть після перестворення номенклатури в 1С. На одному проекті з 50 000 товарів така схема запобігла появі 300 дублів на місяць і заощадила контент-менеджерам близько 20 годин ручного чищення.

Кастомні конфігурації 1С: коли CommerceML пасує

«У нас типова конфігурація» — каже кожен другий клієнт, а потім ми відкриваємо базу і бачимо 200 кастомних обробок, перейменовані реквізити та самописні документи реалізації. CommerceML працює з фіксованою структурою XML. Якщо в 1С змінили склад реквізитів номенклатури або додали нестандартний документ — обмін мовчки пропускає ці дані. Або падає з незрозумілою помилкою в журналі реєстрації 1С, а в Бітрікс нічого не пишеться.

У таких випадках робимо кастомне вивантаження. На стороні 1С пишемо обробку, яка формує JSON (парсити швидше, налагоджувати простіше) і відправляє через REST API Бітрікса. Повний контроль: які поля беремо, як трансформуємо, що робимо при конфлікті. Для важких випадків — D7 API з прямою роботою через \Bitrix\Catalog\ProductTable та \Bitrix\Sale\Order.

Коли потрібен кастомний REST замість CommerceML?

Кастомний REST виправданий при:

• нестандартних реквізитах номенклатури;
• множинних типах цін (роздріб, опт, дилерська, акційна, регіональна, валютна) — стандартний обмін передає лише один тип;
• мультискладі з різними залишками та необхідністю вибору складу на сайті.

Ціни, залишки та мультисклад

Стандартний обмін вміє передавати один тип ціни. В реальності їх може бути 15: кожна зі своєю групою покупців та пріоритетом. Мапінг між ціновими групами 1С та групами користувачів Бітрікса — окрема інженерна задача. Особливо коли знижки перетинаються і потрібно визначити, яка ціна перемагає.

Мультисклад додає ще один шар: товар є на складі в Москві, немає в Пітері, і «під замовлення» в Новосибірську. На сайті потрібно показати наявність по кожній точці, підключити вибір пункту самовивозу та розрахувати доставку від найближчого складу, де товар фізично є. Стандартний модуль складського обліку Бітрікс (catalog.store) справляється з відображенням, але логіку «звідки відвантажувати» пишемо окремо. Для одного виробничого холдингу ми реалізували кастомний агрегатор залишків, який за 2 секунди розраховував баланс по 8 складах — це скоротило кількість помилок відвантаження на 80%.

Замовлення та документообіг

Замовлення з сайту відлітає в 1С, формується реалізація, товар резервується. Статуси повертаються назад. Головний нюанс — часткове відвантаження: клієнт замовив 5 позицій, 3 є на складі, 2 прийдуть через тиждень. 1С формує два документи реалізації. Бітрікс з коробки не вміє розбивати одне замовлення на кілька відвантажень — доопрацьовуємо обробник OnSaleOrderSaved, який створює дочірні замовлення та синхронізує статуси по кожному.

Документи в особистому кабінеті — рахунки, акти, накладні з 1С — віддаємо через REST, PDF генерується на стороні 1С і кешується на CDN. Покупець завантажує не з 1С напряму (це вбило б сервер), а з кешу.

Рекомендація CommerceML: пакетний імпорт з контролем порцій знижує навантаження на MySQL та виключає блокування (джерело: Wikipedia).

Моніторинг: не «налаштував і забув»

Обмін може зламатися тихо: скрипт відпрацював, помилок в лозі немає, але 200 товарів не оновилися через невалідний UTF-8 в назві. Або 1С змінила формат дати в черговому оновленні — всі ціни прийшли нульовими.

Мінімальний набір, який ставимо на кожному проекті:

• Алерт в Telegram, якщо час обміну виріс у 3+ рази від середнього.
• Перевірка розбіжності залишків: скрипт порівнює b_catalog_product.QUANTITY з тим, що віддає 1С, і сповіщає при дельті більше 5 %.
• Дашборд: остання синхронізація, кількість оброблених позицій, черга, помилки.

Для проектів з високим навантаженням додаємо асинхронні черги на Redis або RabbitMQ. Обмін не блокує веб-сервер, дані не втрачаються при короткочасному падінні 1С. На одному інтернет-магазині з оборотами 2 млн замовлень на рік ми впровадили таку схему — час відновлення після збоїв скоротився з 3 годин до 10 хвилин.

Зв'язка з Бітрікс24 для автоматизації документообігу

Якщо крім сайту є корпоративний портал на Бітрікс24 — зв'язуємо і його. Контрагенти з CRM летять в 1С, рахунки з 1С з'являються в картці угоди. Менеджер бачить дебіторку та взаєморозрахунки, не перемикаючись між вікнами. Закрили угоду — документи сформувалися самі.

Оплата надійшла в 1С → логіст отримує задачу на відвантаження в Бітрікс24. Товар відвантажений → менеджер бачить повідомлення. Автоматичні задачі за подіями з 1С — через вебхуки Бітрікс24 REST API. Така зв'язка скорочує ручне введення на 70% та виключає забуті відвантаження.

Як ми налаштовуємо інтеграцію: покроковий процес

1. Аудит конфігурації 1С. Дивимось структуру довідників, документів, реквізитів. Виявляємо кастомні доопрацювання. Оцінюємо обсяг даних (кількість SKU, замовлень, складів).
2. Проектування схеми обміну. Узгоджуємо набір даних: товари, ціни, залишки, замовлення, документи. Визначаємо інтервал синхронізації та механізм — CommerceML або кастомний REST.
3. Налаштування стандартного обміну. Налаштовуємо CommerceML, пакетний режим, прив'язку за артикулом. Перевіряємо коректність передачі даних на тестовому каталозі.
4. Розширена інтеграція. Для складних конфігурацій пишемо кастомні обробники на стороні 1С та Бітрікса. Підключаємо мультисклад, множинні ціни, часткове відвантаження.
5. Моніторинг та гарантія. Встановлюємо алерти, дашборд, документацію. Навчаємо операторів. Після запуску — гарантійна підтримка.

Строки та що входить в роботу

Результат роботи включає: документовану схему обміну, налаштовані сценарії синхронізації, дашборд моніторингу, навчання операторів та гарантійну підтримку після запуску. Вартість розраховується індивідуально — вона залежить від складності конфігурації 1С, обсягу каталогу та необхідного ступеня автоматизації. Оцінимо ваш проект за 1 день — пишіть, обговоримо. Замовте інтеграцію — отримайте стабільний обмін за 1–2 тижні.

Ми провели понад 50 інтеграцій 1С для інтернет-магазинів та виробничих компаній. Середній досвід команди — 7 років, у нас є сертифіковані спеціалісти 1С-Бітрікс. Наш досвід гарантує, що обмін не зламається в перший же місяць і буде стабільно працювати роками. Наприклад, на проекті з каталогом 50 000 товарів автоматизація обміну заощадила клієнту близько 200 000 рублів на рік на операційних витратах.

Зв'яжіться з нами для безкоштовного аудиту вашої конфігурації 1С — знайдемо вузькі місця та запропонуємо оптимальне рішення.