Налаштування динамічного коллтрекінгу на 1С-Бітрікс

Налаштування динамічного коллтрекінгу на 1С-Бітрікс

Ми стикалися з ситуацією: клієнт витрачає 500 000 грн на рекламу, бачить 1000 лідів у CRM, але не знає, який канал приніс дзвінок. Без динамічного коллтрекінгу ця частина конверсії залишається сліпою зоною. Для ecommerce та послуг дзвінки становлять 40–60% заявок — ігнорувати їх не можна. Ми навчилися налаштовувати коллтрекінг на 1С-Бітрікс так, щоб кожен дзвінок лягав в аналітику з UTM-мітками, ключовим словом та джерелом.

Принцип роботи: кожному відвідувачу показується унікальний підмінний номер з пулу. Система зіставляє номер із сесією та передає дані в системи аналітики. Після дзвінка номер повертається до пулу. Точність підміни — до 99.9% при правильному налаштуванні.

Вибір провайдера та встановлення скрипта

Основні провайдери: Callibri, CoMagic, Roistat, Ringostat, Mango Office. Усі пропонують JS-скрипт та API. Для Бітрікс скрипт додаємо через Bitrix\Main\Page\Asset::addString в події OnEpilog — це гарантує, що скрипт не потрапить в кеш і не продублюється при AJAX-навігації.

// /local/php_interface/init.php \Bitrix\Main\EventManager::getInstance()->addEventHandler( 'main', 'OnEpilog', function () { if (\Bitrix\Main\Application::getInstance()->getContext()->getRequest()->isAdminSection()) { return; } $asset = \Bitrix\Main\Page\Asset::getInstance(); $asset->addString( '<script type="text/javascript"> (function(w,d,n,t){ // Код скрипта провайдера коллтрекинга w[n] = w[n] || function(){(w[n].q=w[n].q||[]).push(arguments)}; t = d.createElement("script"); t.async = 1; t.src = "https://tracker.callibri.ru/callibri.js"; d.head.appendChild(t); })(window,document,"callibri"); callibri("setCounter", "YOUR_COUNTER_ID"); </script>', true ); } ); 

Як правильно розмітити телефони на сайті Бітрікс?

Для коректної підміни телефон має бути розмічений через data-атрибути. У шаблоні компонента (наприклад, header.php) змінюємо виведення:

<!-- Замість --> <span class="phone">+7 (495) 123-45-67</span> <!-- Використовуємо --> <span class="calltracking-phone" data-original-phone="+74951234567" data-phone-display="+7 (495) 123-45-67"> +7 (495) 123-45-67 </span> 

Скрипт провайдера знаходить елементи за CSS-селектором і підміняє вміст. Якщо на сайті кілька телефонів (основний, відділ продажів, сервіс), кожному призначається окрема група підміни в особистому кабінеті провайдера.

Чому важливий розмір пулу номерів?

Пул має покривати максимальну кількість одночасних відвідувачів. Наприклад, при 30 одночасних відвідувачах і середній сесії 4 хвилини потрібно мінімум 30 номерів. Недостатність пулу призводить до того, що нові відвідувачі бачать статичний номер — дані втрачаються. Пул із 50 номерів обійдеться приблизно в 7 500 грн на місяць — це плата за точність. Завдяки точній атрибуції ви перестаєте зливати до 40% рекламного бюджету на нецільові дзвінки.

Для Бітрікс-сайтів з кешуванням є нюанс: якщо сторінка кешована на рівні Композитного сайту або nginx, скрипт коллтрекінгу може завантажуватися із затримкою. Рішення — телефон в HTML залишати як fallback, а підміна виконується через JS після повного завантаження сторінки.

Передача дзвінків у Google Analytics 4 та Яндекс.Метрику

Провайдери вміють надсилати події про дзвінки в GA4 та Метрику. Для GA4 використовуємо події phone_call_start та phone_call_end з параметрами call_id, utm_source, duration, is_target. Інтеграція виконується через налаштування провайдера або кастомний код:

callibri('onCallStart', function(callData) { gtag('event', 'phone_call_start', { 'call_id' : callData.callId, 'utm_source' : callData.utmSource, 'utm_campaign': callData.utmCampaign, }); }); callibri('onCallEnd', function(callData) { gtag('event', 'phone_call_end', { 'call_id' : callData.callId, 'duration' : callData.duration, 'is_target': callData.isTarget, }); }); 

Порівняння: динамічний vs статичний коллтрекінг

Динамічний коллтрекінг точніший за статичний у 3–5 разів для сайтів з високим трафіком. Статичний присвоює один номер каналу — якщо по каналу прийшло 100 осіб, а зателефонував один, ви не дізнаєтеся, хто саме. Динамічний відстежує кожного відвідувача, пов'язуючи дзвінок з конкретним візитом та його UTM-мітками.

Що входить у роботу? (Deliverables)

Як налаштувати коллтрекінг на Бітрікс: покрокова інструкція

1. Аудит поточного сайту: Визначте, де виводяться телефони та як вони розмічені. Переконайтеся, що немає блокувань скриптів (CSP, якщо використовуються).
2. Вибір провайдера: Порівняйте умови Callibri, CoMagic, Roistat. Для початку використовуйте пробний період.
3. Реєстрація та отримання скрипта: Зареєструйтеся у провайдера, візьміть JS-скрипт та ідентифікатор лічильника.
4. Встановлення скрипта на сайт: Додайте код через OnEpilog у /local/php_interface/init.php як показано вище.
5. Розмітка телефонів: Промаркуйте кожен телефон атрибутами data-original-phone та data-phone-display.
6. Налаштування пулу: В особистому кабінеті провайдера вкажіть кількість номерів, яка перекриває пікову відвідуваність.
7. Інтеграція з аналітикою: Налаштуйте передачу подій у GA4 та Яндекс.Метрику.
8. Тестування: Перевірте підміну для різних UTM, прямих заходів, кешованих сторінок.

Чек-лист перевірки після налаштування

• Відкрити сайт з UTM-мітками ?utm_source=yandex&utm_medium=cpc — телефон має змінитися.
• Відкрити без UTM (прямий захід) — відображається дефолтний номер з пулу.
• Перевірити кешовані сторінки: після прогріву кешу телефон все одно підміняється.
• Переконатися, що телефони в og:image та Schema.org статичні, не підмінювані.
• Перевірити мобільну версію — click-to-call веде на підмінний номер.

Зв'яжіться з нами для аудиту вашого проекту — оцінимо поточну схему за один день. Замовте налаштування коллтрекінгу — перший дзвінок безкоштовно. Наш досвід: понад 50 проектів на Бітрікс, гарантуємо, що кожен дзвінок буде атрибутований до джерела.

Згідно з даними провайдера Callibri, точність підміни при правильному налаштуванні досягає 99.9%.