При запуске нового продукта или после изменений в сервисе часто возникает одна и та же картина: менеджеры собирают фидбэк вручную через почту или мессенджеры, данные теряются, аналитика запаздывает. Недавно к нам пришёл клиент из интернет-магазина электроники — их Net Promoter Score был неизвестен, так как опросы проводились раз в полгода по email с откликом 3%. Мы поставили всплывающий опросник на странице заказа, и уже через месяц получили 1200 ответов с детальной картиной. За месяц NPS вырос с 20 до 45 — это позволило оперативно исправить проблемные зоны в сервисе доставки. Опросник на сайте — единственный способ получать структурированные данные без потерь. В Битриксе нет готового модуля для опросов приличного уровня — встроенный iblock можно использовать для хранения, но логику опроса приходится писать с нуля.
Как реализовать опросник на 1С-Битрикс?
Собираем архитектуру на HL-блоках — это быстрее и гибче, чем инфоблоки. Типовые сценарии:
- NPS (Net Promoter Score) — шкала 0–10 с комментарием.
- CSAT (Customer Satisfaction) — 1–2 вопроса после конкретного действия.
- Полноценный опросник — несколько страниц с разными типами вопросов, ветвление, триггеры показа.
Структура данных через HL-блоки:
class SurveyTable extends \Bitrix\Main\ORM\Data\DataManager { public static function getTableName(): string { return 'b_hl_surveys'; } public static function getMap(): array { return [ new IntegerField('ID', ['primary' => true, 'autocomplete' => true]), new StringField('TITLE'), new StringField('SLUG'), new StringField('TYPE'), // nps | csat | full new TextField('QUESTIONS_JSON'), // Конфигурация вопросов new StringField('TRIGGER'), // page_load | exit_intent | scroll_50 | after_order new IntegerField('SHOW_DELAY'), // Задержка показа в секундах new BooleanField('IS_ACTIVE', ['values' => [false, true]]), new DatetimeField('DATE_FROM'), new DatetimeField('DATE_TO'), ]; } } class SurveyResponseTable extends \Bitrix\Main\ORM\Data\DataManager { public static function getTableName(): string { return 'b_hl_survey_responses'; } public static function getMap(): array { return [ new IntegerField('ID', ['primary' => true, 'autocomplete' => true]), new IntegerField('SURVEY_ID'), new IntegerField('USER_ID'), // NULL — анонимный new StringField('SESSION_ID'), new StringField('USER_IP'), new TextField('ANSWERS_JSON'), // {question_id: answer} new IntegerField('COMPLETION_SEC'), // Время прохождения new DatetimeField('CREATED_AT'), ]; } } Какие типы опросников стоит внедрить?
Выбор зависит от бизнес-задачи. Сравним варианты:
| Тип | Суть | Вопросов | Триггер | Время реализации |
|---|---|---|---|---|
| NPS | Готовность рекомендовать | 1–2 | Всплытие по задержке / exit | 2–3 дня |
| CSAT | Оценка конкретной точки | 1–3 | После заказа / обращения | 2–4 дня |
| Полноценный | Исследование аудитории | 5–20 | Комбинированные | 8–14 дней |
NPS-опрос — самый простой и дешёвый способ начать собирать обратную связь. Для него достаточно одного компонента с виджетом.
NPS-опросник: простой случай
Типовая реализация — одна страница, одно действие. Код компонента:
// /local/components/local/survey.nps/template.php ?> <div class="nps-widget" id="nps-widget" style="display:none;"> <div class="nps-container"> <button class="nps-close" onclick="NPS.dismiss()">×</button> <p class="nps-question"> Насколько вы готовы рекомендовать нас своим знакомым? </p> <div class="nps-scale"> <?php for ($i = 0; $i <= 10; $i++): ?> <button class="nps-score" data-score="<?= $i ?>"><?= $i ?></button> <?php endfor; ?> </div> <div class="nps-labels"> <span>Точно не буду рекомендовать</span> <span>Обязательно порекомендую</span> </div> <div class="nps-comment" style="display:none;"> <textarea placeholder="Расскажите подробнее..." id="nps-comment-text"></textarea> <button onclick="NPS.submit()">Отправить</button> </div> </div> </div> <script> const NPS = { surveyId: <?= (int)$arResult['SURVEY']['ID'] ?>, selectedScore: null, init() { setTimeout(() => { if (!this.wasShown()) { document.getElementById('nps-widget').style.display = 'flex'; this.markShown(); } }, <?= (int)$arResult['SURVEY']['SHOW_DELAY'] * 1000 ?>); document.querySelectorAll('.nps-score').forEach(btn => { btn.addEventListener('click', e => { this.selectScore(parseInt(e.target.dataset.score)); }); }); }, selectScore(score) { this.selectedScore = score; document.querySelectorAll('.nps-score').forEach(b => b.classList.remove('selected')); document.querySelector(`[data-score="${score}"]`).classList.add('selected'); document.querySelector('.nps-comment').style.display = 'block'; }, async submit() { if (this.selectedScore === null) return; await fetch('/local/ajax/survey_submit.php', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ survey_id: this.surveyId, answers: { nps_score: this.selectedScore, comment: document.getElementById('nps-comment-text').value, }, sessid: BX.bitrix_sessid(), }), }); document.getElementById('nps-widget').innerHTML = '<p class="nps-thanks">Спасибо за ваш отзыв!</p>'; setTimeout(() => document.getElementById('nps-widget').style.display = 'none', 3000); }, dismiss() { document.getElementById('nps-widget').style.display = 'none'; this.markShown(); }, wasShown() { return !!localStorage.getItem('nps_shown_' + this.surveyId); }, markShown() { localStorage.setItem('nps_shown_' + this.surveyId, Date.now()); }, }; NPS.init(); </script> Триггеры показа
Опросник должен появляться в нужный момент, а не сразу при загрузке. Реализуем несколько триггеров:
const SurveyTriggers = { exitIntent(callback) { document.addEventListener('mouseleave', e => { if (e.clientY <= 0) callback(); }, {once: true}); }, scrollDepth(percent, callback) { const listener = () => { const scrolled = (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100; if (scrolled >= percent) { window.removeEventListener('scroll', listener); callback(); } }; window.addEventListener('scroll', listener); }, afterOrder(callback) { if (window.location.href.includes('/order/success/')) { setTimeout(callback, 2000); } }, }; Триггеры настраиваются индивидуально для каждого опросника и могут комбинироваться. Для предотвращения повторных ответов используем localStorage/cookie для анонимных пользователей, проверку по user_id для авторизованных — это исключает дубли.
Как анализировать ответы?
Для NPS автоматически рассчитываем категорию промоутеров, пассивов и детракторов:
class NpsAnalytics { public static function calculate(int $surveyId): array { $responses = SurveyResponseTable::getList([ 'filter' => ['SURVEY_ID' => $surveyId], 'select' => ['ANSWERS_JSON'], ])->fetchAll(); $detractors = 0; // 0–6 $passives = 0; // 7–8 $promoters = 0; // 9–10 $total = 0; foreach ($responses as $r) { $answers = json_decode($r['ANSWERS_JSON'], true); $score = (int)($answers['nps_score'] ?? -1); if ($score < 0) continue; $total++; if ($score <= 6) $detractors++; elseif ($score <= 8) $passives++; else $promoters++; } if ($total === 0) return ['nps' => 0, 'total' => 0]; $nps = round(($promoters / $total - $detractors / $total) * 100); return [ 'nps' => $nps, 'total' => $total, 'promoters' => $promoters, 'passives' => $passives, 'detractors' => $detractors, ]; } } Пошаговый процесс разработки опросника
- Анализ и согласование — определяем цели (NPS, CSAT, исследование), выбираем триггеры и типы вопросов.
- Проектирование HL-блоков — создаём таблицы через API миграций, настраиваем поля.
- Реализация компонентов — пишем шаблоны виджетов, настраиваем AJAX-обработчики.
- Интеграция триггеров — подключаем exit-intent, прокрутку, события после заказа.
- Тестирование и отладка — проверяем на разных браузерах, устраняем конфликты.
- Запуск и аналитика — выводим дашборд с NPS, CSAT, конверсиями.
Что входит в работу
При заказе разработки опросника под ключ мы предоставляем:
- Настройка HL-блоков и миграций
- Написание компонентов (NPS, CSAT, кастомные)
- Реализация триггеров и защита от повторов
- Интеграция аналитики (NPS счётчик, сводные отчёты)
- Документация по API и настройке
- Доступы к репозиторию и тестовому стенду
- 30 дней технической поддержки после запуска
Почему HL-блоки лучше инфоблоков?
Highload-блоки — это таблицы с произвольным набором полей. Инфоблоки рассчитаны на контентное наполнение, а HL-блоки — на быстрые запросы с минимальной нагрузкой. Для опросников критична скорость записи данных без лишних событий. Таблица сравнения:
| Критерий | Инфоблоки | HL-блоки |
|---|---|---|
| Производительность записи | Средняя (события, оверхэд) | Высокая (прямой INSERT) |
| Гибкость полей | Фиксированные типы | Произвольные поля через ORM |
| Поддержка JSON-полей | Нет | Да, TextField |
| Подходит для опросов | Только хранение результатов | Хранение конфигурации и ответов |
Сроки и условия
Сроки зависят от сложности: простой виджет — от 2 дней, полноценный опросник — до 14 дней. Стоимость рассчитывается индивидуально. Окупаемость наступает в первый месяц за счёт автоматизации сбора данных и своевременного выявления проблем. Опираемся на HL-блоки — штатный инструмент Битрикса, гарантирующий совместимость с обновлениями. Наш опыт 10+ лет и более 50 внедрённых проектов подтверждает стабильность решений. Получите консультацию под вашу задачу — оценим объём работ без жёстких сроков. Закажите разработку опросника — и уже через месяц вы увидите чистый NPS вашего бизнеса.