что такое превью в телеграмме
Как сделать Instant View в Телеграмме
Instant View – это инструмент, позволяющий просматривать различные сайты во встроенном браузере мессенджера. Таким образом, если вы владеете каким-либо сайтом и вам следует встроить свою страницу в мессенджер, то для этого не нужно обращаться в поддержку. Для этого потребуются небольшие знания HTML-кода, и вы сможете встраивать свой сайт в телеграмм без проблем. Далее разберемся в работе и настройке Instant View в Telegram.
Как это работает
Быстрый просмотр (от англ. Instant View) в Telegram упрощает использование мессенджеров до минимума. Если вам необходимо перейти на сайт, то при помощи Instant View вы сделаете это просто без всякого стороннего софта. Telegram сам откроет сайт, даже если в нем нет мобильной версии и вы сможете просмотреть именно ту информацию, которая вам нужна. Ниже это проиллюстрировано на картинке.
Как мы видим, кнопка «Посмотреть» отображается с картинкой и кратким содержимым, а сама она расположена слева внизу ссылки. Эта функция всплывает, если на сайте работает шаблон для быстрого просмотра ссылок. Его может сделать автор сообщества или разработчик сайта.
Что такое шаблон Instant View
Шаблон Instant View включает в себя команды, которые показывают какую информацию необходимо взять с исходного сайта. Далее бот Instant View следует указаниям шаблона и собирает информацию со страницы. После происходит формировка Instant View для приложения Telegram.
Как настроить Instant View в Телеграмме
Перед началом создания быстрого просмотра ссылок следует ознакомиться с созданием правильных шаблонов на официальном сайте https://instantview.telegram.org/docs. Важно понимать, что для работы с Instant View должны быть минимальные знания HTML-кода. После ознакомления правил можно перейти к настройке самой разработки.
Видео: детальная инструкция настройки Instant View в Telegram
Оказывается, всё довольно просто. Теперь вы знаете как просто сделать Instant View в телеграмме. Для это нужно просто зайти на сайт, с поддержкой Instant View и ввести нужные правила.
Почему нет превью ссылок в телеграм
Если вы владелец сайта, то наверняка заинтересованы в популяризации своего ресурса во всех доступных сетях, то вам важно чтобы ссылки в постах в соц.сетях выглядели красиво и отражали всю суть материала. В данном случае поговорим про телеграм.
Технические аспекты превью ссыллок в телеграме
Все просто после добавление ссылки в текстовое поле ввода, роботы телеграм переходят по указанной вами ссылке и парсят код на странице.
Вот как выглядит превью для этого сайта:
После публикации выглядит так:
Однако бывает, что роботы TG не получают контент по адресу, ответим почему чуть ниже.
Как же сделать превью ссылок в Телеграм
Для этого нужно всего лишь добавить разметку Open Graph на свой сайт. Это можно сделать собственноручно или воспользоваться плагином, если вы используете CMS.
Разметка используяется для красивого оформления записей.
Почему бывает такое что превью нет
На момент написания статьи была такая проблема:
Присутствует разметка Open Graph, но телеграм все равно не загружает превью ссылки моего сайта.
Причина оказалась, в том что роскомнадзор блокирует ip адреса для телеграма. То есть, если ваш сайт расположен в России, то ему закрыт доступ в телеграм. Он не сможет получить доступ к вашему сайту.
Для этого необходимо заменить страну размещения сайта, если ваш хостинг не поддерживает такой услуги, то могу порекомендовать вот этот.
После смены страны размещения сайта, перейдите в телеграм и попробуйте самостоятельно поделиться ссылкой.
Если все равно нет превью, значит телеграм закеширировал результаты по данной странице. Чтобы очистить кеш перейдите в бот Webpage Bot.
Отправьте ссылку и нажмите update preview again.
Вот и всё. Если все получилось поставь лайк! Если нет, то значит проблема в другом. Пишите мне в Вконтакте разберемся вместе!
Настраиваем предпросмотр ссылок Телеграмм: все тонкости и нюансы
Функция предпросмотра ссылок в Телеграмм полезна для оформления sms в чатах, и для первоначального ознакомления с контентом.
Чтобы воспользоваться данной функцией, не придется копаться в настройках – достаточно скопировать ссылку в диалоговое окно или группу. После этого Телеграмм автоматически проанализирует сайт и вставит в окно сообщений картинку предпросмотра — текстовое сообщение или видео с ресурса.
Не стоит беспокоиться о приватности: все проверяется приложением, поэтому данные не будут утрачены или переданы другому человеку.
Для чего это нужно?
Почему не работает предпросмотр ссылок в Телеграмм?
Если вдруг ссылка отправлена, а изображение, иллюстрирующее содержание страницы, так и не появилось, не надо волноваться и ругать Telegram. Есть несколько причин вне приложения, которые можно назвать:
Как отключить предварительный просмотр в Телеграмм?
Отключить функцию не получится, но можно убрать превью. А сделать это очень просто:
После того как пользователь вставил ссылку в сообщение, надо навести мышку на изображение и нажать на крестик в правом верхнем углу.
Однако линки в сообщениях и предпросмотр — это не самая большая часть ссылок, которые бродят по Телеграмм. Пользователи, каналы и супергруппы имеют свои ссылки, не всегда постоянные, могут ими обмениваться, как внутри мессенджера, так и на просторах интернета.
Как сделать ссылку на Телеграмм?
Одни из первых вопросов, возникающих у пользователя – что такое ссылка на аккаунт Телеграмм, как ее сделать и чем она отличается от ссылки на группу или канал.
Линк можно получить в мессенджере, а отличие заключается в способе получения и внешнем виде:
Приватная ссылка Telegram: как сделать?
В приватных каналах и супергруппах может быть по несколько администраторов; в таком случае у каждого админа будет уникальный линк. На вопрос, как узнать свою ссылку в Телеграмме, для администраторов каналов и супергрупп ответ одинаков:
Для версии на ПК нужно открыть меню группы и выбрать Manage Group
Нажать на «Создать ссылку на приглашение»
Согласиться с предупреждением о доступности группы для других пользователей по ссылке.
В меню группы появиться ссылка, с помощью которой вы можете приглашать людей, даже если их нет в вашем списке контактов, при желании вы можете аннулировать предыдущую ссылку и создать новую.
Как скопировать ссылку в Телеграмме?
Основные способы копирования линка:
После этого останется решить только один вопрос — как скинуть ссылку? Это можно сделать в личном сообщении или разместить линк на публиках в Телеграмм или интернете.
Сокращение ссылок Телеграмм: что это и как сделать?
Длинные рандомные комбинации букв и цифр выглядят небрежно, и к тому же не вызывают доверия. Администраторы приватных супергрупп или частных каналов могут решить эту проблему, преобразовав ресурс в публичный.
Если администратор не хочет публичности для канала или супергруппы у него есть выход – спрятать URL под текст, это можно сделать как с линком на сайте в интернете, так и в посте Телеграмм. Такое решение подойдет и для публичных каналов/супергрупп, если пользователи хотят оформить текст, содержащий URL.
Как сделать ссылку на Телеграмм на сайте?
Нередко можно увидеть на сайтах или форумах гиперссылки — подсвеченный текст, при клике на который открывается какая-нибудь страница. От пользователя не потребуется специальных знаний и навыков – достаточно воспользоваться готовой формулой: вместо ТЕКСТ подставить слово/слова, которые будут видны посетителям интернет-страницы, а вместо ГИПЕРССЫЛКА – URL на Телеграмм в формате http:// t.me/ABCabc123. Чтобы гиперссылка заработала — надо точно следовать формуле.
Как сделать гиперссылку в Телеграмм
Чтобы сделать гиперссылку для поста в канале или в сообщении придется воспользоваться ботом, например, @markdownbot. Начать стоит с добавления бота в канал Телеграмм с правами администратора. Для этого потребуется:
Выбрать значок шестеренки.
Нужен раздел «Администраторы»
Тапнуть «Добавить администратора».
В окне поиска найти @markdownbot и добавить его в список администраторов.
После этого можно начинать работу с ботом:
При первом запуске бот попросить выбрать язык.
Затем потребуется добавить канал – нажимаем кнопку «Добавить канал».
Бот в ответном сообщении пришлет номер. Эти цифры надо скопировать и опубликовать в канале (не переслать, а скопировать)
С этого момента можно с помощью @markdownbot создавать и публиковать посты в группе. Чтобы спрятать линк под текст в посте Телеграмм потребуется:
Эти несложные навыки работы с линками облегчат использование Телеграмм и позволят шире использовать возможности мессенджера.
Как легко сделать Instant View для Telegram канала
Необходимо добавить страницу на примере которой будем делать шаблон. Этот шаблон в дальнейшем будет использоваться для остальных страниц (об этом чуть позже).
Переходим дальше и видим 3 поля:
Для этого можно использовать любой браузер и функцию «просмотреть код элемента». При наведении на необходимые теги, на странице отображается участок страницы, что легко помогает определить нужный нам. В качестве примера я беру страницу со своего сайта readytospeak.ru/learn-grammar-5-ways-09-2017. Ниже приведены 2 скрина охвата блоком div с классом «entry-inner «. Необходимо выбрать максимально информативный участок страницы без лишних блоков и заголовка статьи.
Это не обязательно должен быть div, может быть article, p и другие. Самое главное, чтобы можно было идентифицировать нужный блок.
Добавляем строку: body: //div[has-class(«entry-inner»)] в правила нашего шаблона, где «entry-inner» есть class моего div блока (см. скрин выше). Теперь Telegram понимает, что отображать в IV, и получаем следующую картину.
Можно смело нажимать «mark as checked» и «view in telegram» и смотреть результат на своем мобильном устройстве. У вас уже будет полноценная страница IV, которую вы можете использовать для отображение сайта в Telegram. Выделенной красным цветом области у вас не будет. Об этом я расскажу чуть позже.
Красивее будет смотреться, если в шапку нашего шаблона вставим превью страницы. На помощь приходит OG протокол ( Open Graph protocol).
Добавляем следующий текст перед нашим body:
Функция append добавляет картинку в шапку нашего шаблона IV и страница выглядит еще лучше.
В следующем шаге мы добавим автора статьи. Добавим в наш код следующие строки:
На всех ваших страницах будет отображаться именно этот автор (ссылка на сайт). Если у вас в коде страницы есть блок, в котором содержится автор статьи, то можно применить следующий код:
Если посмотреть всю страницу целиком, то заметим небольшой баг в конце статьи.
Вылезло ненужное слово «поделится:», его очень легко убрать с помощью «remove». Пишем следующий код:
Слово «Поделится:» находится в div-блоке с классом «ya-share2». Данный код означает «убрать из тела блок div с классом ya-share2».
Нужно добавить правило, которое будет указывать на каких страницах работает IV. Добавим следующий код:
В итоге получаем следующий код и страницу IV:
@append(, src, @content): //meta[@property=»og:image»]
Теперь небольшая фича, которая поможет собрать подписчиков на канале. В шапке вашей страницы, можно сделать блок, в котором будет отображаться название вашего канала и кнопка «Присоединиться» (выше выделено красным цветом). Для этого необходимо добавить в head вашего сайта следующую строку:
name =» telegram:channel » content =» @readytospeak «>
Результат моей страницы можете увидеть на мобильном устройстве по ссылке.
Как сгенерировать ссылки вручную для других страниц
Telegram дает вам ссылку в следующем виде: https://t.me/iv?url=http%3A%2F%2Freadytospeak.ru%2Flearn-grammar-5-ways-09-2017%2F&rhash=f3a254578f8d53
Не очень читабельно, но можно найти в этой ссылке название страницы. Когда вы будете выкладывать новый пост, вам не придется заходить на сайт IV, а просто вставите адрес страницы в эту ссылку.
https://t.me/iv?url=http%3A%2F%2Freadytospeak.ru%2FЗДЕСЬ ВАША ССЫЛКА%2F&rhash=f3a254578f8d53
Выкладываем красивую ссылку на ваш канал
Если вы заметили, то для многих популярных сайтов Instant View всплывает при выкладывании обычной ссылки сайта. Это связано с тем, что Telegram проводил конкурс и модераторы проверили и одобрили эти шаблоны. Сейчас вы так же можете отправить свой шаблон на модерацию, но думаю результат вы получите не скоро. Возможно в будущем конкурс будет продолжен и Telegram добавит еще сайты для мгновенного просмотра.
Я расскажу про 2-ой вариант. Во-первых, в настройках этого бота необходимо включить html форматирование.
Если у вас есть чем поделится, то пишите в комментариях ваши решения и идеи, замечания.
Советы и хитрости | Telegram #1
Telegram, будучи прямым конкурентом Viber и WhatsApp (а с недавних пор и более продвинутым мессенджерам), был запущен в 2013 году и с тех пор стремительно набирает обороты. Сегодня ним пользуется более 100 миллионов активных пользователей в мире и это еще один повод опубликовать подборку полезных и недооцененных функций, которые могут здорово помочь пользователю, но о которых мало кто задумывается. Итак, 5 советов по Telegram. Let’s go.
Можно выключить превью сообщения
Несмотря на то, что превью сообщения в панели оповещений или на блокировочном экране весьма полезно, остается возможность того, что приватные сообщения могут быть прочитаны другими людьми, если они рядом с вами. Как раз на такой случай в Telegram предусмотрена функция скрытия превью сообщений.
Для того, чтобы активировать ее, необходимо зайти в Telegram > Settings > Notifications and Sounds и выключить «Message Preview». В отличии от WhatsApp, который включает в себя такую опцию только на iOS и Windows Phone, Telegram позволяет пользоваться ней также и на Android. Исключениями являются десктоп- и веб-клиенты.
Можно настроить пользовательские оповещения и цвет LED (только Android)
Telegram позволяет не только выбрать особенное оповещение для каждого контакта, но и даже поставить индивидуальный цвет LED. Кончено же, устройство должно поддерживать оповещения LED.
Чтобы установить пользовательские оповещения зайдите в информацию контакта и нажмите на «Notifications and Sounds», где вы найдете опции по смене оповещений, вибрацию, звук, приоритет и цвет LED.
Управляйте загрузкой медиа
Telegram позволяет отправлять любой файл, в том числе и медиа-файлы, размером до 1.5 Гб. Это означает, что вы можете получить достаточно большие объемы информации. В таком случае разумно было бы определить когда файлы будут загружаться автоматически, ведь никто же не хочет, чтобы мобильный трафик был расходован огромным файлом (особенно при условиях, что мобильный трафик лимитирован роумингом).
Для того, чтобы настроить загрузки файлов через Wi-Fi, мобильный интернет или в режиме роуминга, нужно зайти секцию Settings > Automatic media download. Там же можно отключить автовоспроизведение GIF и сохранение в Галерею.
Включите всплывающие оповещения для мгновенных ответов (Android)
Хоть и всплывающие уведомления могут быть раздражающими, склонным к постоянной переписке людям они могут пригодиться. Вы можете включить всплывающие оповещения в Telegram для Android, для это нужно зайти в Settings > Notifications and Sounds > Popup Notifications и установить для них «Always show popup» или «Only when screen «On/Off»». Если настройка включена и выбрана опция «Always show popup», то вы будете получать всплывающие сообщения в Telegram даже при заблокированном экране.
Таймер самоуничтожения в Секретных чатах
Чтобы установить таймер нажмите на иконку с многоточием и выберите «Set self-destruct timer». Потом установите время, по истечению которого сообщения будут уничтожены. После того как собеседник просмотрит отправленные сообщения, они будут уничтожены в указанный вами срок, а если собеседник сделает скриншот вы получите уведомление о его действиях