Как сделать кнопку телеграмм на сайте

Обновлено: 08.07.2024

Поставить ссылку на WhatsApp или Telegram клиенты на первый взгдяд весьма простая задача. Но не все так просто, как может показаться на первый взгляд. Есть несколько нюансов. Погуглив, решил собрать все воедино, дабы использовать в качестве памятки.

Ссылки на WhatsApp

Прямая связь

— это номер абонента, например 79202565656.

Шеринг конкретному абоненту

Далее все манипуляция со ссылками на WhatsApp-ресурсы производятся через протокол whatsapp:// и работоспособность НЕ гарантируется (по сосотоянию на 24 сентября 2018 года).

Шеринг с выбором группы (абонента)

Текст, передаваемый в ссылку, должен быть url-кодирован. В примере для этого использована функция urlencode .

Шеринг конкретному абоненту

Насколько мне известно, фичу с ABID прикрыли и из веба вы не получе это значение.

Ссылки на Telegram

Все манипуляция со ссылками на Telegram-ресурсы производятся через протокол tg://

Шеринг с выбором группы (абонента)

работает при условии, что абонент есть в вашем справочнике.

Чат с любым абонентом

Обновление от 17.01.2020. Так как Telegram официально пожизненно заблокирован на территории Российской Федерации, то эти ссылки скорее всего не будут работать, поэтому можно попробовать ставить ссылки через внешний сервис.

Открыть пак со стикерами

Шеринг через Web

Это на тот случай, когда у пользователя не установлен Telegram на устройстве.

Недавно отгремела первая битва за Telegram и по её итогам мы пока можем продолжать свободно пользоваться мессенджером от Павла Дурова. Так что можно и рассказать о том, как встроить виджет Telegram на свой сайт.

UPD: Этот сервис давно стал платным, но появились и другие варианты добавления виджета, которые к тому же обходят блокировку мессенджера. Читаем про сервис Journalist и не забываем подписываться на мой канал про технологии!

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

2. Зарегистрироваться на сайте и добавить свой канал или чат.

3. Выбрать нужный виджет и добавить его на сайт.

Как добавить виджет Telegram на сайт 3

Telegram Widget

Как добавить виджет Telegram на сайт 3

Заранее спасибо! Все собранные средства будут пущены на развитие сайта. Поддержка проекта является подарком владельцу сайта.

Последние

Реклама

Рубрики

[…] виджетами Telegram на сайт есть две проблемы: либо они платные, либо из-за проблем с блокировкой мессенджера они […]

[…] Зарегистрироваться на сайтеи добавить свой канал или […]

СЧЕТЧИКИ

РЕКЛАМА И ДОНАТЫ

Социальные сети

©2016-2022 Блог Евгения Левашова. Самое интересное и полезное из мира ИТ. Windows 10, Linux, Android и iOS. Обзоры программ и веб-сервисов. Статьи о мотивации и продуктивности.

Данный блог является личным дневником, содержащим частные мнения автора. В соответствии со статьей 29 Конституции РФ, каждый человек может иметь собственную точку зрения относительно его текстового, графического, аудио и видео наполнения, равно как и высказывать ее в любом формате. Блог не имеет лицензии Министерства культуры и массовых коммуникаций РФ и не является СМИ, а, следовательно, автор не гарантирует предоставления достоверной, не предвзятой и осмысленной информации. Сведения, содержащиеся в этом блоге не имеют никакого юридического смысла и не могут быть использованы в процессе судебного разбирательства. Автор блога не несёт ответственности за содержание комментариев к его записям.

Чтобы добавить кнопку в Телеграм на канале, необходимо подключить двух Telegram Bot (ботов). Один используется для создания постов, добавления канала и отслеживания статистики. Он называется @ControllerBot. Второй бот, @BotFather — чисто для постинга. С их же помощью создаются кнопки-реакции, и занимает это от силы 5 минут.

Добавление бота на канал

Вы узнали, как создать бота для канала, остается его правильно настроить.

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

Тут тоже ничего сложного:

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

Инструкция по использованию

Опять же, все просто:

Использование прокси в telebot

При запуске скрипта может появиться ошибка следующего вида:

где login:password@ip:port – соответствующие данные для подключения к прокси.

Если при использовании прокси возникают ошибки, подобные: Not supported proxy scheme socks5 или Missing dependencies for SOCKS support, то необходимо установить модули:

Конечный листинг телеграм бот на питоне

Мы рассмотрели лишь малую часть возможностей telegram bot api, однако, это очень полезные инструменты по работе с ним. В конце приведем полный листинг получившегося у нас telegram bot на python:

Введение

Как сделать кнопку

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

Кнопка

FleepBot — конструктор ботов для ведения проектов в Telegram. В нем возможно создавать боты для отложенных постов и обратной связи.

Для создания кнопки потребуется подключить @FleepBot к каналу. Как подключить сервис и работать с ним — пошагово разбирал в статье, поэтому на этом останавливаться не буду. Обращаю внимание, что сервис платный, но стоит недорого. Если канал имеет меньше 1000 подписчиков, то можно пользоваться им бесплатно.

1. Подключаем бот к каналу.

Создаем пост

Создаем кнопку

Создаем кнопку

Используем специального бота @tgshare_bot. Отправляем нужную ссылку и текст, бот в ответ генерирует ссылку для расшаривания. Внутри бота есть подробная инструкция по работе.

Затем с помощью любого бота для отложенных постов создаем кнопку к посту и на нее зашиваем полученную ссылку.

Создаем кнопку

@tgshare_bot

4. Все, ссылка есть. Теперь с помощью бота @telepostbot создам новый пост в канал.

5. Отправляю боту контент для нового поста и добавляю кнопку.

Отправляем боту контент для нового поста, и добавляем кнопку

Готовый пост с кнопкой

Заключение

Надеюсь, статья была для вас полезной. Всегда рад видеть ваши комментарии. Подписывайтесь на канал для админов в Телеграм и рассылку, делитесь статьей.

Успехов вам! До новых встреч в следующих статьях. С уважением, Дмитрий Толстой.

Читайте также: