Эта информация будет полезна для авторов Telegram-каналов, которые периодически публикуют большие по объёму тексты, не умещающиеся в формат сообщения мессенджера.
Функция 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 тегами, но проще всего использовать стили.
Как вы можете видеть, в записях моего блога название записи обёрнуто тегом <h1> 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 попробуем сделать шаблон посложнее, с различным набором правил для разных разделов блога.
Следите за обновлениями.