Как сделать чат для сайта: написать самому или взять готовый
Из чего состоит чат для сайта, как выглядит простейший вариант и чего ему не хватает, сколько стоит своя разработка и в каких случаях она оправдана. Плюс что учесть в дизайне окна.
Сделать чат для сайта можно за вечер: окно, поле ввода и сервер, который пересылает сообщения. Сделать чат, которым удобно пользоваться посетителям и операторам, — уже проект на недели. Разница между ними в деталях, которые не видны в первом прототипе.
Ниже — из чего состоит чат, чего не хватает простейшей версии, сколько стоит своя разработка и когда она оправдана.
Из чего состоит чат для сайта
- Окно на сайте. Кнопка, форма чата, лента сообщений, поле ввода. Должно работать на телефоне и не мешать странице.
- Сервер. Принимает сообщения, раздаёт их участникам, хранит переписку.
- Доставка в реальном времени. Чтобы ответ появлялся сразу, без перезагрузки. Обычно это веб-сокеты или регулярные запросы к серверу.
- Рабочее место оператора. Список разговоров, история, уведомления о новых сообщениях.
- Уведомления. Оператор должен узнать о новом сообщении, даже если кабинет закрыт: в мессенджере, на почте, в браузере.
- Хранение и защита. Переписка и контакты — персональные данные. Их нужно хранить аккуратно и не отдавать посторонним.
Простейший чат и чего ему не хватает
Простейший чат для сайта — окно с полем ввода, которое отправляет сообщение на сервер, а сервер пересылает его на почту или в Телеграм. Это работает, и для личного сайта может хватить.
Чего в нём обычно нет:
- ответа в том же окне. Посетитель написал и ушёл, ответ пришёл на почту, которую он не оставил;
- истории. Перезагрузил страницу — переписка пропала;
- нескольких операторов. Непонятно, кто отвечает и ответил ли кто-нибудь вообще;
- работы ночью. Без автоматических ответов чат молчит большую часть суток;
- защиты от спама. Открытая форма быстро начинает получать мусор;
- статистики. Неясно, сколько обращений, о чём и сколько осталось без ответа.
Каждый пункт — отдельная задача для разработки и поддержки.
Если нужен ИИ в чате
Добавить ИИ в свой чат — это ещё один проект: подключить модель, собрать базу знаний из сайта, научить чат отвечать только по ней и передавать разговор человеку. Подробнее — в статьях ChatGPT для сайта и Как создать ИИ-ассистента для сайта.
Сколько стоит своя разработка
Стоимость считается во времени разработчика, а не в строках кода.
- Простейший чат с пересылкой в мессенджер — от нескольких дней.
- Полноценный чат с операторами, историей и уведомлениями — недели работы.
- Чат с ИИ по базе знаний — ещё недели сверху, плюс оплата запросов к модели.
Дальше начинается поддержка: обновления браузеров, новые телефоны, ошибки, защита данных, доработки по просьбам операторов. Это постоянная статья расходов.
Когда своя разработка оправдана
- Чат — часть продукта. Например, переписка между пользователями площадки, а не поддержка на сайте компании.
- Особые требования к данным. Всё должно храниться только на своих серверах, и готовые сервисы этого не позволяют.
- Глубокая связь с внутренними системами, которую не закрыть готовыми интеграциями.
Во всех остальных случаях готовый чат дешевле и быстрее. Сравнение популярных сервисов — в статье Лучшие чаты для сайта.
Дизайн окна чата
Если делаете своё окно или настраиваете готовое, вот что важно.
- Кнопка в нижнем углу, которую видно, но которая не закрывает важные элементы.
- Цвета сайта. Окно должно выглядеть частью страницы, а не чужой вставкой.
- Понятное приветствие и две-три кнопки с частыми темами, чтобы начать разговор в одно касание.
- Телефон. Окно на весь экран, крупное поле ввода, клавиатура не закрывает последнее сообщение.
- Статус ответа. Видно, кто отвечает: ИИ или оператор, и когда ждать человека.
Вывод и следующий шаг
Написать чат для сайта самому стоит, если он часть вашего продукта или есть жёсткие требования к данным. В остальных случаях быстрее и дешевле поставить готовый и потратить время на то, что он будет отвечать.
Ассистент AISSE ставится одной строкой кода или модулем для CMS, отвечает по справке сайта, хранит историю разговоров и передаёт разговор оператору в кабинет или Телеграм. Как его поставить, рассказано в статье Как установить чат на сайт.
Частые вопросы
На чём писать чат для сайта?
Окно — на JavaScript, сервер — на любом языке, который знает ваша команда. Для доставки сообщений в реальном времени обычно используют веб-сокеты.
Можно ли сделать чат без сервера?
Можно отправлять сообщения в мессенджер напрямую через сторонний сервис, но тогда ответ не вернётся в окно на сайте. Для настоящего чата нужен сервер.
Есть ли готовые чаты с открытым кодом?
Есть. Их можно поставить на свой сервер и доработать, но размещение, обновления и защиту придётся взять на себя.