Что такое Instant View в Телеграм
Статьи

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

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

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

Кроме того, они очень легкие и кэшируются на серверах Telegram, поэтому мгновенно загружаются при любом подключении — отсюда и название «Мгновенный просмотр».

И самое главное, веб-мастерам не нужно ничего менять на своих сайтах для работы Instant Views.

 

Как это работает?

Когда вы делитесь ссылкой через Telegram и создается предварительный просмотр ссылок, бот Instant View также проверяет наличие  шаблона мгновенного просмотра для этого сайта. Шаблоны — это наборы инструкций под названием “правила”, которые учат IV бота создавать страницы Instant View для определенных доменов или URL-адресов.

Если у ссылки есть шаблон, бот использует его для поиска соответствующего содержимого на странице (заголовки, текст, медиа), удаления ненужных элементов и создания красивой страницы мгновенного просмотра.

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

Если вы сами публикуете свой контент в Telegram, вам не нужно ждать одобрения. Можно отправить специально отформатированные ссылки своим подписчикам и они сразу получат страницы Instant View, созданные с помощью вашего шаблона.

 

Кнопка «Присоединиться»

Если у вас есть канал, можете направлять на него пользователей с ваших старниц Instant View.

Чтобы добавить кнопку «Присоединиться», шаблон должен содержать специальное свойство с ссылкой на ваш канал.

 

Редактор Instant View

Редактор IV Telegram позволяет создавать и тестировать шаблоны для любого домена. Сначала перейдите в «Мои шаблоны», введите целевой URL-адрес шаблона Instant View в поле и нажмите «Ввод». Так вы откроете редактор. Исходная страница будет отображаться слева.

Подсказка: Используйте инструменты разработчика в своем браузере (например, режим Inspect mode в Chrome), чтобы изучить разметку HTML на странице.В средней части страницы вы создаете свой шаблон для выбранного домена или URL-адреса. Шаблоны состоят из простых инструкций для IV бота, которые называются правилами”. После сохранения своих правил для страницы (cmd + S или ctrl + S в окне «Правила»), в правом окне отобразится страница «Мгновенный просмотр», созданная IV-ботом на основе текущих инструкций.

Обратите внимание на строку состояния внизу страницы — она отображает результат последней операции. Здесь также вы найдете вывод функции @debug:

Примеры шаблонов

Если вам нужен пример, вы можете проверить точно такие же шаблоны, используемые для создания страниц Instant View для сообщений на Medium, Telegra.ph и в блоге Telegram.

 

Путеводитель по шаблонам

У создания шаблона Instant View есть четыре главные цели:

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

Таким образом, один из способов создания шаблона — выполнение следующих действий:

Шаг 1. Создайте свой шаблон

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

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

Шаг 2. Добавьте только необходимое

Для страницы Instant View нужно создать, как минимум, два свойства: title (заголовок) и body (тело). Внимательно ознакомьтесь с целевой статьей и убедитесь, что все важные элементы перенесены на страницу IV в формате, поддерживаемом приложениями Telegram.

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

Шаг 3. Удалите ненужное

Используйте функцию @remove, чтобы убрать со страницы ненужную информацию. К этому времени у вас должна быть легкая страница IV, отображающая чистый контент.

Шаг 4. Усовершенствуйте шаблон

На этом этапе нужно проверить другие страницы вашего сайта. Проверьте, есть ли IV у страниц, которым они действительно нужны.

Кроме того, убедитесь в корректности обработки страниц с неправильными элементами. Необходимо обратить особое внимание на то, чтобы все типы мультимедиа, встроенный контент, кавычки и разделители были хорошо отображены. Проверьте 5-10 разных ссылок и выполните соответствующие настройки.

Это всего лишь краткий обзор возможных действий — страницы Instant View предлагают неограниченные возможности.

 

Отслеживание изменений

После создания IV страниц, нажмите кнопку «Track Changes». Если применить измененные правила шаблонов, их можно будет проверить на всех применимых IV страницах в системе.

После включения Track Changes редактирование шаблона не будет сразу же проверять изменения на всех страницах. Вместо этого, если созданная IV страница корректна, и никаких предупреждений не отображается, нажмите «Отметить как Проверено», чтобы посмотреть, нарушили ли ваши изменения что-то на других IV.

Если обнаружены изменения, строка состояния отобразит разницу и результат:

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

Шаблоны публикаций

Если страница Instant View была успешно обработана, в верхнем правом углу появится кнопка «Вид в Телеграм» — ее можно использовать для просмотра итоговой страницы в приложении.

Для своей аудитории

Обратите внимание, если вы отправите полученную ссылку t.me/iv?url = … & rhash = … другим пользователям Telegram, они увидят страницу мгновенного просмотра, созданную из вашего шаблона. Это значит, что как владелец сайта вы можете создать шаблон для своей страницы и опубликовать ссылки t.me/iv?url = …  на ваш канал Telegram — и ваши подписчики смогут просматривать ваши статьи в формате Instant View.

Для всех пользователей Telegram

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

Полную документацию Instant View смотрите здесь.

 

Подписывайтесь на канал Вам Телеграм — актуальные новости, полезные статьи и советы по работе с Telegram.

Оставить комментарий
To Top