[Кейс] Как бесплатно установить виджет Telegram на образовательный сайт

Разработка веб-сайтов * Из песочницы image

Про чаты-помощники

Многие люди продают через интернет товары и услуги. Еще больше людей — покупает что-то через интернет. Во время выбора покупок, часто возникают вопросы, которые можно решить позвонив и пообщавшись с менеджером. Скорее всего я — не единственный человек на хабре, который общению с менеджерами по телефону предпочитает переписку. И тут на помощь приходят всплывающие чаты-помощники, которые вроде-как повышают конверсию, но многих нервируют. (Для тех, кто не в курсе: в углу сайта всплывает окошко, в котором можно он-лайн переписываться с консультантом). Есть с десяток подобных сервисов и все они работают по принципу “пробная версия бесплатно, а дальше за деньги“. На хабре есть несколько статей, вот одна из них (http://habrahabr.ru/company/tuthost/blog/165365/), но, я уверен, аудитория Хабрахабра знает о чем речь. Большинству людей подойдет бесплатный вариант любого такого сервиса: нужно всего-навсего зарегистрироваться и вставить на сайт кусок JS кода. Для тех у кого много менеджеров — придется платить: например Редхелпер на 10 операторов обойдется Вам: 115200 руб. за 1 год image Скорее всего — цена адекватная для тех, кто платит зарплату десяти менеджерам. Но я решил изобрести бесплатный «велосипед» из подручных материалов. Запуск у себя на сервере займет 15 минут. Всем, кому идея интересна — прошу под кат.

Telegram BOT

Набирающий популярность за границей мессенджер Telegram недавно представил новое API для разработки ботов. Штука — интересная, ей можно найти множество применений. Теперь можно создать бота (написать программу), который будет отвечать на Ваши вопросы, выполнять определнные команды и все это в окне переписки мессенджера Telegram. Именно на основе мессенджера Telegram и его API для ботов будет работать наш бесплатный, безлимитный чат-помощник-на-сайт. Общая схема идеи — на картинке: Вот так это происходит:

  1. Пользователи на сайте пишут в чат
  2. Сообщение это улетает на Ваш сервер
  3. Оттуда Telegram-бот пересылает его нужному менеджеру
  4. Менеджер отвечает через Telegram
  5. Бот отправляет сообщение обратно в чат_на_сайте

Реализация

Итак, для запуска «у себя» Вам понадобится:

  1. Сервер, VPS или хостинг, на котором есть актуальный PHP, поддержка SQLite и возможность сделать set_time_limit(0) (т.е. сделать работу php скрипта не ограниченной по времени)
  2. Приложение Telegram (на смартфоне или компьютере)
  3. Базовые знания PHP

Внимание! Вы запускаете этот код на свой страх и риск! Я потратил на него несколько часов и возможно там полно ошибок!

План действий такой: 0) Скачиваем с ГитХаба исходники: https://github.com/Surzhikov/TelegramSiteHelper 1) Регистрируем нового бота в Telegram. Для этого нужен только смартфон и 2 минуты. Заходим в Telegram, добавляем пользователя @BotFather и шлем ему команду “/newbot” Далее по инструкции: придумываем имя, юзернейм, пишем about и загружаем фотку. Результатом всего должен получиться API Key с помощью которого мы будем работать с BotAPI. У меня получилось вот так: (Сообщение в котором фигурирует мой API Key я удалил) 2) Полученный ключ вставляем в TelegramBotConfig.php. Там же указываем любой придуманный Вами пароль для регистрации новых менеджеров. 3) Заливаем все на свой сервер 4) Запускаем нашего бота — фоновый процесс getUpdates.php Он должен работать бесконечно, поэтому рекомендую поставить его в автозагрузку сервера. Для надежности можно поставить запуск скрипта в crontab каждую минуту. Скрипт будет запускаться в единичном экземпляре, все повторные запуски сразу же завершатся. 5) Регистрируем нового менеджера Со смартфона менеджера заходим в телеграм и добавляем нашего нового бота (того, которого Вы только что создали) Пишем ему команду: «/newmanager пароль_для_менеджеров». В ответ получаем приветствие. Операцию повторяем нужное количество раз, для каждого менеджера. Если на данном этапе Вы не получили ответ от Бота — значит что-то не работает! 6) Проверяем Переходим на страницу index.html (то есть заходим на адрес mysite.ru/index.php, а не открываем локально). Там находится небольшой, на скорую руку сверстанный чат. Если отправить сообщение в этот чат, бот выберет случайного менеджера и перешлет ему это сообщение. Вот здесь интересный момент: Клиентов (покупателей) может быть много, а менеджер — один. Менеджер общается с клиентами посредством Telegram-бота. Если одновременно два (или больше) клиентов написали сообщение, а менеджер отвечает им по очереди, Telegram-боту нужно как-то указать, какому из клиентов отправить ответ. Для этого я сделал команду «/answer_№ЧАТА». После отправки этой команды все письма менеджера уходят в нужный веб-чат.

Минусы, плюсы, что можно доделать

Минусы

  1. Сейчас чат сделан «на скорую руку», чтобы скорее запустить в своем проекте. Есть много лазеек, с помощью которых например можно писать в чужой чат и подглядеть чужую переписку.
  2. Сейчас эти проблемы меня не тревожат, потому как в чате-помощнике на сайте у нас не принято передавать важную и секретную информацию.
  3. Когда менеджер один а клиентов много — можно запутаться, кому отвечаешь.
  4. … Буду дополнять из комментариев

Плюсы:

  1. Это работает!
  2. Бесплатно навсегда и на любое количество менеджеров
  3. Не нужно лишних приложений, только телеграм, который есть для всех популярных платформ
  4. Можно переписать и стилизовать чат так, как Вам хочется.
  5. Telegram работает очень быстро
  6. … Буду дополнять из комментариев

Что можно сделать:

  1. Защита от дурака и работа над безопасностью
  2. Умную систему распределения сообщений между менеджерами (сейчас бот направляет сообщение случайному менеджеру)
  3. Автоматические ответы от бота, когда менеджер долго молчит
  4. Добавить имя и фото менеджера, который отвечает в чате
  5. … Буду дополнять из комментариев

Спасибо за внимание. UPDATE 23.08.2015 —Полностью переписал бота, теперь работает более стабильнее, теперь можно выбирать между sqlite и mysql В планах: — админ-панель со статистикой — работа через webhook https://github.com/Surzhikov/TelegramSiteHelper

Добавьте виджет на свой сайт. Быстро. Легко. Без программирования.

Как добавить Telegram Чат на сайт

1. Настройте свой виджет Попробуйте все настройки и создайте свой идеальный виджет. 2. Получите код установки Получите уникальный код своего готового виджета и скопируйте его. 3. Вставьте код на свой сайт Вставьте код в шаблон или структуру сайта, туда, где будет находиться виджет.

Есть ли опция модифицировать внешний вид виджета? Да! Вы можете внести все требуемые модификации в нашем конфигураторе. Все, что требуется сделать — зайти во вкладку “Стиль” и произвести все необходимые изменения. Сразу как вы определитесь с настройками, сохраните конечный результат. Каким образом интегрировать Telegram chat виджет на сайт? Все, что требуется, это создать свой плагин, изменить его внешний вид и сохранить финальный результат. После этого скопируйте код плагина, который вы только что создали и интегрируйте его на ваш сайт. Ваши инструменты совместимы с платформой моего сайта? Конечно! Наши виджеты без проблем функционируют практически на всех популярных платформах, к примеру Shopify и практически на всех платформах c возможностью добавить HTML (Blogger, и т.д.). Ваш плагин подстраивается под смартфоны? Разумеется! Не тревожьтесь о корректной работе виджетов — они великолепно функционируют и отлично выглядят на устройствах любого вида. Можно изменить размер моего плагина? Да. Все, что вам требуется — это просто открыть конфигуратор, отметить высоту и диаметр в px. Вы также можете выбрать опцию автонастройки, чтобы идеально встроить плагин в доступное пространство у вас на сайте.

17 Декабря 2016 Виджет для сайта, который позволит вам сформировать новый канал связи с клиентами!

Меня зовут Николай Ожогов, я совместно с Данилом Журавлевым разрабатываю Telegram виджет — бесплатный виджет для сайта.

Как появилась идея

В связи с активным ростом аудитории мессенджера Telegram и повышенным интересом программистов к Telegram-ботам, мы решили, что было бы полезным показывать на сайте последние сообщения из чата в Telegram (чат создан администратором конкретного сайта).

Что такое Telegram Widget

Это стилизованный под месенджер Telegram виджет для сайта, который показывает последние сообщения, а так же кол-во участников чата в Telegram. Новые сообщения подгружаются в режиме реального времени, есть возможность подгрузить более старые сообщения. Виджет имеет некоторые настройки: показ сообщений по одному или нескольким тегам и показ сообщений от одного или более авторов.

Для чего нужен виджет

Виджет позволит сформировать дополнительный канал связи с клиентами, активные пользователи сайта будут поддерживать живое общение и вести диалог с новыми клиентами. Виджет в какой-то степени может заменить службу поддержки и раздел “Вопросы и ответы” (если таковой существует на сайте). Мы считаем, что наш продукт создаст “Адвокатов бренда” для вашего бизнеса.

Как он работает

Благодаря Telegram Bot API новые сообщения в чатах мгновенно попадают в нашу базу данных и так же мгновенно подгружаются на сайты, в виджет.

Как установить себе на сайт

Создать чат в Telegram и задать для него @уникальное_имя, в настройках указать, что чат является супергруппой (supergroup), затем пригласить в чат нашего бота, его зовут @tgwidget_bot

Далее нужно зарегистрироваться на сайте https://tgwidget.com, добавить свой сайт и получить код.

–> TGStat TGStat Введите текст для поиска Расширенный поиск каналов

  • Russian
    Язык сайта

    Russian English Uzbek

Россия

Каналы 421 000 Чаты 39 200 Суммарная аудитория 1 985 730 000

Украина

Каналы 46 000 Чаты 6 100 Суммарная аудитория 209 330 000

Беларусь

Каналы 7 000 Чаты 1 800 Суммарная аудитория 21 250 000

Узбекистан

Каналы 106 000 Чаты 13 200 Суммарная аудитория 579 220 000

Казахстан

Каналы 8 000 Чаты 1 100 Суммарная аудитория 41 840 000

Киргизия

Каналы 2 000 Чаты 400 Суммарная аудитория 13 980 000

Иран

Каналы 92 000 Чаты 2 500 Суммарная аудитория 1 204 640 000

Китай

Каналы 18 000 Чаты 3 900 Суммарная аудитория 145 250 000

Индия

Каналы 25 000 Чаты 2 500 Суммарная аудитория 582 810 000

Эфиопия

Каналы 8 000 Чаты 400 Суммарная аудитория 55 600 000 image

Работа с клиентом 2021 / 05 / 13 Содержание

Чат-бот — это программа, которая автоматически отвечает человеку в переписке, реагируя на ключевые слова по заданному сценарию. Например, клиент спрашивает в чате: «Какой у вас адрес склада?», а бот реагирует на слова «адрес» и «склад» и мгновенно выдает заранее прописанный ответ. Это значительно экономит время службы поддержки и позволят сосредоточиться на более важных задачах. Еще одно преимущество бота — он работает круглосуточно, что выгодно для бизнеса. Если клиент захочет узнать наличие товара или сразу же оплатить его в четыре утра — ему поможет программа. Чат-боты можно подключить практически к любому популярному мессенджеру или социальной сети. 

imageПример работы чат-бота

Как создать чат-бота в Телеграм

У мессенджера Телеграм открытый API (это еще называют открытым кодом), поэтому он без проблем поддерживает работу чат-ботов. Для их создания в программе есть свой официальный бот, который называется @BotFather. Его имя нужно ввести в строку поиска. 

imageНужен именно тот бот, напротив которого есть синяя «галочка». Это значит, что он официальный.

Далее нажимаем кнопку «Начать» внизу экрана — так запускается работа с ботом. 

imageНажмите кнопку «Начать».

Бот предложит список команд, с помощью которых им можно управлять. Нам нужна команда /newbot — на нее можно просто нажать. 

imageНажмите на команду /newbot

Теперь придумайте имя для нового бота — его нужно ввести в строку. Имя будут видеть ваши клиенты при общении. 

imageПридумайте и введите имя для вашего бота.

Теперь нужно придумать никнейм — по нему пользователи смогут найти его в Телеграм. Никнейм должен быть уникальным (не повторяться с другими) и заканчиваться на слово bot. 

imageПридумайте никнейм боту. Он должен заканчиваться на слово bot. В качестве примера я ввожу kirbaglay_bot.

Новый бот создан. Телеграм сразу присылает на него ссылку: t.me/имя_бота и токен — это специальный ключ от бота, с помощью которого его можно подключать к сторонним сервисам. Токен нужно сохранить и никому не показывать — он так же важен, как и пароль от почты. Рекомендации по настройке бота можно посмотреть на команде /help. 

imageНовый бот создан. Всю информацию по нему Телеграм присылает сразу в одном сообщении.

Настройка чат-бота

После регистрации чат-бота в самом Телеграме, его нужно настроить и подключить к любому сервису по созданию ботов. Но этом этапе важно понять, какие задачи должен решать бот и выбрать сервис с соответствующим функционалом. После этого можно будет настроить сценарий взаимодействия с пользователем, добавить кнопки и выбрать дизайн. 

Для примера, воспользуемся бесплатным сервисом Manybot. С его помощью можно делать автопостинг в Телеграм с других платформ (например, из Ютуба), создавать многоуровневые меню и собственные команды. 

После ввода токена бот создан и настроен, можно приступать к работе. Для этого нужно перейти по ссылке в ваш бот — она начинается с http://telegram.me/ имя_бота.

После настройки нужно перейти в сам бот, чтобы прописать сценарии, добавить меню или сделать автопостинг. Здесь все зависит от задач бизнеса и цели, с какой вы заводили чат-бот. 

Все готово к работе. Если что-то непонятно, можно написать в службу поддержки, но сначала лучше почитать разделы «Помощь» и «Настройки» — они доступны на кнопках внизу интерфейса.

Сервисы для создания ботов в Телеграм

Как мы уже выяснили, для простой и удобной настройки ботов можно пользоваться сторонними сервисами, среди которых есть и бесплатные. Если вам нужен сложный бот со специфическими функциями, его создание лучше поручить программисту. Но сейчас приведем пример нескольких ресурсов для самостоятельной работы без кодинга. 

Manybot. Полностью бесплатный сервис, кабинет с настройками находится прямо в Телеграм. Хороший вариант для небольших проектов. 

Главная страница Manybot. Как выглядит страница с настройками — картинкой выше.

Bottap. Диалоговый конструктор чат-ботов. Есть сильно урезанная бесплатная версия (не подойдет для бизнеса) и платная — 490 рублей. Бот пригодится в розничной торговле или бизнесе по оказанию услуг.

Пример работы чат-бота Bottap. Изображение с официального сайта.

Chatforma. «Серьезный» конструктор с большим функционалом и гибкими настройками. Есть формы, списки, диалоги, интернет-магазин и опросы — все, что нужно для бизнеса. Тарифы начинаются от 1000 рублей в месяц, первые 15 дней — бесплатно. 

Поддержка чат-ботов в Jivo

Вы можете создавать чат-ботов в Jivo — это разгрузит службу поддержки и упростит общение с клиентами — операторы смогут сосредоточиться на важных диалогах и перестанут отвлекаться на однотипные вопросы.

Бот может подсказать адрес склада, офиса, время работы или начале товаров и все это — быстро и круглосуточно.

Оцените статью
Рейтинг автора
4,8
Материал подготовил
Егор Новиков
Наш эксперт
Написано статей
127
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий