Web telegram как пользоваться
Перейти к содержимому

Web telegram как пользоваться

  • автор:

Telegram Web: какие есть все версии и как их использовать на ПК, планшете и мобильном телефоне

Сегодня поговорим о довольно популярном в последнее время мессенджере Telegram. Собственно создателем данного мессенджера, как и соц. сети ВКонтакте является знакомый вам Павел Дуров. Его очередное детище произвела впечатление на наших пользователей главным образом своей защитой. С момента покупки компанией Mail Group ВКонтакте, данные пользователей (сообщения, фото, видео и т.д.) стали доступными для просмотра органам закона. В отличие от Telegram, ключи шифрования которого так никто и не получил, чем, собственно и завоевал любовь пользователей. Итак, узнаем, как же им пользоваться помимо смартфона.

Интернет версия Telegram Web.

Начнем с наиболее просто варианта. Для него нужен только браузер и стабильное подключение к интернету. Чтобы пользоваться мессенджером во вкладке браузера вам нужно:

  1. Открыть ваш браузер
  2. Перейти на официальную страницу мессенджера -> https://telegram.org/

Не попадитесь на фишинговый сайт данного мессенджера. Который может навредить вам и вашей безопасности. Такой сайт может маскироваться под его русскоязычную версию. Но сайт у данного мессенджера только один. Его вы можете найти в этой статье или же в описании Вики. Но в случае Википедии и её свободной модерации стоит перепроверить ссылку. Сделать можно с помощью следующих сайтов: https://2ip.ru/whois/ , https://www.nic.ru/whois

Telegram Web

  • Отличается цвет иконок.Отличие лого Telegram Web
  • Фишинговый сайт.Фишинговый сайт
  • Настоящий сайт. Настоящий сайт3. Видим главную страницу мессенджера и спускаемся в самый низ. В столбе «Для компьютера» нажимаем на кнопку «Веб-версия». Нажимаем на веб-версию

qr-code

Вы можете войти, отсканировав QR Code через мобильное приложение или с помощью номера телефона.

Через QR Code.

Приложение Telegram Web для Windows.

Чтобы скачать и пользоваться приложением на вашем пк, следует:

  1. Открываем главную страницу мессенджера.
  2. Спускаемся чуть ниже и виде платформы предложенные для установки.
  3. Выбираем Windows/Linux или другое при необходимости.
  4. Попадаем на страницу выбора версии приложения (Для 64х битных систем (системность ОС можно посмотреть в свойствах вашего компьютера) или Портативная версия, в большой степени используемая для внешних носителей памяти: флешки, SSD и т.д.).
  5. Скачиваем и открываем.
  6. Выбираем путь для установки приложения.
  7. Приложение установлено если вы не убирали галочку в конце установки, приложение автоматически запуститься.
  8. Аналогичная процедура входа с помощью QR Code или номера телефона (выбрать нужное).
  9. Авторизуемся удобным вам способом и готово.

Заключение.

Итак, теперь вы полноценный пользователь мессенджера Telegram. Имеющий доступ к безопасному, а главное конфиденциальному общению с вашим собеседником. Теперь делиться секретами станет проще ��

Telegram Web: как скачать, установить, войти и настроить для работы

Telegram Web для ПК — это версия популярного мессенджера для компьютера. Он удобен для работы и личного пользования. Приложение Телеграм для ПК работает независимо от мобильного приложения в отличие от того же Вайбера и Вотсапп (их ПК версии работают только в синхронизации с приложением на смартфоне).

В статье расскажем, как скачать, установить и настроить Telegram на компьютере.

  • Бюджет от 12 000 ₽ – это гораздо дешевле, чем работать напрямую.
  • Для юрлиц и физлиц – юрлица могут получить закрывающие документы, возместить НДС. Физлица могут запустить рекламу без общения с менеджерами.
  • 3 способа оплаты – оплачивайте рекламу картой физического лица, с расчетного счета организации, электронными деньгами.

Как скачать и установить Telegram Web на компьютер

Приложение нужно скачать с официального сайта Телеграм. В РФ он не открывается из-за блокировки, поэтому нужно заходить через прокси-сервер или анонимайзер. Самый простой способ — использовать браузер Opera с функцией VPN. Если она не включена по умолчанию, нужно нажать на значок в строке поиска и передвинуть ползунок в положение вкл. Можно настроить страну, к которой будет подключаться VPN.

Как скачать и установить Telegram Web на компьютер

Для других браузеров проще использовать расширение FastProxy — прокси включаются автоматом на заблокированных сайтах.

Прокси для Телеграмма

Теперь заходим на сайт и скачиваем Telegram Destktop. Есть версии для Windows, Mac и Linux. Для Windows также есть Portable версия, которая не требует установки.

Telegram Destktop

Скачиваем нужный файл на компьютер. Ход установки для всех операционных систем одинаковый, так что показываем на примере Windows. Запускаем программу. По умолчанию она сохраняется на диск C, но можно задать свой путь установки (Browse). Далее всё время жмём Next.

Установка Telegram Destktop

Затем Install, а после установки нажимаем Finish. Запускаем Телеграм, теперь нам нужно создать аккаунт. Нажимаем START MESSAGING.

Как запустить Телеграм на компьютере

Вводим номер мобильного телефона и жмем Next. Если номер не использовался ранее, высветится надпись, что номер телефона еще не зарегистрирован (Phone number not registered) и нужно будет нажать на ссылку here.

Подтверждение номера телефона в Телеграмме

На телефон придет подтверждающий код, который нужно ввести в новом окне, после чего жмем Next. Далее вводим имя и фамилию, можно сразу загрузить аватарку и жмем Sign up, чтобы завершить регистрацию.

Регистрация в Телеграмме с ПК

Теперь можно пользоваться Телеграмом. По умолчанию интерфейс на английском языке, чтобы поменять его на русский, заходим в меню (3 полоски в левом верхнем углу) и жмем на Settings.

Как сменить язык в Телеграме

Нажимаем на English напротив Language и выбираем русский язык. Приложение перезапустится.

Как поставить русский язык в Телеграмме

Как настроить Telegram Web для работы

Основные инструменты и возможности мессенджера.

Прокси

Прокси перенаправляет интернет-подключение так, как будто вы находитесь в другой стране. Это нужно для обхода блокировок Телеграм в РФ, или если вы хотите скрыть свой трафик. И хотя полностью заблокировать мессенджер российским властям так и не удалось, периодически могут возникать сбои в соединении.

Можно найти бесплатные или платные прокси в интернете, но не все они работают с мессенджером. Самый простой способ — подключить прокси через бота, например, через @BestMTProxyBot.

Открываем бота в ТГ, нажимаем команду /start или жмем кнопку «Запустить».

Как настроить прокси для Телеграм

Далее нужно нажать на ссылку «новый сервер».

Прокси-сервер для Телеграм

Во всплывающем окне жмем «Включить», настройки применяются автоматически.

Как включить прокси в Телеграм

Бот рекомендует подписаться на канал Прокси тут (@proxy_tut), где регулярно обновляется список рабочих прокси.

Другие боты с рабочими прокси:

  • @vamproxy_bot
  • @tgfreebot
  • @proxytelebot
  • @socksy_bot

Поиск нужных каналов

В ТГ можно найти и подписаться на канал четырьмя способами:

  1. Перейти по ссылке с сайта или соцсетей. Например, с нашего сайта можно перейти на канал @postiumru и, подписавшись, получать рассылку свежих статей.
    Поиск каналов в Телеграм
  2. Перейти по рекламе с другой группы.
    Перейти по рекламе с другой группы
  3. В поисковой строке (слева, там где контакты) написать предполагаемое название канала или ключевое слово, если вы не ищите что-то конкретное. Кроме групп в поиске могут высветиться контакты или боты с этим словом.
    Как найти Телеграм-канал
  4. Каталоги, статьи и подборки.

P.S. Поиск групп и каналов внутри Телеграм — не сильная сторона мессенджера.

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

Контакты также можно найти двумя способами:

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

Как добавить контакты в Телеграмме

  1. По номеру телефона, если он привязан к аккаунту другого человека.

Заходим в меню приложения — 3 горизонтальных полоски в левом верхнем углу приложения. Нажимаем «Контакты», затем «Добавить контакт».

Контакты в Телеграм

Вводим имя, фамилию и номер телефона, жмем «Добавить».

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

Уведомления

Уведомления могут приходить без звука или со звуком. Включенные уведомления отмечены красным и появляются в нижнем правом углу рабочего стола ПК со звуком.

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

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

Как отключить/включить уведомления группы или канала в Телеграмме

Чтобы настроить уведомления контактов, заходим в нужный контакт, нажимаем на 3 точки напротив имени и во всплывающем окне выбираем «Отключить» или «Включить уведомления».

Уведомления контактов

Создание папок

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

Заходим в меню мессенджера — Настройки. Находим раздел «Папки».

Управление папками в Телеграмме

Нажимаем «Создать папку». Если какая-то папка больше не нужна, ее можно удалить, нажав на значок корзины.

Как создать новую папку в Телеграм

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

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

Чаты можно добавлять и в уже созданные папки. Для этого нажимаем на название папки и жмем «Добавить чаты». Чтобы исключить чаты из папки, нажимаем на крестик напротив контакта.

Создание своего канала или группы

В Телеграм можно создавать свои группы и каналы для заработка или использовать их как дополнительный источник продвижения для бизнеса. Инструкции по созданию:

Постинг

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

Это можно сделать через бота или сервисы постинга.

Про бота, с помощью которого можно выкладывать публикации в группу, мы уже писали в статье «Как сделать лайки/дизлайки в Телеграм канале». Если кратко:

  1. Создаем бесплатного бота через официальный ТГ бот @BotFather.
  2. Делаем созданного бота администратором своего канала.
  3. Находим в поиске другого бота — @ControllerBot. Он отвечает за постинг в группы.
  4. Связываем @ControllerBot с нашим созданным ботом через токен.
  5. Связываем @ControllerBot с нашим каналом.
  6. Создаем публикации через нашего бота.

Вот так выглядит окно созданного и настроенного нами бота. Нажимаем кнопку «Создать пост».

Постинг в Телеграмме

Отправляем боту текст, и далее можем добавить к посту медиафайл, функцию комментариев, реакции с эмоджи, кнопку с ссылкой.

Как сделать публикацию в Телеграмме

Можно настроить отложенный постинг или таймер для удаления поста через время.

Кроме бота можно использовать сторонние сервисы отложенного постинга. Для них необязательно создавать своего бота, можно пользоваться ботом сервиса. Тут есть отложенные публикации, визуальный HTML редактор, автоудаление, предпросмотр, создание опросов и реакций, закрепление поста, история публикаций, черновики.

Рассылки

Рассылки в Телеграм — это хорошая замена почтовым рассылкам, они дешевле и эффективнее, так как доходят до адресатов, а не улетают в спам.

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

Заключение

Телеграм любят за то, что его можно использовать без смартфона, за безопасность (Павел Дуров отказался сотрудничать со спецслужбами, данные мессенджера надежно зашифрованы), за возможность создавать группы, за удобный интерфейс и большие анимированные стикеры. У мессенджера действительно много достоинств, им пользуется более 400 миллионов пользователей по всему миру.

Веб-версия Телеграма для ПК. На что обратить внимание?

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

Плюсы и минусы веб-версии Телеграма на ПК

Существует десктопная версия для того, чтобы выйти в онлайн (читайте, как установить Телеграм на ПК, в соответствующей статье). Зачем же тогда использовать браузер, если можно просто запустить специальную программу? Поговорим о преимуществах и недостатках этого способа.

Веб-версия Телеграма для ПК. На что обратить внимание?

  • Не нужно ничего качать и устанавливать. Это – экономия времени и дискового пространства.
  • Нагружает систему не больше вкладки браузера. Правда, когда речь идёт о хроме, уж лучше будет запустить программу, а не войти через сайт.
  • При желании можно зайти через два аккаунта с использованием режима Инкогнито.
  • Урезанный функционал. В версии веб Телеграм вы не можете пользоваться секретными чатами, видеосообщениями и звонками. И это я заметила только за первые десять минут просмотра сайта.
  • Менее стабильная работа. Ваше интернет-соединение должно быть хорошим и стабильным, чтобы запустить Телеграм на компьютер онлайн через браузер.
  • Есть вероятность того, что вы попадёте на мошеннический сайт и отдадите свои личные данные не в те руки.

Как войти в Телеграм через браузер на ПК?

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

  1. Переходим по ссылке.
  2. Здесь нас встречает привычный механизм входа – вводим номер телефона и код подтверждения, который придёт либо в СМС, либо в сообщении в мессенджере на другом устройстве.

Веб-версия Телеграма для ПК. На что обратить внимание?

  1. Интерфейс похож на десктопную версию. Чтобы открыть диалог нужно просто на него нажать.
  2. Чтобы открыть варианты действий с сообщением нужно нажать на него.Веб-версия Телеграма для ПК. На что обратить внимание?
  3. Под окном для ввода текста есть кнопки с вариантами вложений: первая позволит прикрепить документ, вторая – откроет камеру, а третья позволит записать голосовое сообщение.Веб-версия Телеграма для ПК. На что обратить внимание?
  4. В основном меню, которое открывается по нажатию на иконку с тремя горизонтальными линиями в левом верхнем углу. В основном там находятся настройки уведомлений в браузере. Также вы можете изменить номер телефона и имя пользователя.

Веб-версия Телеграма для ПК. На что обратить внимание?

Вот и всё, что вы можете сделать через сайт. Функционал очень ограничен, и тонкой настройки мессенджера также нет.

Какие функции доступны в браузерной версии Телеграм?

Я уже несколько раз говорила про урезанный функционал. Но что же можно сделать через браузер?

  1. Общение. Вы можете написать что угодно, сделать публикацию на канале или группу с пользователями.
  2. Вы можете отправлять голосовые сообщения в Телеграм, если у вас есть микрофон.
  3. Можете вступать в группы и каналы и просматривать контент.
  4. Можете управлять активными сессиями. Полезно, если вы потеряете телефон и нужно будет выйти из мессенджера, чтобы не потерять свои личные данные.

По сути, это – всё. Основные инструменты общения и безопасности доступны через браузер. Для экстренного входа это идеальный вариант, но для полноценного использования, увы, этого мало. Поэтому я бы порекомендовала вам при возникновении необходимости во входе через компьютер скачать десктопную версию. Тем более, через неё доступен почти весь функционал мессенджера, и никаких неудобств вы не почувствуете.

Почему не удается войти в Телеграм через браузерную версию?

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

  1. Блокировка. Начнём с самой вероятной. Правительство России пытается закрыть пользователям доступ к мессенджеру, но, надо признать, неуспешно: у половины всё работает так же, как и раньше, а у другой – благодаря прокси и ВПН всё хорошо, несмотря на запрет Роскомнадзора. Просто установите плагин, чтобы восстановить работоспособность. Читайте также статью “Одноклассники заблокированы: как войти на страницу?” о блокировке одноклассников в Украине.
  2. Плохое интернет-соединение. Позвоните провайдеру, если всё должно быть хорошо, но почему-то это не так. Также убедитесь, что ваш пакет трафика не закончился, и ваш счёт не ушёл в минус.
  3. Технические неполадки со стороны самого мессенджера. Технические работы или загруженные сервера могут помешать вам войти. В данном случае стоит просто подождать, пока администрация всё исправит.

Заключение

Телеграм веб в браузере на компьютер идеально подходит для экстренного входа. Вы можете завершить активные сессии или отправить кому-нибудь сообщение. Но, увы, урезанный функционал не даёт использовать все возможности мессенджера. Зачем пользоваться обрезком, если можно скачать десктопную версию и брать от жизни всё?

А о том, как использовать Одноклассники с ПК, смотрите в статье по ссылке.

Создание telegram web apps и взаимодействие с ними в телеграм ботах

В обновлении Bot API 6.0 телеграм-боты получили много новых функций. Из них для разработчиков самая примечательная — Telegram Web Apps (Веб-приложения внутри телеграм). С этим нововведением разработчики могут подключать к своим ботам web-приложения, которые открываются в дополнительном окне, что сильно расширяет инструментарий, а, следовательно и функционал ботов в телеграм.

Приложения Telegram известны своей скоростью, плавностью и кросс-платформенным дизайном. Ваше веб-приложение в идеале должно соответствовать этим принципам.

— Все элементы должны быть отзывчивыми и спроектированы с учетом мобильной ориентации устройств.
— Интерактивные элементы должны имитировать стиль, поведение и назначение уже существующих компонентов пользовательского интерфейса.
— Все анимации должны быть плавными, в идеале 60 кадров в секунду.
— Все input и изображения должны содержать label для доступности.
— Приложение должно обеспечивать бесшовную работу, отслеживая изменение цветов темы с помощью API, и используя их соответствующим образом.

Давайте же опробуем это на практике!

Создание кнопки

Первое, что нам нужно сделать — создать кнопку запуска веб-приложения. Это можно сделать двумя способами:

1. При помощи @botfather — кнопка слева снизу

1.1. Идем в @botfather и пишем команду: /setmenubutton

1.2. Далее выбираем бота, которому нужна кнопка веб приложения

1.3. Отправляем ссылку по которой доступно наше веб-приложение

1.4. Пишем имя кнопки — будет отображаться внизу слева

создание кнопки через @botfatherсоздание кнопки через @botfather как выглядит main buttonкак выглядит main button

Вот и все. В целом, если у вас есть адаптивный сайт и вы хотели просто добавить его в бота, тут можете остановиться.

Только при добавлении кнопки этим способом мы можем получить информацию о пользователе.

2. В коде бота — клавиатурные кнопки.

Запуск бота с inline-кнопки даёт суть тоже самое, что и предидущий вариант. Однако, запуск с keyboard button дает возможность отправлять данные из веб-приложения в бота.

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

2.1. Делаем все стандартные штуки для запуска бота — импорт библиотеки, ввод токена, infinity_polling, обработчик команды start. Если вы не понимаете о чем я, вам сюда.

2.2. Создаем функцию, которая вернет нам клавиатуру с нужной кнопкой.

Для того, чтобы создать кнопку, нужно сначала создать WebAppInfo-объект внутри которого будет url на наш сайт.

2.3. Отправляем сообщение с нашей клавиатурой при отправке команды или любом другом действии:

Готово. Кнопки у нас есть.

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

как работают web apps

как работают web apps

Работа с веб-приложением

Теперь идем в наше веб-приложение. На момент написания статьи открывается любая ссылка, даже на codepen.

Инициализация

Чтобы взаимодействовать с телеграм подключаем скрипт:

После этого нам будет доступен объект: window.Telegram.WebApp

Записываем его в переменную и начинаем нашу работу.

let tg = window.Telegram.WebApp;

Что же мы теперь можем? Не так много, как хотелось бы, но и не мало. Приложение состоит из: основной кнопки (telegram-объект) и самой страницы, которая загрузилась по ссылке. Остальные элементы telegram-интерфейса нам не доступны. Однако, доступны цвета темы пользователя:

навигатор цветов

навигатор цветов

Цвета

Они доступны в формате hex как css-переменные:

var(—tg-theme-bg-color)
var(—tg-theme-text-color)
var(—tg-theme-hint-color)
var(—tg-theme-link-color)
var(—tg-theme-button-color)
var(—tg-theme-button-text-color)

Или как объект ThemeParams в js (вместо window.Telegram.WebApp я использую переменную tg):

Но будьте осторожны, цвета — необязательный параметр, поэтому стоит проверять, есть ли они, перед тем как использовать.

Также имеется обработчик события изменения цветовой схемы:

При изменении цветовой схемы или размеров окна можно поменять что-то и в нашем веб-приложении.

Основные возможности

С цветами разобрались — теперь к другим основным параметрам:

Main button

Мы можем взаимодействовать с кнопкой внизу приложения. Изменять ее текст, цвет фона и текста, показывать/скрывать, делать активной и деактивировать:

Основная кнопка в тестовом @DurgerKingBot

Основная кнопка в тестовом @DurgerKingBot

Web App User

И еще информация о пользователе, мы можем разобрать строку tg.initData или использовать tg.initDataUnsafe объект:

Пишем веб-приложение

С этой информацией мы можем написать небольшое приложение, которое наглядно отобразит основные возможности.

Не забудьте подключить скрипт:

<script src=»https://telegram.org/js/telegram-web-app.js»></script>

1. Создадим небольшую html-основу:

2. Пропишем изменения текста основной кнопки и изменение цвета:

3. Далее повесим обработчик события на первую html-кнопку и при нажатии будем показывать/скрывать основную telegram-кнопку:

4. Еще один обработчик события на вторую html-кнопку, при нажатии которой будем активировать/деактивировать основную telegram-кнопку:

5. В итоге отправляем данные при нажатии на основную telegram-кнопку:

Благодаря этому методу мы можем получить данные из веб-приложения в боте.

6. Также выведем всю информацию о пользователе (будет доступна только при запуске с кнопки, добавленной с помощью @botfather).
Нам доступно: id / isBot / first_name / last_name / username / language_code

7. И добавляем стили, используя telegram-css переменные:

В итоге получаем такое веб-приложение:

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

Получаем данные от веб-приложения в боте

Теперь вешаем обработчик событий на сообщение, которое посылает веб-приложение в методе send (работать будет только с keyboard button):

И все — теперь мы можем получать информацию с сайта и отвечать на нее.
Есть и другие способы — но это уже немного другая история.

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

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