Мгновенные просмотры. Разъяснения.

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

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

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

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

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

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

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

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

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

Подробнее о публикации шаблонов »

Кнопки соединения

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

Чтобы это работало, шаблон должен содержать свойство канала, которое содержит ссылку на ваш канал. Больше в документации »

Редактор мгновенного просмотра (Instant View Editor)

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

Совет: используйте Инструменты разработчика в вашем браузере (например, режим проверки в Chrome), чтобы изучить HTML-разметку страницы.

В средней части страницы вы создаете шаблон для выбранного доменного имени или URL-адреса. Шаблоны состоят из простых инструкций для нашего IV бота, которого мы называем правилами. Позже вы можете подробно изучить синтаксис здесь. Как только вы сохранили свои правила для страницы (cmd + S или ctrl + S в окне правил), в окне справа отобразится страница мгновенного просмотра, которую бот IV будет создавать на основе текущих инструкций.

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

Образцы шаблонов

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

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

Учебник по шаблонам

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

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

• Весь необходимый контент со страницы источника должен быть представлен.

• Все ненужные элементы должны быть удалены со страницы мгновенного просмотра.

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

Соответственно, один из способов создания шаблона состоит в следующем:

Шаг 1. Направьте свой шаблон

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

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

Шаг 2. Возьмите предметы первой необходимости

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

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

Шаг 3. Удалить все остальное

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

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

На этом этапе мы рекомендуем вам покинуть привычные рамки страницы, которую вы использовали для тестирования, и проверить разные страницы на целевом веб-сайте. Посмотрите, получают ли их какие-либо страницы, которые не заслуживают IV, и не хватает ли страниц IV для тех, кто их заслуживает.

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

Смотрите также: наш идеальный шаблон контрольного списка »

Естественно, это лишь краткое описание того, что вы можете сделать - страницы мгновенного просмотра предлагают безграничные возможности.

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

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

После включения отслеживания изменений редактирование вашего шаблона не будет сразу же проверять изменения на всех страницах. Вместо этого, когда вы довольны созданной в настоящее время IV-страницей, и никакие предупреждения не отображаются, нажмите Mark as Checked, чтобы увидеть, не повлияли ли ваши изменения на другие IV-страницы, на которые повлиял ваш шаблон.

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

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

Публикация шаблонов

Если страница мгновенного просмотра была успешно обработана, вы увидите кнопку «Просмотр в телеграмме» (View in Telegram) в верхнем правом углу - вы можете использовать ее для просмотра полученной страницы в приложении.

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

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

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

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

-И все, теперь вы готовы перейти к полному мгновенному просмотру документации.

-Не забывайте, что вы также можете проверить наши аннотированные образцы шаблонов.

Оригинал статьи.