Как подключить бота Телеграмм к сайту

Если вы читаете это, вы знаете, что чат-боты являются одной из самых больших технологических тенденций 2016 года.

Революция ботов — это не только искусственный интеллект. Бот может быть инструментом в вашем мессенджере с простым интерфейсом чата, который может использоваться для расширения функциональности сайтов или служб или даже может быть автономным приложением. Боты дешевле в разработке и проще в установке, а еще одна замечательная особенность заключается в том, что мессенджеры можно использовать на любом типе устройств — ноутбуках, смартфонах и планшетах. Вот почему сейчас все без ума от ботов.

И самый большой мессенджер с открытым API бота — Telegram .

Что мы будем делать

В этой статье мы создадим простой секундомер бота Telegram. Я покажу вам, как создать своего бота, подключиться к аналитике, написать некоторый код и, наконец, добавить своего бота в магазин ботов.

Создать бота с BotFather

Первым шагом к созданию бота является регистрация учетной записи вашего бота в Telegram. И для этого есть бот, который называется BotFather . Просто добавьте его в свой список контактов, и вы сможете создавать и настраивать ботов Telegram, просто набрав команду /newbot и следуя инструкциям BotFather.

Как подключить Телеграм Бот к сайту

После регистрации вашего нового бота вы получите поздравительное сообщение с авторизационным токеном. В ближайшее время мы будем использовать этот токен для авторизации бота и отправки запросов в API бота.

Позже вы можете использовать BotFather для добавления описаний или фотографий в профили ваших ботов, регенерировать токены, устанавливать списки команд для использования, удалять учетные записи и так далее. Чтобы получить полный список команд, просто наберите /help в чате, чтобы получить список команд BotFather.

Подключитесь к Botan Analytics

В API Telegram Bots нет встроенной аналитики, но важно знать, сколько у вас пользователей, как они действуют и какие команды они запускают чаще. Конечно, мы можем собирать эту информацию, используя наш собственный движок, но если мы хотим сосредоточиться на функциональности ботов, а не на метриках, нам просто нужно использовать готовое решение.

И есть простой инструмент для подключения вашего бота к аналитике, который называется Botan . Он основан на яндекс AppMetric и полностью бесплатен. Используя Botan, вы можете сегментировать свою аудиторию, получать информацию о профилях пользователей, получать наиболее часто используемые команды и получать красивые графики прямо в своем мессенджере, например:

Для начала вам нужно зарегистрировать своего бота в Botan и получить токен. И снова, вы можете сделать это с ботом, BotanioBot:

Просто нажмите кнопку «Добавить бота» на диалоговой клавиатуре, введите ник своего бота, и вы получите токен бота. Теперь Botanio готов отслеживать ваши бот-события, и вы можете получать статистику по пользователям, сеансам, времени хранения и событиям прямо в своем мессенджере.

Создать и зарегистрировать SSL Webhook

В Telegram есть два способа получать сообщения от ваших пользователей: длинные опросы и веб-хуки.

По сути, при длительном опросе вам необходимо запрашивать новые сообщения у API, а при веб-крюках вы устанавливаете обратный вызов, который будет вызывать API Telegram, если новое сообщение поступит от пользователя. Я предпочитаю использовать webhooks, потому что это похоже на общение в реальном времени, поэтому в этой статье мы также будем использовать этот метод. Теперь нам нужно выбрать URL обратного вызова для нашего webhook, который должен быть достигнут по протоколу HTTPS, и нам нужно установить его действительно безопасным, поэтому спрячьте свой скрипт в секретном пути, как сказано в руководстве:

Если вы хотите убедиться, что запрос Webhook исходит от Telegram, мы рекомендуем использовать секретный путь в URL, например, https://www.example.com/ . Поскольку никто не знает маркер вашего бота, вы можете быть уверены, что это мы.

Если ваш сертификат SSL является доверенным, все, что вам нужно сделать, это открыть этот URL в вашем браузере:

https://api.telegram.org:443/bot[token]/setwebhook?url=[webhook]

В противном случае вы должны создать самозаверяющий сертификат. Вот пример команды для Linux для него:

openssl req -newkey rsa:2048 -sha256 -nodes -keyout /path/to/certificate.key -x509 -days 365 -out /path/to/certificate.crt -subj «/C=IT/ST=state/L=location/O=description/CN=yourdomain.com»

И не забудьте открыть порт SSL:

sudo ufw allow 443/tcp

Чтобы проверить сертификат и установить для своего домена webhook доверие, необходимо загрузить сертификат открытого ключа:

Источник: coderlessons.com

Виджет Телеграм-канала: как сделать и поставить на сайт

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

Какие бывают виджеты для Телеграм

1. виджет для приглашения в группу или на канал;
2. виджет для диалога через Телеграм (аналог онлайн-консультантов и чат-ботов);
3. виджет в виде кнопки для перепоста материала или страницы в Телеграм.

Как создать Телеграм виджет и добавить на сайт

Есть 2 основных способа создать и добавить виджет на сайт:

1. через HTML-код;
2. с помощью плагинов;

Через HTML-код

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

Сервисы, в которых можно создать Телеграм виджет:

1. TGWidget (виджет для привлечения на канал);
2. T.website (виджет канала с кнопкой подписки);
3. Telegram.im (кнопка для начала диалога через ТГ);
4. Elfsight (виджет Телеграм диалога);
5. Hoversignal (виджет Телеграм диалога);
6. Teletype (виджет Телеграм диалога);
7. Widg.io (виджет чата, есть интеграция с Wix и WordPress);
8. myWidget (чат-бот);
9. SendPulse (виджет подписки на бота Telegram);
10. DiscussBot (comments.app — виджет комментариев на сайте через Телеграм);

Также есть конструктор виджетов от самого Телеграма. В нем доступно 4 типа виджетов: кнопка «Поделиться в Телеграм», виджет поста (с возможностью перейти на канал), виджет, позволяющий авторизоваться через Телеграм и виджет для комментариев.

Создаем виджет подписки на канал на примере сервиса T.website:

Создаем виджет поста (с кнопкой подписки) через конструктор Телеграма:

Заходим на страницу core.telegram.org/widgets. Выбираем тип виджета (один из четырех). В нашем случае это виджет поста, второй по счету. Кликаем на него.

Здесь есть инструкции, как получить код.

Важно: пост должен быть в публичном канале или группе.

Чтобы просто получить код поста без внешних изменений, нужно найти нужное сообщение в Телеграм, нажать правой кнопкой мыши и скопировать ссылку на сообщение.

Полученную ссылку открываем в браузере и нажимаем на кнопку < >EMBED.

Получаем код виджета. Копируем и вставляем на страницу сайта.

Если хотим кастомизировать виджет, например, изменить его размер и цвет, то нужно вставить ссылку на сообщение на сайте core.telegram.org/widgets (там, где выбирали тип виджета). Вносим изменения и получаем обновленный код.

Как вставить готовый HTML-код на сайт

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

Вот, например, как это выглядит на конструкторе Тильда — нужно добавить новый блок на страницу. Категория «Другое» — блок «HTML-код». В него вставляем код виджета. Блок доступен только на платных тарифах. У Wix есть аналогичный инструмент.

С помощью плагинов

Если сайт на движке, например, на Вордпрессе — можно подключить и настроить плагин. Хотя и на движок можно добавить виджет через код. Но так как плагины существуют, опишем и этот способ.

*В большинство тем для Вордпресс уже встроены виджеты с кнопками соцсетей и мессенджеров. Они выглядят, как иконки с ссылками на соцсети, мессенджеры, YouTube-канал. Но если стоит задача визуально выделить именно Телеграм канал, то нужен отдельный виджет.

Плагины с виджетом Телеграм для Вордпресса:

1. Channel Widget for telegram (показывает пост из Телеграм, можно перейти через него на канал);
2. Replain (плагин для общения с посетителями сайта через Телеграм);
3. QuadLayers Telegram Button (кнопка для начала диалога через ТГ)
4. Telegram Chat (еще один виджет чата);
5. WP Telegram Comments (виджет комментариев для сайта, чтобы оставлять комментарии посетители должны авторизоваться через ТГ);

Виджеты работают по аналогии — сначала нужно скачать и активировать плагин, затем в настройках указать ссылку на канал и кастомизировать его внешний вид.

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

Заключение

В зависимости от типа виджета выбирайте удобный для себя способ его создания и добавления на сайт. Если есть возможность добавить виджет через код — лучше выбрать этот вариант вместо тех же плагинов. Большое количество плагинов могут перегружать сайт. Тем более, получить код для Телеграм виджета и поставить его на сайт проще простого.

Источник: quasa.io

Как подключить Telegram

Подключение канала Telegram позволит вам получать сообщения, отправленные клиентами боту, напрямую в системе Аспро.Cloud.

Если у вас уже есть бот, то смело переходите к следующему шагу, а пока мы расскажем о том, как бота создать.

Как создать бота в Telegram

Найдите этого бота в Telegram, перейдя по ссылке выше или же введя в строку поиска «BotFather». Перейдите с ним в диалог и нажмите на кнопку «Запустить».

Если вы ищете бота вручную в поиске, то убедитесь, что пишете именно нужному боту. Имя, описание и ссылка должны быть аналогичны тому, что отображено ниже на скриншоте.

После запуска бота, он отправит вам список всех доступных команд. Так как наша задача это создать своего бота, то нам нужно ввести команду «/newbot» для этого.

Далее нужно будет указать имя вашего бота. Введите имя и отправьте сообщение.

Далее BotFather (или, как мы любим его называть, Крестный Ботец) попросит указать ссылку для бота, по которой его можно будет затем найти.

После ввода никнейма и отправки сообщения, Бот поздравит вас с созданием своего личного бота. Он успешно создан, им уже можно пользоваться. Но, помимо поздравлений, в этом сообщении еще очень важен токен, который как раз и нужен для подключения этого бота к Аспро.Cloud. Скопируйте этот токен (достаточно лишь нажать на него).

Как подключить бота Telegram

Токен доступа нужно будет вставить в поле «Токен бота» при подключении канала Telegram.

Всё, осталось лишь нажать на кнопку «Сохранить». Бот после этого будет успешно подключен и все входящие сообщения этому боту вы сможете увидеть в Аспро.Cloud.

Источник: aspro.cloud