Реализация блока «Вы смотрели» в 1С-Битрикс: настройка и оптимизация

Проблема: встроенного компонента «Вы смотрели» нет

Пользователь открывает карточку товара и не видит, что уже просматривал его. Конверсия падает на 30–40 % — нет триггера повторного интереса. В стандартном Битрикс нет готового компонента для истории просмотров. Модуль «Персонализация» есть только в Enterprise-версии, но его функционал не позволяет гибко управлять данными.

Мы реализуем блок «Вы смотрели» под ключ: от выбора способа хранения до финального тестирования с кешированием. Наши инженеры внедрили более 50 таких решений для магазинов с каталогами до 100 000 товаров. За 10+ лет опыта работы с Битрикс мы накопили экспертизу, позволяющую гарантировать производительность даже на высоконагруженных проектах.

Как хранить историю: сравнение подходов

Куки, сессия и база данных — три варианта с разными компромиссами. Куки работают в 10 раз быстрее базы на этапе загрузки, но ограничены 4 КБ (до ~200 товаров). Сессия не требует настройки, но сбрасывается при закрытии браузера. База данных даёт полную аналитику, но добавляет нагрузку на сервер. Мы комбинируем: куки для мгновенного отображения, асинхронная запись в БД для отчётов.

Зачем нужна AJAX-загрузка блока?

Если карточка товара кешируется (а она должна), статичный блок «Вы смотрели» будет одинаковым для всех. AJAX-запрос после рендеринга страницы загружает персональные данные без сброса кеша. Время отклика обычно <50 мс, что незаметно для пользователя.

В официальной документации 1С-Битрикс описан механизм асинхронной загрузки компонентов через AJAX.

Как исключить текущий товар?

При формировании списка ID на карточке товара мы удаляем текущий элемент, переданный через ELEMENT_ID. Это предотвращает дублирование: пользователь не видит тот же товар, что уже смотрит.

Почему стоит комбинировать куки и базу данных?

Гибридный подход даёт лучшую производительность и аналитику. Куки хранят последние 20 просмотров — этого достаточно для быстрого отображения. Асинхронный фоновый запрос записывает данные в БД, где они используются для отчётов. Например, в проекте с каталогом 50 000 товаров время загрузки блока составило 20 мс, а запись в БД выполнялась без блокировки ответа пользователю.

Реализация: компонент и запись в куки

Запись в куки при просмотре товара

В шаблоне catalog.element добавляем JavaScript:

(function() {
    var elementId = <?= (int)$arResult['ID'] ?>;
    var cookieName = 'bx_viewed';
    var maxItems = 20;

    var viewed = [];
    try {
        var raw = document.cookie.match(/bx_viewed=([^;]+)/);
        if (raw) viewed = JSON.parse(decodeURIComponent(raw[1]));
    } catch(e) {}

    viewed = viewed.filter(function(id) { return id !== elementId; });
    viewed.unshift(elementId);
    if (viewed.length > maxItems) viewed = viewed.slice(0, maxItems);

    var expires = new Date(Date.now() + 30 * 24 * 3600 * 1000).toUTCString();
    document.cookie = cookieName + '=' + encodeURIComponent(JSON.stringify(viewed))
        + '; expires=' + expires + '; path=/; SameSite=Lax';
})();

После этого кука содержит ID последних 20 просмотренных товаров. Срок жизни — 30 дней.

Компонент отображения истории

Кастомный компонент local:catalog.viewed читает куку на сервере и загружает элементы:

// component.php
$viewed = [];
if (!empty($_COOKIE['bx_viewed'])) {
    $raw = json_decode($_COOKIE['bx_viewed'], true);
    if (is_array($raw)) {
        $viewed = array_map('intval', array_slice($raw, 0, 10));
    }
}

if (empty($viewed)) {
    $this->AbortResultCache();
    return;
}

$res = \CIBlockElement::GetList(
    [],
    ['ID' => $viewed, 'IBLOCK_ID' => CATALOG_IBLOCK_ID, 'ACTIVE' => 'Y'],
    false,
    ['nTopCount' => 10],
    ['ID', 'NAME', 'PREVIEW_PICTURE', 'DETAIL_PAGE_URL', 'CATALOG_PRICE_1']
);

$items = [];
while ($el = $res->GetNextElement()) {
    $fields = $el->GetFields();
    $items[$fields['ID']] = $fields;
}

// Восстановить порядок просмотров
$arResult = array_filter(array_map(fn($id) => $items[$id] ?? null, $viewed));

Компонент должен работать с кешем, привязанным к пользователю (или без кеша для персонализации).

AJAX-контроллер для персонализации

При получении куки на сервере мы либо подставляем данные в шаблон, либо возвращаем HTML фрагмент через AJAX. Второй подход позволяет кешировать всю страницу без исключений. Карточки товаров кешируются на уровне nginx — блок загружается отдельно.

Как мы настраиваем динамические блоки под ключ

Пример: для интернет-магазина автозапчастей с 30 000 товаров мы реализовали блок на куках + база для аналитики. AJAX-загрузка сохранила кеш карточек, а событие записи в БД дало отчёты по возвратам. Конверсия в повторный просмотр выросла на 25%. Другой кейс: магазин электроники с 80 000 товаров — гибридное решение уменьшило нагрузку на сервер на 15%.

Что входит в работу

• Анализ архитектуры каталога: количество товаров, структура инфоблоков.
• Выбор способа хранения (куки/БД/гибрид).
• Реализация компонента local:catalog.viewed с кешированием.
• Интеграция с аналитикой: запись в БД, событие onAfterView.
• Настройка AJAX-загрузки для персональных блоков.
• Нагрузочное тестирование: блок не должен замедлять страницу.
• Документация и передача кода.

Процесс работы

1. Аналитика — изучаем схему инфоблоков, количество товаров, сценарии.
2. Проектирование — выбираем хранилище, прорабатываем структуру БД (если нужно).
3. Разработка — пишем компонент, запись/чтение, AJAX-контроллер.
4. Тестирование — проверяем для авторизованных и анонимов, кеширование.
5. Деплой — выкатываем на боевой сервер, мониторим логи.

Сроки — от 3 до 7 рабочих дней. Свяжитесь с нами для бесплатной оценки вашего проекта — за один рабочий день подготовим предложение. Получите консультацию — мы покажем, как это работает на вашем проекте.

Мы гарантируем корректный порядок просмотров, отсутствие дублей и производительность.

Что включает профессиональная установка 1С-Битрикс

Мы начинаем установку 1С-Битрикс с проверки innodb_buffer_pool_size. Дефолтное значение MySQL (128 МБ) — приговор для интернет-магазина с каталогом на 10 000+ товаров. Мы ставим 70–80% от доступной RAM на выделенном сервере, 50% на VPS. Одна эта настройка ускоряет сайт в 2–3 раза по сравнению с дефолтом. Оценим ваш проект за один день — получите консультацию. Обращайтесь, чтобы заказать установку под ключ с гарантией производительности.

Как выбрать хостинг и редакцию для установки 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 с оптовыми ценами и тремя складами. Переход на «Бизнес» — доплата разницы, данные не теряются, но лучше предусмотреть заранее. Наши специалисты подберут редакцию под текущие задачи и с запасом на рост. Например, лицензия «Бизнес» (около 35 000 ₽) окупается за счёт мультисклада и обмена с 1С, а неправильный выбор приводит к потере до 30 000 ₽ ежемесячно на избыточных ресурсах.

Какие настройки сервера критичны для 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.

База данных и кэширование

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']]]]

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С-Битрикс и настройка?

Проверка после установки (пошаговый чек‑лист)

1. Монитор производительности (/bitrix/admin/perfmon_panel.php) — целимся в 30+ баллов. Ниже 20 — есть серьёзные проблемы с конфигурацией.
2. Проверка системы — автоматическая проверка всех параметров. Красные пункты — исправляем обязательно, жёлтые — по ситуации.
3. Сканер безопасности — проверка на типичные уязвимости.
4. PageSpeed Insights — TTFB < 200мс на VPS, LCP < 2.5с.
5. Тестовый обмен с 1С — если планируется интеграция, проверяем CommerceML‑обмен до запуска.

Дополнительно проверяем версии ПО, настройки кэширования, работу cron, SSL‑сертификат, SPF/DKIM/DMARC, права доступа, удаление дефолтных пользователей и страниц. Для проектов с 54‑ФЗ убеждаемся, что настроена фискализация через ОФД‑провайдера.

Что входит в работу (deliverables)

• Полностью настроенный сервер под 1С-Битрикс с оптимизацией MySQL, PHP, nginx.
• Установленная и активированная лицензия нужной редакции.
• SSL‑сертификат, почтовые настройки, cron и бэкапы.
• Документация: все параметры конфигурации, доступы, cron‑задачи.
• Обучение контент‑менеджера: как заходить в админку, добавлять товары, загружать изображения.
• Поддержка после установки в течение 30 дней — консультации по настройкам.

Почему стоит доверить установку профессионалам?

Неправильная установка — потеря времени и денег. Мы видели проекты, где магазин на «Старте» не мог выдержать 50 посетителей, потому что не был настроен innodb_buffer_pool_size. После переноса на VPS с правильной конфигурацией сайт «полетел». Неправильная конфигурация может обходиться в 30 000 ₽ ежемесячно из‑за избыточного потребления ресурсов. Вы получаете готовую архитектуру, которая масштабируется. Закажите установку 1С-Битрикс под ключ — и получите надёжную платформу для роста бизнеса. Свяжитесь с нами — рассчитаем стоимость под ваш проект. Опыт более 7 лет, реализовано 120+ проектов на Битрикс, включая highload‑магазины с миллионными каталогами. Обращайтесь — мы поможем настроить Битрикс под ваш проект.