Telegram — известный мессенджер с широким функционалом. Многие им пользуются для общения с друзьями, обмена фото-, видеоматериалами, постами и различным контентом. Площадка также позволяет создавать каналы и приглашать туда пользователей. Так образуется сообщество по интересам. Некоторые пользуются этим для продвижения товаров или услуг.
Вероятно, вы замечали, что в некоторых каналах к посту прикреплены кнопки со ссылками или смайлики, на которые можно нажать и выразить свое мнение. В стандартном инструментарии такой функции нет, и многим интересно, как создать подобные клавиши. А делаются они при помощи специального бота, о чем и пойдет речь в статье.
Создание кнопки
Добавление бота на канал
Вы узнали, как создать бота для канала, остается его правильно настроить.
Настройка бота
Тут тоже ничего сложного:
- Нужно только что созданного бота сделать администратором канала. Для начала скопируйте его имя.
- Зайдите в свой канал. Там кликните по кнопке меню в виде трех точек и выберите «Управление каналом».
- Откроется окно «Редактировать канал». Щелкните по пункту «Администраторы».
- В строку поиска впишите логин недавно созданного бота и выберите его из списка. Для подтверждения назначения его администратором жмите «OK».
- Дайте ему права, как показано на картинке.
- Будучи на своем канале, напишите любое сообщение и перешлите его ControllerBot.
- Выскочит уведомление об успешном подключении канала. В чате с ControllerBot необходимо выбрать часовой пояс, для этого впишите название своего города и щелкните «Верно».
Как сделать ссылку словом в телеграм Ссылка в тексте сообщение Telegram Гиперссылка в тексте
На этом настройка завершена. Переходим к самому интересному — как сделать кнопку к посту в Телеграмме. Для этого научимся пользоваться ботом, который служит инструментом.
Инструкция по использованию
Опять же, все просто:
- Откройте диалог с созданным и настроенным ботом, где кликните «Запустить». Можете пользоваться командой /start, как удобно.
- Жмите «Создать пост» и выберите, на каком канале он будет опубликован.
- Теперь сформируйте составляющие публикации. Порядок должен быть следующим: текст, картинка, реакции, кнопки (они же гиперссылки).
- Чтобы загрузить изображение, кликните «Прикрепить медиафайл» и выберите нужный с телефона или ПК.
- Добавить реакции тоже несложно. Делается это соответствующей кнопкой, после чего остается отправить эмодзи придерживаясь рекомендаций. Для разделения реакций используйте знак «/». Рядом со смайликом пишите нужный текст. В посту должно быть не более шести смайлов.
- Кнопки-ссылки устанавливаются инструментом «Добавить URL-кнопки». Бот подскажет, как и что писать. Если вкратце, то выглядит это так: «Кнопка 1 — ссылка на сайт (http://example.com). Чтобы поставить кнопки в один ряд (не более трех), используется разделитель — символ «|». То, что получилось — отправьте боту, чтобы посмотреть, как будет выглядеть результат.
Как Сделать Ссылку Словом в Телеграмм на Телефоне в 2023 / Как Вставить Ссылку в Текст в Telegram
Не стоит забывать и о других функциях, например, «Таймер удаления». Этот инструмент позволяет создать временный пост, который будет удален по истечении конкретного времени.
Чтобы выложить подготовленный пост на канал, жмите «Опубликовать». Если желаете настроить время публикации, кликните «Отложить».
Делаем кнопку «Поделиться»
Конечно, она есть по умолчанию (в виде стрелочки), но такая незаметная, что многие пользователи вообще не обращают на нее внимания. Есть вариант создать отдельную кнопку к посту.
Для начала создайте ссылку:
- Откройте нужный канал и скопируйте ссылку на последний пост.
- На примере она будет выглядеть так: https://t.me/tg_adminpro/210. Цифра «210» — номер поста на канале. Соответственно, если кнопка «Поделиться» создается для нового, то и цифру придется менять на «211».
Заключение
Как видно, кнопки-реакции и гиперссылки в Телеграмме создаются не так сложно, как это кажется на первый взгляд. Просто не все знают, что для этого используются боты. А работать с ними просто, тем более есть встроенные подсказки. Все действия по созданию кнопок можно делать с мобильного клиента и с компьютера.
Источник: ustanovkaos.ru
Как связать форму на сайте с Telegram
Всем — привет. Давно зрела идея разобраться с отправкой данных из формы на сайте в мессенджер Telegram, но руки не доходили, а моментально получать заявки прямо в телефон, ой как хотелось!
И вот, наконец-то посидел и разобрался. Конечно постичь все тонкости API — не удалось, но по кусочкам насобирал информацию и удалось отправить данные из контактной формы в чат Telegram.
Это актуализированная статья, в которой решены такие проблемы, как отправка фото и пропадающий символ «+», который не приходил в сообщение и из-за этого номер телефона был некликабельным. Появилась возможность не просто отправлять 1 фото, а сразу несколько файлов, в том числе PDF, docx и любых других.
Важно: для отправки файла из формы в Телеграм на вашем сервере должен быть включен cURL. Обратитесь к техподдержке вашего хостинга, они подскажут что делать и как включить. У многих он включен по умолчанию. Например, на моем хостинге Beget — так.
Как отправить данные формы на сайте в Telegram
- Пишем команду /newbot, для создания нового бота.
- Придумываем имя бота.
- Придумываем ник бота.
Если все прошло успешно, то увидите поздравления и токен вашего бота, в моем случае это:
После этого можно пойти двумя путями:
- создать групповой чат, в который будут приходить заявки и пригласить туда нашего бота;
- вступить в переписку с ботом и получать личные сообщения от него.
Давайте займемся этим и, пока, пойдем по первому пути.
Зайдите в меню, нажмите «New Group» («Создать группу») и задайте имя вашему чату.
Не забываем пригласить своего бота в чат. Откройте меню чата, перейдите в «Add Members» («Добавить участников») и введите имя своего бота.
На данный момент у нас есть бот, мы знаем его токен, есть чат, в который будут приходить заявки, и нам осталось узнать только id чата. Для этого, напишем в чате:
А затем перейдите в браузер, если используете приложение и введите:
https://api.telegram.org/botXXXXXXXXXXXXXXXXXXXXXXX/getUpdates
где, XXXXXXXXXXXXXXXXXXXXXXX — токен вашего бота, полученный ранее.
Если все сделали правильно, то перед вами откроется подобная страница:
Разметка формы
Не стал выдумывать что-то сверхсложное, а просто 2 поля и возможность прикрепить файл. Оставил телефон, ведь у многих возникала проблема с символом «+», а файл добавил, так как меня просили разобраться с этой темой, при этом, теперь можно вставлять несколько штук.
Добавил стили — получилось примерно так (внешний вид в исходнике немного отличается):
Не забывайте, что форма отправляется без перезагрузки страницы, а значит используется ajax, и, для упрощения, jQuery. Поэтому подключаем сам jQuery, если не подключен, а после, и сам скрипт. Я сделал специальную папку telegramform, которую нужно поместить в корень сайта. Если нужно, сделаю исходник без использования jQuery.
Код с AJAX запросом. Файл — telegramform.js
(function ($) < $(«.contact-form»).submit(function (event) < event.preventDefault(); // Сообщения формы let successSendText = «Сообщение успешно отправлено»; let errorSendText = «Сообщение не отправлено. Попробуйте еще раз!»; let requiredFieldsText = «Заполните поля с именем и телефоном»; // Сохраняем в переменную класс с параграфом для вывода сообщений об отправке let message = $(this).find(«.contact-form__message»); let form = $(«#» + $(this).attr(«id»))[0]; let fd = new FormData(form); $.ajax(< url: «/telegramform/php/send-message-to-telegram.php», type: «POST», data: fd, processData: false, contentType: false, beforeSend: () =>< $(«.preloader»).addClass(«preloader_active»); >, success: function success(res) < $(«.preloader»).removeClass(«preloader_active»); // Посмотреть на статус ответа, если ошибка // console.log(res); let respond = $.parseJSON(res); if (respond === «SUCCESS») < message.text(successSendText).css(«color», «#21d4bb»); setTimeout(() =>< message.text(«»); >, 4000); > else if (respond === «NOTVALID») < message.text(requiredFieldsText).css(«color», «#d42121»); setTimeout(() =>< message.text(«»); >, 3000); > else < message.text(errorSendText).css(«color», «#d42121»); setTimeout(() =>< message.text(«»); >, 4000); > > >); >); >)(jQuery);
А теперь сам обработчик нашей формы. Файл — send-message-to-telegram.php:
Во многом он повторяет обработчик из других форм на блоге. Например, в статье «Создание формы обратной связи» используется аналогичный подход, и вы легко сможете осуществить отправку данных как на почту, так и в мессенджер одновременно. Но помните, что это все тестовый, учебный пример и в реальной жизни можно сделать намного больше проверок.
Тут стоит обратить внимание на константы TOKEN и CHATID. Не забывайте подставить туда свои данные. Чтобы принимать какой-то определённый тип файла, поместите его в «Массив допустимых значений типа файла.» Из популярных можно выделить:
При этом файлы будут приходить общим потоком, одним сообщением. Если тип файла не проходит проверку, то он просто не отправляется. Специально не прерываю отправку, так как для большинства важно получить хотя бы контакты для связи, чтобы не потерять лида. Больше типов файлов тут.
Вот так выглядит отправка сообщения:
Не стал делать каких-то серьезных валидаций, так как это просто пример и вам наверняка нужно будет не только отправка текста или картинки в Телеграм, но и на почту, а значит все равно подстраивать под свои нужды. Если будут вопросы и замечания — пишите в комментариях.
Вот так, средствами PHP можно отправлять в Telegram сообщения и файлы. Если вы используете CMS MODX, то на блоге igamov.ru есть отличная инструкция по интеграции формы с мессенджером.
Исходник для отправки данных формы в Телеграм
Источник: smartlanding.biz
Добавить интерактивные ссылки (гиперссылки) в Telegram
Вы хотите добавить интерактивные ссылки в Telegram сообщение? Вы знаете, как это сделать? Обратные ссылки так важны в онлайн-бизнесе. Многие люди имеют канал Telegram и хотят добавить гиперссылку в свои тексты.
Вы спросите почему? Потому что это принесет много трафика на ваш сайт, а также это прямая обратная ссылка из Telegram! Согласно с Alexa Веб-сайт Telegram занимает 107 место в мире.
Раньше, если вам нужно было использовать текст и ссылки вместе в канале, группе или где-либо еще, вам приходилось использовать интерфейсных ботов.
С этим новым обновлением Telegram вы можете использовать текст и ссылки вместе без посредников и периферийных устройств.