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

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

  • автор:

Получение данных из форм в Telegram

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

Вы получите в ответ API key и Secret key — эти данные нужно будет скопировать и вставить на странице добавления Телеграма в Тильде.

Важно: Бота также можно добавить и в группу в Telegram. Для этого нужно добавить бота в группу с помощью опции Add Members в группе и написать в чат /start , а последующие действия совпадают с инструкцией для добавления диалога с ботом для одного пользователя.

Telegram API Key будет отрицательным, т.е. со знаком минус.

Видео и анимации в Telegram

Чтобы отправить видео через Telegram-бота, существует 3 способа:

1. Ссылка в сообщении

2. Добавить как файл

3. Видео-заметка (круглое видео)

Ссылка на видео в тексте сообщения

Если видео опубликовано на видео-хостинге, например на youtube, то для его отправки через бота достаточно вставить ссылку на видео в тексте сообщения.

Не отключайте предпросмотр ссылок, чтобы видео можно было воспроизвести в приложении Telegram.

При использовании этого способа на телефонах видео будет воспроизводиться в приложении Telegram, а на ПК будет открываться в браузере.

Преимущество данного способа:

1. Отсутствие ограничений по размеру видео

2. Не нужно загружать файл видео на диск и в редактор бота

Добавить через карточку «файл»

Можно отправить видео как файл. Для этого добавьте в блоке сообщение карточку «файл» и загрузите нужное видео с диска компьютера. Размер файла не должен превышать 48 МБ.

Преимущества данного способа:

1. Видео будет воспроизводиться в приложении даже на ПК.

2. Нет зависимости от хостинга.

3. В тексте не нужно указывать ссылку.

Круглые видео через карточку «Видео-заметка»

Вы можете отправлять видео в ботах Telegram в круглом формате (кругляши).

Для этого запишите и отправьте круглое видео в любой чат (например в «Избранные»), затем сохраните видео как файл:

Откройте редактор нужного бота и в блоке «сообщение» добавьте карточку «Видео-заметка». Выберете ранее скаченное видео и сохраните шаг.

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

Преимущества этого способа:

1. Круглый формат видео

Видео-инструкция:

GIF

К сообщению в боте можно добавить gif. Для этого через карточку «Файл» загрузите ранее сохраненную гифку.

Примечание: При добавлении гифки через карточку «Картинка» анимация проигрываться не будет. В мессенджере отобразится просто статичное изображение.

Если вы не нашли ответ на свой вопрос, задайте его нам в чате внутри кабинета либо напишите на hello@bothelp.io ��

Получите 14 дней полного функционала платформы для создания рассылок, автоворонок и чат-ботов BotHelp.

Как встроить на сайт сообщения из Telegram

С недавнего времени Telegram дал возможность вставлять на сайты сообщения из публичных групп и каналов в виде HTML виджета.

Для этого скопируйте ссылку нужного сообщения в Telegram (правая кнопка мыши => Copy Post Link) и откройте ее через браузер. Затем нажмите кнопку «Embed», скопируйте полученный код и вставьте его на страницу сайта через HTML редактор.

Кроме сообщений, виджет может показывать фотографии, гифки, голосовые сообщения, аудио и видеофайлы до 15 МБ. Если видеофайл будет больше, виджет предложит посмотреть его через приложение Telegram.

Вот так выглядит виджет текстового собщения:

Виджет сообщения с фотографией:

Таким образом отображаются гифки:

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

Подключение Telegram к вашему сайту

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

Важно: эта опция доступна только для сайтов с платными подписками.

Подключение Телеграм к контактной форме

Шаг 1. Доступ к ID чата

Зарегистрируйтесь или войдите в уже существующий аккаунт в Телеграм.

Введите в поисковой строке Telegram @site_notify_bot, откройте Form Notification Bot :

Для инициализации бота, отправьте сообщение /start или нажмите на кнопку Start :

Скопируйте отправленный вам в чате ID :

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

Шаг 2. Завершение подключения

Зайдите в настройки сайта, откройте вкладку Управление формами (1) и перейдите к Интеграциям (2):

Кликните на поле Telegram , введите полученный вами ранее ID чата и нажмите на кнопку Подключить , чтобы установить соединение вашей формы с ботом:

Затем, перейдите во вкладку Интеграции в настройках формы в редакторе и включите опцию Telegram :

Не забудьте опубликовать свой сайт, чтобы изменения вступили в силу.

Готово! Если всё настроено правильно, вы получите следующее уведомление от бота в Telegram:

Подключение Telegram к Вашему Магазину

Шаг 1. Получение ID чата

Примечание: если вы уже подключили Telegram к контактной форме на сайте, преходите к Шагу 2 и используйте тот же ID чата, что использовался для интеграции формы с Telegram.

Зарегистрируйтесь или войдите в уже существующий аккаунт в Телеграм.

Введите в поисковой строке Telegram @site_notify_bot, откройте Form Notification Bot :

Для инициализации бота, отправьте сообщение /start или нажмите на кнопку Start :

Скопируйте отправленный вам в чате ID :

Шаг 2. Завершение подключения

Откройте настройки сайта и перейдите в Настройки во вкладке Ваш магазин :

Откройте вкладку Уведомления , вставьте полученный ID чата и нажмите Подключить :

Опубликуйте свой сайт для того, чтобы изменения вступили в силу.

Теперь когда покупатель оставляет заказ на вашем сайте, вы будете получать следующее уведомление от бота:

Обновлено на: 08/12/2023

Была ли эта статья полезна?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *