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.
