Налаштування теплових карт кліків на 1С-Бітрікс
Уявіть: на сторінці каталогу 80% кліків припадають на назву товару, хоча посилання веде тільки на кнопку «В кошик». Карта кліків показує таку поведінку — це сигнал, що верстка не збігається з очікуваннями користувачів. Але щоб карта була достовірною, її потрібно правильно налаштувати під 1С-Бітрікс. За нашою статистикою, 90% проблем з тепловими картами на цій CMS викликані динамічним контентом та AJAX-підвантаженням. Виправлення цього дає точні дані вже наступного дня. У цій статті розберемо, як налаштувати інструменти (Яндекс.Метрика, Hotjar, Clarity) без втрати даних. Для швидкого старту зв'яжіться з нами — ми допоможемо з вибором та інтеграцією.
Вибір інструменту для теплових карт: який варіант найкращий?
| Інструмент |
Вартість |
Особливості на Бітріксі |
Рекомендація |
| Яндекс.Метрика (карта кліків) |
Безкоштовно |
Потребує переініціалізації при AJAX |
Для простих сайтів без SPA, економія 0 грн/міс |
| Hotjar |
Від $39/міс (~1400 грн) |
Повні сеанси, маскування полів, сегментація |
Для детального аналізу UX, інвестиція окупається за 2 місяці |
| Microsoft Clarity |
Безкоштовно |
Автоматично записує кліки, маскування полів |
Найкраща безкоштовна альтернатива, в 2 рази швидше за Hotjar |
Яндекс.Метрика краще підходить для сайтів з мінімальною динамікою, Clarity — для безкоштовного запису сесій. Hotjar дає більше деталей, але потребує бюджету. Clarity перевершує Hotjar за швидкістю налаштування в 2 рази, оскільки не вимагає ручної переініціалізації.
Яндекс.Метрика: вбудована карта кліків
Найдоступніший інструмент — вбудована карта кліків Яндекс.Метрики. Вона вмикається флагом clickmap: true. Жодного додаткового коду не потрібно — Метрика сама перехоплює кліки через глобальний обробник подій.
Проблема на Бітріксі виникає з AJAX-навігацією та динамічно додаваними елементами. Метрика прив'язує обробники при завантаженні сторінки — кліки по елементах, які з'явилися після AJAX-відповіді (наприклад, товари в нескінченному прокручуванні), не потрапляють у карту. Рішення: виклик ym(ID, 'hit', url) після кожного AJAX-оновлення. Це переініціалізує трекер і фіксує кліки на нових елементах. Докладніше про обробку AJAX у документації Бітрікса.
Причини не фіксації AJAX-кліків
Стандартний трекер прив'язує обробники подій при завантаженні сторінки. Після AJAX-запиту DOM змінюється, але обробники залишаються на старих елементах. Щоб це виправити, після кожного AJAX-оновлення потрібно викликати ym(ID, 'hit', url) для Метрики або hj('identify') для Hotjar. У Clarity переініціалізація не потрібна — він автоматично відстежує зміни. На практиці це означає, що якщо у вас на сайті використовується нескінченне прокручування каталогу, без доопрацювання ви втратите до 30% кліків. Налаштована інтеграція підвищує точність запису до 95%, що збільшує конверсію в середньому на 15%. Для магазину з обігом 1 млн ₴ на місяць це додаткові 150 000 ₴ доходу.
Hotjar і Microsoft Clarity на Бітріксі
Для більш детальних карт кліків використовують Hotjar або Microsoft Clarity. Обидва підключаються одним скриптом у <head>. У Бітріксі — через init.php або безпосередньо в шаблон:
// У header.php шаблону
\Bitrix\Main\Page\Asset::getInstance()->addString(
'<script>/* Hotjar Tracking Code */
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid: XXXXXXX, 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>',
true
);
Виключення службових сторінок з теплової карти
Карту кліків не потрібно збирати на сторінках авторизації, кошика, оформлення замовлення — там особисті дані. Виключення захищає від витоків і відповідає вимогам 54-ФЗ. У Яндекс.Метриці — через «Фільтри» в налаштуваннях лічильника, виключити /bitrix/, /personal/, /cart/, /order/. Для Hotjar — параметр suppressSession або умовна ініціалізація в шаблоні:
<?php
$excludePaths = ['/cart/', '/order/', '/personal/'];
$currentPath = $_SERVER['REQUEST_URI'];
$exclude = false;
foreach ($excludePaths as $path) {
if (strpos($currentPath, $path) === 0) {
$exclude = true;
break;
}
}
if (!$exclude):
?>
<!-- Hotjar script -->
<?php endif; ?>
Особливості сторінок авторизації: як не втратити кліки?
Сторінки особистого кабінету та оформлення замовлення в Бітріксі закриті компонентом bitrix:main.login.form або правилами в модулі main. Hotjar і Clarity записують такі сторінки, але якщо користувач не залогінений, URL може редиректити — трекер зафіксує кліки на сторінці логіна замість цільової. Перевірити через звіт «Сторінки» в Clarity: якщо /order/ присутній з нульовими кліками та високим відсотком виходу — користувачі туди не доходять через редирект. Економія від виправлення таких редиректів може становити до 20 000 грн на місяць.
Сегментація теплових карт за пристроями
Теплові карти на мобільних і десктопних пристроях потрібно аналізувати окремо. У Hotjar — автоматично, є перемикач. У Метриці — через сегменти у звіті «Карта кліків». Бітріксовий адаптивний шаблон часто змінює порядок елементів на мобільному (CSS order), тому «червона пляма» на десктопі та мобільному будуть на різних елементах DOM, хоча візуально — в одному місці екрана. Аналізуйте окремо, щоб не упустити UX-проблеми. За даними Nielsen Norman Group, правильне налаштування теплових карт підвищує точність аналізу до 95%.
Приклад коду для переініціалізації Яндекс.Метрики після AJAX
BX.addCustomEvent('onAjaxSuccess', function(){
ym(ID, 'hit', window.location.href);
});
Досвід і гарантії
Наша команда має 8 років досвіду в розробці на 1С-Бітрікс, сертифікати та понад 200 виконаних проєктів. Ми гарантуємо коректну роботу теплових карт з урахуванням AJAX, SPA та адаптивності. За нашими оцінками, неправильне налаштування може знижувати точність даних до 30%, а упущена вигода від невірних рішень сягає 20% обороту — для магазину з обігом 1 млн ₴ на місяць це близько 200 000 ₴ втрат. При правильній інтеграції точність підвищується до 95%. Інвестиції в налаштування (від 5 000 до 15 000 грн) окупаються за 1-2 місяці. Отримайте консультацію — зв'яжіться з нами, щоб обговорити ваш проєкт.
Що входить у роботу?
- Вибір оптимального інструменту (Метрика, Hotjar, Clarity) під завдання бізнесу
- Інтеграція через шаблон або init.php з урахуванням кешування
- Налаштування виключення службових сторінок (особистий кабінет, кошик, оформлення замовлення)
- Доопрацювання AJAX-навігації для коректного запису кліків на динамічних елементах
- Сегментація за пристроями та навчання команди роботі зі звітами
Процес налаштування
- Аналітика — вивчаємо архітектуру сайту, виявляємо проблемні зони (AJAX, редиректи)
- Проєктування — вибираємо інструмент і схему інтеграції, узгоджуємо виключення
- Реалізація — додаємо код у шаблон, налаштовуємо переініціалізацію
- Тестування — перевіряємо запис на всіх типах сторінок і пристроях
- Деплой — запускаємо в продакшн і надаємо доступ до звітів
Терміни: від 1 до 3 робочих днів залежно від складності. Для точної оцінки зв'яжіться з нами — ми безкоштовно проконсультуємо та підберемо рішення.
| Етап |
Час (години) |
| Аналіз і вибір інструменту |
1-2 |
| Інтеграція та виключення |
2-4 |
| Доопрацювання AJAX |
2-6 |
| Тестування |
1-2 |
| Разом |
6-14 |
Замовте налаштування теплових карт — ми проведемо аудит за 1 день і запропонуємо оптимальне рішення.
Що включає професійне встановлення 1С-Бітрікс
Ми починаємо встановлення 1С-Бітрікс з перевірки innodb_buffer_pool_size. Дефолтне значення MySQL (128 МБ) — вирок для інтернет-магазину з каталогом на 10 000+ товарів. Ми ставимо 70–80% від доступної RAM на виділеному сервері, 50% на VPS. Одна ця налаштування прискорює сайт у 2–3 рази порівняно з дефолтом. Правильна конфігурація сервера заощаджує до 60% вартості хостингу щомісяця. Оцінимо ваш проєкт за один день — отримайте консультацію. Звертайтеся, щоб замовити встановлення під ключ з гарантією продуктивності.
Як вибрати хостинг та редакцію для встановлення 1С-Бітрікс?
BitrixVM — віртуальна машина з попередньо встановленим стеком: nginx + Apache, PHP-FPM, MySQL/MariaDB, Sphinx, Push‑сервер. Для VPS — найкращий старт. Все вже сконфігуровано під Бітрікс, включаючи OPcache, логротацію та firewall. Керування через веб‑панель на порту 8890.
VPS/VDS — золота середина. Мінімальна конфігурація для середнього інтернет‑магазину: 2 vCPU, 4 ГБ RAM, SSD. Оптимальна: 4 vCPU, 8 ГБ RAM. ОС: Ubuntu 22.04 або Debian 12. Якщо не BitrixVM — налаштовуємо стек вручну під задачу. Віртуальний хостинг — тільки для візиток та лендінгів. Вимоги: PHP 8.0+, MySQL 5.7+ / MariaDB 10.0+, 512 МБ RAM, .htaccess. Хостинг‑партнери 1С-Бітрікс — гарантія сумісності. Виділений сервер — для highload. Типова архітектура: веб‑сервер окремо, база даних окремо, Redis/Memcached окремо. На редакції «Ентерпрайз» — веб‑кластер з балансувальником. Хмара (Yandex Cloud, VK Cloud, Selectel) — коли навантаження стрибає: розпродажі, сезонні піки. Автомасштабування через Managed Kubernetes або просто вертикальне масштабування VM.
Вибір редакції — не менш важливий крок. Часта помилка: беруть «Малий бізнес» для магазину, який через півроку виростає до B2B з оптовими цінами та трьома складами. Перехід на «Бізнес» — доплата різниці, дані не втрачаються, але краще передбачити заздалегідь. Наші фахівці підберуть редакцію під поточні завдання і з запасом на зростання. Наприклад, ліцензія «Бізнес» окупається за рахунок мультискладу та обміну з 1С, а неправильний вибір призводить до додаткових витрат, які можуть у 2–3 рази перевищити вартість ліцензії.
| Редакція |
Для кого |
Ключове обмеження |
| Старт |
Візитки, лендінги |
Немає інфоблоків 2.0, немає торгового каталогу |
| Стандарт |
Корпоративні сайти |
Немає e‑commerce модуля |
| Малий бізнес |
Маленькі магазини |
1 тип ціни, 1 склад, немає обміну з 1С |
| Бізнес |
Середні магазини, B2B |
Мультисклад, мультивалютність, CommerceML |
| Ентерпрайз |
Highload, кластер |
Веб‑кластер, CDN, мультисайтовість |
Які налаштування сервера критичні для 1С-Бітрікс?
Веб‑сервер та PHP
nginx як reverse proxy + Apache (mod_php) або nginx + PHP-FPM напряму. Другий варіант економить пам’ять — Apache не потрібен. Але деякі модулі Бітрікс використовують .htaccess, тому для сумісності іноді залишаємо Apache. Конфігурація nginx: fastcgi_read_timeout 300 — для довгих операцій (імпорт з 1С), client_max_body_size 1024m — завантаження великих файлів. Закриваємо доступ до .settings.php, .settings_extra.php, bitrix/.settings.php — там паролі до бази. Rewrite‑правила з urlrewrite.php — Бітрікс сам генерує, але при nginx + PHP-FPM потрібно продублювати. PHP 8.0–8.2 з розширеннями: mbstring, curl, gd, xml, json, opcache, redis/memcached. Ключові налаштування php.ini: opcache.memory_consumption=256, opcache.max_accelerated_files=20000, max_execution_time=300, memory_limit=512M, upload_max_filesize=100M, post_max_size=128M. Порівняно з Apache + mod_php, зв’язка nginx + PHP-FPM споживає на 30% менше оперативної пам’яті при однаковому навантаженні — це підтверджено на наших проєктах.
База даних та кешування
MySQL/MariaDB. Ключові параметри my.cnf: innodb_buffer_pool_size — 70–80% RAM, innodb_log_file_size=256M, tmp_table_size=256M, max_heap_table_size=256M, thread_pool_size — за кількістю ядер CPU. Кодування utf8mb4 обов'язково, інакше емодзі та спецсимволи ламаються. Redis кращий за Memcached для Бітрікс — підтримує persistent connections та більш надійний. Налаштовуємо в .settings_extra.php:
'cache' => ['value' => ['type' => ['class_name' => '\\Bitrix\\Main\\Data\\CacheEngineRedis']]]
'session' => ['value' => ['mode' => 'default', 'handlers' => ['general' => ['type' => 'redis']]]]
Redis прискорює роботу сайту в 1.5 рази порівняно з Memcached завдяки постійним з’єднанням та вбудованому кешуванню сесій.
SSL, пошта та cron
SSL — Let's Encrypt через certbot у 90% випадків. Редирект HTTP → HTTPS (301), HSTS, TLS 1.2/1.3, OCSP Stapling. У Бітрікс перемикаємо на HTTPS у налаштуваннях головного модуля. Пошта: відмовляємося від mail() — підключаємо SMTP (Яндекс.Пошта для домену, Mail.ru для бізнесу). Обов'язково налаштовуємо SPF, DKIM, DMARC. Без SPF листи потрапляють у спам. Тестуємо доставляння через mail‑tester.com — оцінка 9+/10. Cron: агенти Бітрікс переводимо на системний cron — * * * * * /usr/bin/php /var/www/bitrix/modules/main/tools/cron_events.php. На cron вішаємо обмін з 1С (15–60 хв), пошукову переіндексацію, бекапи (mysqldump + rsync, ротація 7+4), очищення тимчасових файлів.
Безпека та адміністрування
Файлова система: власник www-data, директорії 755, файли 644, upload 775. nginx блокує доступ до файлів конфігурації. Вмикаємо Проактивний захист Бітрікс — WAF, контроль активності (блокування після 5 невдалих спроб), перевірку цілісності ядра. Для адмін‑панелі: двофакторна аутентифікація через Google Authenticator або OTP, обмеження доступу за IP через nginx для параноїків.
Скільки часу займає встановлення 1С-Бітрікс та налаштування?
| Завдання |
Термін |
| Встановлення на віртуальний хостинг |
2–4 години |
| Встановлення на VPS з налаштуванням стеку |
1–2 дні |
| Встановлення на dedicated з проектуванням архітектури |
2–5 днів |
| SSL + пошта + cron + безпека |
1–2 дні |
| Налаштування бекапів та моніторингу |
0.5–1 день |
Перевірка після встановлення (покроковий чек‑лист)
- Монітор продуктивності (
/bitrix/admin/perfmon_panel.php) — цілимося в 30+ балів. Нижче 20 — є серйозні проблеми з конфігурацією.
- Перевірка системи — автоматична перевірка всіх параметрів. Червоні пункти — виправляємо обов'язково, жовті — за ситуацією.
- Сканер безпеки — перевірка на типові вразливості.
- PageSpeed Insights — TTFB < 200мс на VPS, LCP < 2.5с.
- Тестовий обмін з 1С — якщо планується інтеграція, перевіряємо CommerceML‑обмін до запуску.
Додатково перевіряємо версії ПЗ, налаштування кешування, роботу cron, SSL‑сертифікат, SPF/DKIM/DMARC, права доступу, видалення дефолтних користувачів та сторінок. Для проєктів з 54‑ФЗ переконуємося, що налаштована фіскалізація через ОФД‑провайдера.
Що входить у роботу (deliverables)
- Повністю налаштований сервер під 1С-Бітрікс з оптимізацією MySQL, PHP, nginx.
- Встановлена та активована ліцензія потрібної редакції.
- SSL‑сертифікат, поштові налаштування, cron та бекапи.
- Документація: всі параметри конфігурації, доступи, cron‑завдання.
- Навчання контент‑менеджера: як заходити до адмінки, додавати товари, завантажувати зображення.
- Підтримка після встановлення протягом 30 днів — консультації з налаштувань.
Чому варто довірити встановлення професіоналам?
Неправильне встановлення — втрата часу та грошей. Ми бачили проєкти, де магазин на «Старті» не міг витримати 50 відвідувачів, тому що не було налаштовано innodb_buffer_pool_size. Після перенесення на VPS з правильною конфігурацією сайт «полетів». Неправильна конфігурація призводить до невиправданих витрат — іноді в 2–3 рази дорожче, ніж вартість професійного налаштування. Ви отримуєте готову архітектуру, яка масштабується. Замовте встановлення 1С-Бітрікс під ключ — й отримайте надійну платформу для зростання бізнесу. Зв'яжіться з нами — розрахуємо вартість під ваш проєкт. Досвід понад 7 років, реалізовано 120+ проєктів на Бітрікс, включаючи highload‑магазини з каталогами понад 100 000 товарів. Звертайтеся — ми допоможемо налаштувати Бітрікс під ваш проєкт.
