Максим Васянович
Я являюсь автором этого блога, а также занимаюсь разработкой сайтов. Любой feedback по каналу на YouTube или этому блогу принимаю по форме (либо пишите Вконтакте). Надеюсь на Вас.
Напишите мне Смотрите меня
Как отправлять заявку с сайта в Telegram?
Все мы знаем, что очень часто на самые разнообразные сайты нужна форма обратной связи. Там человек может оставить свои контактные данные, чтобы люди, представляющие сайт, смогли с ним связаться. И да, отправка эта часто производится на обычную почту (e-mail). Однако сейчас, благодаря открытому и несложному API Telegram можно спокойно настраивать отправку этих же сообщений в него. Зачем? Это быстрее и гораздо удобнее. Сразу, в специальном чате, у вас появится заявка от пользователя.
Подготовка бота и чата
Конечно, для отправки заявки с сайта в Telegram нужен бот и соответствующий чат, где бот будет работать. Нужно его создать:
- Для начала в поиске контактов Telegram вводим @BotFather. Это «отец» ботов, позволяющий прозводить с ними некоторые манипуляции. В том числе и создать бота (все скриншоты показаны на примере Telegram for Windows).
- Нажимаем кнопку Start в чате с BotFather, после чего нашему вниманию выпадет список доступных команд. Можем найти сами нужную команду и кликнуть, а можем написать прямо в чат: «/newbot», без кавычек естественно.
- Далее нас попросят ввести имя бота. Будьте внимательны и избирательны, ведь Telegram работает по всему миру и огромное количество имен уже заняты.
- После успешного ввода имени потребуется ввести username бота, по которому его можно будет найти в поиске.
- Когда подберете верное имя для бота, вам придет последнее нужное сообщение от BotFather, содержащее в себе так называемый «токен». Данный токен пригодится Вам для дальнейших действий.
- Далее нужно создать групповой чат (New Group). Называем этот чат как «Заявка с сайта», и добавляем туда уже созданного бота через поиск (вводим @maxgrbot_bot, в моем случае).
- Следующий шаг — присоединить бота к чату. Делается это командой «/join @maxgrbot_bot» в вашем созданном чате.
- Затем, кликнув по «maxgrbot_bot» (т.е. названию вашего бота, оно то у вас другое будет), переходите в личный чат с ним и нажимаете кнопку Start. На этом работа с Telegram временно закончена.
Работа с формой
Теперь нужно создать форму и правильно ее разметить для работы с отправкой по Php.
- Размечаем нашу форму (обязательно внизу этого поста будет ссылка на готовую).
С самой формой Вы можете работать как угодно, но есть несколько обязательных условий:
1. В form action должно быть обязательно написано telegram.php. Это файл-обработчик формы, куда она «улетает» после нажатия на кнопку.
2. Сама кнопка должна быть типа Submit.
3. Так же у формы должен быть method=»POST»
4. У каждого инпута должен быть прописан атрибут name. - Создав данную форму мы переходим к работе с telegram.php. Там тоже нужно сделать несколько манипуляций.
Естественно, я рассмотрю свой файл на своем примере. Но Вы можете кастомить его под себя.
1. Первое, что нужно сделать — записать атрибут name в переменные. Т.е., у нас есть переменная $name = $_POST [‘name’]. В квадратных скобках как раз и указан атрибут name инпута формы. Если вдруг у вас появится еще и телефон в форме — Вы знаете что делать :)
2. Если появляются еще поля — нужно их разметить так же и в массиве $arr по примеру с предыдущими.
3. В переменную $token нужно вставить тот токен, который вам дал BotFather.
4. Самый сложный пункт — вставить $chat_id. Для этого сверху есть закомментированная строка:api.telegram.org/botXXXXXXXXXXXXXXXXXXXXXXXXX/getUpdates,
в которую вместо иксов нужно вставить токен. После чего скопировать всю ссылку и перейти по ней в браузере.
5. У вас должно появиться несколько строк кода. Среди них — находите id, значение которого указано с минусом. Чуть яснее Вам станет после просмотра видео.
6. Вставляем в итоге id в переменную $chat_id и сохраняем изменения.
7. Создайте простую страницу Thanks.html, в которую будет переходить Ваш сайт после успешной отправки сообщения. Либо сделайте свое действие после отправки.
Если вкратце, то это все. Не особо сложно, особенно после просмотра видео, которое я подготовил для Вас.
Референсы
Надеюсь, данная информация была для Вас полезна. Если да — оцените ее :)
Спасибо за внимание и до скорых встреч!
(8 оценок, среднее: 5,00 из 5)
Загрузка...Понравилось? Расскажи другим!
Добавить комментарий