Instant View Telegram для блога за 5 минут
Функция Telegram Instant View позволяет внутри мессенджера создавать унифицированный вид статьи любого ресурса (примерно так, как если бы вы читали электронную книгу в своём ридере), который описан в правилах создания быстрых просмотров его страниц. Когда вы получаете или публикуете в каналы ссылку на такую статью через Telegram, для её просмотра требуется просто нажмите кнопку «Instant View» (далее по тексту – «быстрый просмотр») , и страница открывается мгновенно.
Ещё одной интересной особенностью функции «Быстрый просмотр» является то, что подготовленный вид статьи (поста) кешируется на серверах Telegram, и, даже при недоступности основного ресурса, где опубликована статья, ваши читатели смогут беспрепятственно его прочесть.
Отступление: для быстрой организации функции «Быстрый просмотр» без особой подготовки можно воспользоваться републикацией своего текста на любом из ресурсов, для которого она уже описана в Telegram. Например, если разместить ваш текст на сайте https://telegra.ph, то при публикации такой ссылки в мессенджере для неё автоматически создаётся Instant View. Для указания вашего авторства на стороннем ресурсе можно указать имя автора и ссылку на оригинальный материал. Вполне возможно, что этих мер будет вполне достаточно для удовлетворения ваших потребностей. Однако, если лёгкие пути – это не про вас, то читаем дальше.
Создание «быстрого просмотра» для своего блога возможно двумя способами:
- Ручной способ – каждую отдельную статью придётся добавлять в личном кабинете, генерировать для неё уникальную ссылку и вставлять в пост.
- Автоматизированный способ – любая добавленная ссылка на пост вашего блога (статью вашего сайта) в любом сообщении мессенджера автоматически преобразуется в «Instant View».
С первым способом всё понятно. Его можно применять, если по определённым причинам вы не хотите, чтобы ваши статьи хранились на сторонних сервисах, но ваш ресурс оказался не одобренным командой разработчиков Telegram.
Для работы автоматизированного способа придётся получить одобрение от команды разработчиков. Для этого правила обработки страниц сайта должны соответствовать набору опредлённых требований, поскольку добавление быстрого просмотра страниц вашего блога (сайта) будет доступно всем пользователям Telegram, в него могут попасть даже не оптимизированные страницы, или страницы, для которых правила описаны не полностью, и страницы будут обрабатываться с ошибками, что недопустимо.
Пока вы не опишете в правилах все типы страниц вашего ресурса без ошибок, нет никаких предпосылок для одобрения вашего ресурса в открытый доступ для всех пользователей. И даже в случае полного соответствия ресурса требованиям Instant View нет гарантии, что он сразу получит одобрение.
Простой пример добавления страницы в Instant View Telegram
Заходим на сайт Instant View и представляемся системе при помощи учётной записи Telegram.
Затем в данной форме вводим url нашего сайта:
Когда в списке ниже появится ваш домен, кликаем его и переходим к редактору шаблонов Instant View.
Обычно быстрый просмотр не требуется для главной страницы блога, да и к тому же вначале вы будете делать подобное действие для каждой конкретной страницы, поэтому в поле адреса нужно ввести url интересующей вас записи.
Открываем запись вашего блога, которую нужно опубликовать в instant view, в браузере в режиме просмотра исходного кода или инспектирования элементов. Находим заголовок и текст статьи. Смотрим какими стилями обёрнуты интересующие нас части страницы, которые мы хотим выводить в быстром просмотре.
В моём случае html код записи выглядит так:
Для удобства работы с шаблоном предлагаю за основу брать теги стилей (div class). Конечно, правилами можно выводить содержание между любыми html тегами, но проще всего использовать стили.
Как вы можете видеть, в записях моего блога название записи обёрнуто тегом c классом entry-title , а текст записи обёрнут классом entry-content . При этом, для нас не имеет никакого смысла показывать в instant view количество просмотров записи на самом сайте, поэтому текст, обёрнутый классом post-views мы исключим из отображения в правилах.
Предлагаю вниманию следующий работающий (конкретно на примере этого блога) код, которого достаточно для того, чтобы начать понимать в языке правил обработки instant view, и для того, чтобы ваши страницы начали правильно отображаться в мессенджере:
title: //div[has-class(«entry-title»)]//h1
body: //div[has-class(«entry-content»)]
@remove: //div[has-class(«post-views»)]
Превью ссылки (обратите внимание, что это ссылка не на страницу на домене блога, а на кеш в instant view) сообщения мессенджера с данным набором правил выглядит так:
Содержимое станицы, которая генерируется в результате данного набора правил, выглядит вот так:
Как вы можете видеть, на странице контент представлен в удобочитаемом виде, с отображаемой графикой и гиперссылками. На реализацию этого шаблона у вас потребуется не более 5 минут.
О сложных шаблонах страниц Instant View
По трём строчкам кода правила Instant View вы догадались, что этого не достаточно для того, чтобы описать все возможные представления всех типов контента вашего блога (сайта) в Telegram. Для этого понадобится шаблон посерьёзнее, где будут работать правила, в зависимости от раздела сайта и типа представляемого контента. Теоретически, набор правил можно составить таким образом, что каждая отдельно взятая страница будет отображаться по-своему или наоборот исключаться из конвертирования в формат быстрого просмотра.
Ознакомиться с синтаксисом языка правил Instant View Telegram можно здесь.
В следующем посте на тему Instant View Telegram попробуем сделать шаблон посложнее, с различным набором правил для разных разделов блога.
Настраиваем предпросмотр ссылок Телеграмм: все тонкости и нюансы
Функция предпросмотра ссылок в Телеграмм полезна для оформления sms в чатах, и для первоначального ознакомления с контентом.
Чтобы воспользоваться данной функцией, не придется копаться в настройках – достаточно скопировать ссылку в диалоговое окно или группу. После этого Телеграмм автоматически проанализирует сайт и вставит в окно сообщений картинку предпросмотра — текстовое сообщение или видео с ресурса.
Не стоит беспокоиться о приватности: все проверяется приложением, поэтому данные не будут утрачены или переданы другому человеку.
Для чего это нужно?
- Предпросмотр ссылок Телеграмм необходим для того, чтобы получить основную информацию о контенте, опубликованном на сайте;
- Если создается пост в группе, стоит позаботиться о его оформлении – это привлечет пользователей;
- Обращение внимания на ту или иную информацию. Если информация важна, то яркая и броская картинка предпросмотра заставит собеседника ознакомиться с сайтом и прочитать публикацию.
Почему не работает предпросмотр ссылок в Телеграмм?
Если вдруг ссылка отправлена, а изображение, иллюстрирующее содержание страницы, так и не появилось, не надо волноваться и ругать Telegram. Есть несколько причин вне приложения, которые можно назвать:
- Не проставлены теги. Чтобы изображение было показано при отправке ссылок, оно должно быть обрамлено тегами. Но на некоторых сайтах они могут быть не проставлены.
- Запрет на индексацию. Чтобы страницы сайта попали в выдачу, они должны быть открыты для индексации. Если же страница ещё не готова, её закрывают от индексации. Она не показывается в выдаче, но на неё можно попасть, «гуляя» по сайту. Если же пользователь отправит кому-нибудь ссылку на неё, то никакого предварительного изображения он не увидит.
- Запрет на постинг. Некоторые хотят как можно лучше защитить уникальные изображения на сайте. Для этого также проставляется определённый ключ в строке кода.
- Интернет. Чтобы превью подгрузилось, нужно подождать. Если же отправить ссылку в тот же момент, то оно не успеет загрузиться. Также не дождется подгрузки превью, если интернет медленный и слабый.
Как отключить предварительный просмотр в Телеграмм?
Отключить функцию не получится, но можно убрать превью. А сделать это очень просто:
После того как пользователь вставил ссылку в сообщение, надо навести мышку на изображение и нажать на крестик в правом верхнем углу.
Однако линки в сообщениях и предпросмотр — это не самая большая часть ссылок, которые бродят по Телеграмм. Пользователи, каналы и супергруппы имеют свои ссылки, не всегда постоянные, могут ими обмениваться, как внутри мессенджера, так и на просторах интернета.
Как сделать ссылку на Телеграмм?
Одни из первых вопросов, возникающих у пользователя – что такое ссылка на аккаунт Телеграмм, как ее сделать и чем она отличается от ссылки на группу или канал.
Линк можно получить в мессенджере, а отличие заключается в способе получения и внешнем виде:
- Частная страница (ссылка на профиль Телеграмм). Пользователю надо зайти в приложение, затем в меню «Настройки» тапнуть и скопировать username. Если эта строчка пустая – можно задать для себя уникальный username на латинице. Для того чтобы использовать username как линк, надо значок собачки заменить на «t.me/».
- Группы не поддерживают функции приглашения по URL, поэтому добавить участников в такой чат можно только вручную. Если проблема, как дать ссылку на группу, стоит ребром – придется преобразовать чат в супергруппу.
- Приватная супергруппа или частный канал. Линк на такие ресурсы в Телегамм имеет вид t.me/joinchat/ABCabc123, и получить эту комбинацию может только администратор. Важная особенность – у каждого админа своя уникальная комбинация букв и цифр для одной и той же группы/канала. Чтобы получить линк, потребуется зайти в настройки супергруппы или канала и в разделе «Информация о группе» («Описание канала») найти и скопировать.
- Публичные каналы и супергруппы имеют линк, начинающийся с «t.me/», уникальное название для ссылки должен придумать создатель паблика – оно будет доступно участникам пабликов и всем пользователям при поиске в приложении. Найти URL можно в меню настроек канала ли супергруппы.
Приватная ссылка Telegram: как сделать?
В приватных каналах и супергруппах может быть по несколько администраторов; в таком случае у каждого админа будет уникальный линк. На вопрос, как узнать свою ссылку в Телеграмме, для администраторов каналов и супергрупп ответ одинаков:
- Открыть группу/канал и кликнуть по названию.
- Выбрать «Добавить участников».
- Выбрать «Пригласить в группу (канал) по ссылке.
- Получить линк, по которому любой пользователь сможет стать участником группы или чата.
Для версии на ПК нужно открыть меню группы и выбрать Manage Group
Нажать на «Создать ссылку на приглашение»
Согласиться с предупреждением о доступности группы для других пользователей по ссылке.
В меню группы появиться ссылка, с помощью которой вы можете приглашать людей, даже если их нет в вашем списке контактов, при желании вы можете аннулировать предыдущую ссылку и создать новую.
Как скопировать ссылку в Телеграмме?
Основные способы копирования линка:
- в приложении Телеграмм (как на смартфоне, так и на ПК) достаточно кликнуть по линку – появится сообщение, что информация скопирована;
- на смартфоне можно воспользоваться стандартным способом копирования – удерживая палец на тексте дождаться выделения URL цветом (как правило, синим) и появления всплывающего меню. В меню выбрать «Скопировать».
- На ПК можно мышкой выделить URL. Затем щелкнуть правой клавишей мыши и выбрать «Копировать».
После этого останется решить только один вопрос — как скинуть ссылку? Это можно сделать в личном сообщении или разместить линк на публиках в Телеграмм или интернете.
Сокращение ссылок Телеграмм: что это и как сделать?
Длинные рандомные комбинации букв и цифр выглядят небрежно, и к тому же не вызывают доверия. Администраторы приватных супергрупп или частных каналов могут решить эту проблему, преобразовав ресурс в публичный.
Если администратор не хочет публичности для канала или супергруппы у него есть выход – спрятать URL под текст, это можно сделать как с линком на сайте в интернете, так и в посте Телеграмм. Такое решение подойдет и для публичных каналов/супергрупп, если пользователи хотят оформить текст, содержащий URL.
Как сделать ссылку на Телеграмм на сайте?
Нередко можно увидеть на сайтах или форумах гиперссылки — подсвеченный текст, при клике на который открывается какая-нибудь страница. От пользователя не потребуется специальных знаний и навыков – достаточно воспользоваться готовой формулой: вместо ТЕКСТ подставить слово/слова, которые будут видны посетителям интернет-страницы, а вместо ГИПЕРССЫЛКА – URL на Телеграмм в формате http:// t.me/ABCabc123. Чтобы гиперссылка заработала — надо точно следовать формуле.
- На страницах в интернете, например, в блогах или статьях используется код HTML:
ТЕКСТ - На форумах, в комментариях к сайтам, в электронных письмах используют код BB
[url=ГИПЕРССЫЛКА] ТЕКСТ [/url]
Как сделать гиперссылку в Телеграмм
Чтобы сделать гиперссылку для поста в канале или в сообщении придется воспользоваться ботом, например, @markdownbot. Начать стоит с добавления бота в канал Телеграмм с правами администратора. Для этого потребуется:
- Открыть канал и нажать на название.
Выбрать значок шестеренки.
Нужен раздел «Администраторы»
Тапнуть «Добавить администратора».
В окне поиска найти @markdownbot и добавить его в список администраторов.
После этого можно начинать работу с ботом:
- Открыть бота и тапнуть кнопку Start.
При первом запуске бот попросить выбрать язык.
Затем потребуется добавить канал – нажимаем кнопку «Добавить канал».
Бот в ответном сообщении пришлет номер. Эти цифры надо скопировать и опубликовать в канале (не переслать, а скопировать)
- Переслать боту цифровое сообщение из канала.
С этого момента можно с помощью @markdownbot создавать и публиковать посты в группе. Чтобы спрятать линк под текст в посте Телеграмм потребуется:
- В меню выбрать пункт «Настройки». Если пользователь давно не заходил в чат, начать работу можно командой «/start».
- Убедиться, что тип форматирования установлен Markdown. нажать кнопку «Назад».
- Выбрать «Свободный режим».
- Чтобы ГИПЕРССЫЛКУ спрятать под ТЕКСТ, надо в посте воспользоваться формулой [ТЕКСТ](ГИПЕРССЫЛКА) – внутри скобок и между ними не должно быть пробелов.
- В ответном сообщении бот продемонстрирует, как его увидят пользователи; в свободном режиме бот самостоятельно не отправляет публикации в канал.
- Если администратора устраивает результат — можно переслать пост в канал.
Эти несложные навыки работы с линками облегчат использование Телеграмм и позволят шире использовать возможности мессенджера.
Почему нет превью ссылок в телеграм
Если вы владелец сайта, то наверняка заинтересованы в популяризации своего ресурса во всех доступных сетях, то вам важно чтобы ссылки в постах в соц.сетях выглядели красиво и отражали всю суть материала. В данном случае поговорим про телеграм.
Технические аспекты превью ссыллок в телеграме
Все просто после добавление ссылки в текстовое поле ввода, роботы телеграм переходят по указанной вами ссылке и парсят код на странице.
Вот как выглядит превью для этого сайта:
После публикации выглядит так:
Как же сделать превью ссылок в Телеграм
Для этого нужно всего лишь добавить разметку Open Graph на свой сайт. Это можно сделать собственноручно или воспользоваться плагином, если вы используете CMS.
Open Graph — это очень популярная микроразметка страницы от Facebook, которая помогает формировать и держать под контролем превью страницы сайта в социальных сетях и других веб-сервисов.
Разметка используяется для красивого оформления записей.
Почему бывает такое что превью нет
На момент написания статьи была такая проблема:
Присутствует разметка Open Graph, но телеграм все равно не загружает превью ссылки моего сайта.
Причина оказалась, в том что роскомнадзор блокирует ip адреса для телеграма. То есть, если ваш сайт расположен в России, то ему закрыт доступ в телеграм. Он не сможет получить доступ к вашему сайту.
Для этого необходимо заменить страну размещения сайта, если ваш хостинг не поддерживает такой услуги, то могу порекомендовать вот этот.
Устраняем проблему с ссылками в Телеграм — последний шаг
После смены страны размещения сайта, перейдите в телеграм и попробуйте самостоятельно поделиться ссылкой.
Если все равно нет превью, значит телеграм закеширировал результаты по данной странице. Чтобы очистить кеш перейдите в бот Webpage Bot.
Отправьте ссылку и нажмите update preview again.
Вот и всё. Если все получилось поставь лайк! Если нет, то значит проблема в другом. Пишите мне в Вконтакте разберемся вместе!
Источник https://www.meriner.ru/software/instant-view-telegram-dlya-bloga-za-5-minut.html
Источник https://smm-blogs.ru/messengers/nastraivaem-predprosmotr-ssylok-telegramm-vse-tonkosti-i-nyuansy.html
Источник https://deadlylaugh.ru/post/148