Что такое Instant view в Телеграме?

Вы могли заметить, что некоторые посты в Телеграм выглядят как расширенная ссылка с предпросмотром. Перейдя по ней, вы попадали не в установленный на устройстве браузер по умолчанию, а в отдельное окно. Эта опция называется Instant view – моментальный просмотр контента прямо внутри мессенджера. В статье мы узнаем, что это такое и как создавать шаблоны для статей, используя функцию просмотра Telegram.

Instant view
Instant view

Что такое Instant view?

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

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

Страницы с Instant view просто вычислить по кнопке с синей молнией и надписью в превью (развернутом окне ссылки с иллюстрацией).

Опция стала доступной и обросла настройками с 4.0 версии. Теперь в Инстант вью можно менять шрифт, кегль, устанавливать тему и включать ночной режим.

Instant view в Телеграме
Instant view в Телеграме

Как работает Instant view?

Когда вы сбрасываете кому-то в чате Telegram ссылку, то автоматически создается предпросмотр содержимого сайта. Бот-парсер должен проверить ссылку и выяснить, есть ли у веб-ресурса шаблон Instant view в мессенджере, и только потом использовать его для поиска ключевых сведений страницы – названия, тело текста, детали.

Шаблон моментального просмотра (template) – это свод инструкций (разработчики называют их правилами) и алгоритмов, руководствуясь которыми, бот формирует страничку. Он удаляет весь бардак, упорядочивает названия и содержимое, создает аккуратную и лаконичную страницу Instant view.

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

Шаблон моментального просмотра
Шаблон моментального просмотра

Преимущества шаблона

Как сделать шаблон Instant view?

Создать свой шаблон с помощью сервиса Instant View Editor может кто угодно. После разработки останется только дождаться модерации шаблона, и его можно будет использовать для открытия статей с вашего домена.

Редактор Instant View Editor помогает разрабатывать собственные макеты для любого типа сайта. Перейдите на официальный портал сервиса – instantview.telegram.org, и в меню справа выберите Editor. Здесь вы можете изучить подробный туториал. Разобраться будет легче, если вы неплохо знаете английский язык, так как именно на нем написана инструкция. Если похвастаться навыками полиглота вы не можете, воспользуйтесь переводчиком. В перспективе рассмотрите возможность подтянуть английский в языковом центре (вы можете узнать информацию подробно здесь: english.only.by) – это пригодится в работе и по жизни.

Находясь в экране редактора, вы переходите в Мои шаблоны, регистрируетесь и добавляете URL выбранной вами статьи. По клику на Enter откроется окно редактора. Шаблоны содержат простые инструкции, экспериментируя с которыми, вы можете сделать свой, индивидуальный. Ваши попытки не будут применены к реальной странице и не станут видны пользователям, пока вы не сохранитесь и не дождетесь одобрения модераторов.

Экран редактора
Экран редактора

Основными элементами станут subtitle (заголовок), description (краткое описание содержимого) author (создатель) и author_url (ссылка не него или на канал – channel), image_url и cover (картинки, видео, музыка), а также background_to_image (фон) и другие компоненты.

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

Правила создания Instant view

  1. Создавайте правила моментального просмотра только тем страничкам, которые действительно в этом нуждаются. Остальные могут открываться и в браузере – это не проблема, особенно в десктопной или веб-версии Телеграм.
  2. Захватывайте все значимые элементы страницы-исходника.
  3. Исключите все побочные детали содержимого из шаблона, чтобы не утяжелять его.
  4. Сделайте так, чтобы шаблон исправно работал на любой странице ресурса.

Рейтинг страницы: 4.8/5 (9 оценок)