Что такое Instant view в Telegram?
Вы наверняка видели, что многие посты в Telegram-каналах оформлены в виде ссылки с превью. Если нажать на нее, то она откроется во встроенном браузере мессенджера. Данная функция называется Instant view – просмотр ссылок прямо в Telegram. Сегодня мы расскажем вам, как это работает, для чего нужно и как создать свой собственный шаблон для просмотра страниц в мессенджере.
Instant view
Что такое Instant view?
Опция моментального просмотра позволяет открывать веб-страницы прямо в Telegram. Это позволяет сэкономить время на открытии стороннего браузера, отключает все рекламные объявления на странице и защищает пользователей от любых угроз, которые могут находится на открываемом сайте.
Ссылки, которые можно открыть в мессенджере, обозначаются синей кнопкой с молнией и надписью Instant view. Если вы являетесь автором такого поста, вы можете сами задавать шрифты для текста внутри него, менять тему и так далее.
Instant view в Телеграме
Как работает Instant view?
Вам нужно лишь скопировать ссылку и отправить ее кому-нибудь в Telegram. Превью создастся автоматически, если бот мессенджера обнаружит в приложении шаблон для такой страницы.
Шаблоны моментального просмотра – это свод правил и алгоритмов, исходя из которых бот создает превью страницы в Telegram – удаляет все лишнее и выводит аккуратный текст в Instant view.
Данная функция также полезна тем, что позволяет открывать веб-страницы гораздо быстрее, чем в обычном браузере. Но даже это еще не все плюсы паттернов Instant view.
Шаблон моментального просмотра
Преимущества шаблона
- Если исходный сайт не адаптирован для просмотра с мобильного устройства, Instant view сделает страницу максимально читабельной и приятной.
- Без рекламы и прочих ненужных скриптов читать текст становится гораздо удобнее.
- Страницы грузятся быстро, так как все лишнее отключается и остается только текст.
- Переходя по ссылке в Instant view вы все еще остаетесь в Telegram. Не нужно переходить в другие приложения, тратить время и трафик.
- Функцию можно отключить в настройках при необходимости, тогда вы будете открывать все ссылки в браузере.
Как сделать шаблон Instant view?
Редактор Instant view Editor дает возможность создавать свои шаблоны для предпросмотра. Для добавления вашего паттерна в Telegram, он должен пройти модерацию – тогда его можно будет использовать для просмотра в мессенджере статей с вашего сайта.
Редактор IVE позволяет создавать паттерны для любых ресурсов. Чтобы сделать свой шаблон, перейдите на сайт instantview.telegram.org, и нажмите на раздел Editor. Здесь изложена подробная интсрукция, правда для ее понимания вам придется выучить английский язык, так как русской локализации там нет. Если с иностранными языками у вас туго, можно воспользоваться переводчиком или записаться на курсы (все равно в жизни пригодится) с профессиональными преподавателями, например, здесь: https://yes-grodno.by/
Экран редактора
Запустив Instant view Editor, зайдите в раздел «Мои шаблоны», пройдите процесс регистрации и оставьте ссылку на нужную веб-страницу. Далее откроется сам редактор с дальнейшими подробными инструкциями.
Правила создания Instant view
- Не создавайте несколько шаблонов к разным страницам одного сайта.
- Не упустите нужный текст со страницы.
- Удалите все ненужное, что утяжеляет статью и делает ее открытие медленнее: рекламные баннеры и все прочее.
- Сделайте так, чтобы ваш паттерн исправно работал на всех страницах сайта. Повторюсь: не нужно создавать разные шаблоны для разных страниц.
Данный ресур является неофициальным сайтом фан-клуба приложения Telegram. Все текстовые, графические и видео материалы взяты из окрытых источников и носят ознакомительный характер. В случае возникновения споров, претензий, нарушений авторских или имущественных прав, просьба связаться с администрацией сайта.
Instant view в Telegram
Как уже описывалось выше, Instant view дает возможность просматривать страницы сайта прямо в telegram. При чем лишние блоки в виде рекламы, бесполезных картинок и баннеров вырезаются, что существенно снижает размер готового контента.
Такие страницы легко узнать по синей кнопке с молнией.
Начиная с версии 4.0 были добавлены настройки в Instant view. Стало доступно изменение шрифтов и их размеров, смена тем, а также активация ночного режима.
Как это работает?
Когда вы отправляете ссылку через телеграмм, формируется предварительный просмотр сайта. Бот-парсер проверяет эту ссылку и определяет, имеется ли у этого сайта Instant view шаблон. Шаблон представляет собой набор правил и инструкций, по которым бот отбирает информацию и строит instant view страницу.
Если для URL есть шаблон, то бот использует его для нахождения нужной информации на странице (заголовки, текст, элементы), удаляет весь беспорядок и создает тонкую, красивую и удобную Instant view страницу. Помимо ранее сказанного о снижения размера страниц, есть еще кое что.
Instant View страницы чрезвычайно легки и кэшируются на серверах Телеграмма , поэтому они загружаются мгновенно почти любой связи — отсюда и название. Больше не нужно ждать загрузку неуклюжих сайтов, теперь вы можете получить все и сразу!
Наглядный пример
Слева — оригинал, справа — обработанная страница.
Даже если сайт не был оптимизирован для мобильных устройств, он все равно будет выглядеть удобно (во всех смыслах этого слова) через instant view.
Самое главное, что автору сайт ненужно ничего менять на своем сайте для того, чтобы он начал работать через моментальный просмотр в телеграмм.
Как создать шаблон Instant view?
Любой желающий может создать шаблон используя Instant View Editor . После того, как шаблон будет одобрен, все пользователи телеграмм получат возможность просматривать страницу через Instant view.
Instant View Editor
Редактор позволяющий создавать свои собственные шаблоны для любых сайтов. Для того, чтобы начать достаточно перейти в Мои шаблоны и добавить URL-адрес для вашего шаблона и нажать кнопку «Enter». Откроется редактор. Исходная страница будет отображаться в левой части страницы.
Совет: Используйте инструменты для разработчиков в вашем браузере (например: debug-режим в Chrome) , чтобы изучить HTML разметки страницы.
В средней части страницы находится рабочее поле, где вы создаете шаблон для выбранного доменного имени или URL.
Шаблоны состоят из простых инструкций (подробнее вы можете изучить синтаксис здесь ). После того, как вы сохранили свои правила для страницы, окно в правой части будет отображаться Instant View страницу, которую бот будет создавать на основе текущих инструкций.
Примеры шаблонов
Если вы хотите наглядно ознакомиться с готовыми шаблонами, то это можно осуществить перейдя на эту страницу. К этим шаблонам добавлено большое количество комментариев, так что разобраться в составлении инструкций будет довольно легко.
Вы можете экспериментировать с данными шаблонами и посмотреть, как они изменяются. Не волнуйтесь, ваши изменения не будут применены к фактическим Instant view страницам, которые могут видеть обычные пользователи телеграмм.
Instant view для своего сайта
При создании шаблона для Instant view вы должны придерживаться 4 правил:
- Создаем правила только для тех страниц, которые действительно в этом нуждаются.
- Необходимо захватить все важное содержимое с исходной страницы.
- Все ненужные элементы должны быть исключены из шаблона.
- Шаблон должен хорошо работать с любой страницей сайта.
Это лишь краткое изложение того, что вы могли бы сделать.
Instant view страницы предлагают неограниченные возможности.
Вознаграждение за создание шаблонов Instant view
Создавать шаблоны для сайтов никто не будет. Был выделен фонд в размере 200.000$, который будет распределен между создателями шаблонов.
Для получения денежного приза, необходимо первым создать шаблон для сайта из списка.
За каждый выполненный шаблон вы получаете вознаграждение в размере 100$ из фонда.
Тому, кто создаст шаблонов больше все, достанется суперприз в 10.000$ в дополнение к обычным вознаграждениям.
За второе место предусмотрен приз в размере 5.000$.
Если вы не умеете создавать шаблоны, то вы всё равно можете получить вознаграждение. Для этого достаточно просто искать и отмечать ошибки, которые допустили разработчики шаблонов.
Как сделать Instant View в Телеграмме
Instant View – это инструмент, позволяющий просматривать различные сайты во встроенном браузере мессенджера. Таким образом, если вы владеете каким-либо сайтом и вам следует встроить свою страницу в мессенджер, то для этого не нужно обращаться в поддержку. Для этого потребуются небольшие знания HTML-кода, и вы сможете встраивать свой сайт в телеграмм без проблем. Далее разберемся в работе и настройке Instant View в Telegram.
Как это работает
Быстрый просмотр (от англ. Instant View) в Telegram упрощает использование мессенджеров до минимума. Если вам необходимо перейти на сайт, то при помощи Instant View вы сделаете это просто без всякого стороннего софта. Telegram сам откроет сайт, даже если в нем нет мобильной версии и вы сможете просмотреть именно ту информацию, которая вам нужна. Ниже это проиллюстрировано на картинке. 
Как мы видим, кнопка «Посмотреть» отображается с картинкой и кратким содержимым, а сама она расположена слева внизу ссылки. Эта функция всплывает, если на сайте работает шаблон для быстрого просмотра ссылок. Его может сделать автор сообщества или разработчик сайта.
Что такое шаблон Instant View
Шаблон Instant View включает в себя команды, которые показывают какую информацию необходимо взять с исходного сайта. Далее бот Instant View следует указаниям шаблона и собирает информацию со страницы. После происходит формировка Instant View для приложения Telegram.
Как настроить Instant View в Телеграмме
Перед началом создания быстрого просмотра ссылок следует ознакомиться с созданием правильных шаблонов на официальном сайте https://instantview.telegram.org/docs. Важно понимать, что для работы с Instant View должны быть минимальные знания HTML-кода. После ознакомления правил можно перейти к настройке самой разработки.
- Переходим на сайт https://instantview.telegram.org и авторизуемся под своим логином от телеграмма. Далее открываем вкладку «My Templates».
- В появившемся окне мы видим адресную строку, в которую следует ввести URL-ссылку своего сайта.
- Итак, мы ввели ссылку на сайт и теперь видим 3 окошка. В первом отображается оригинал, во втором правила, по которым будет работать ваш Instant View, а в третьем – предпросмотр содержимого.
- Далее мы вводим правила в среднее окошко.
Например:
# В теге article должен присутствовать заголовок H1. Его содержимое и будет выведено как заголовок быстрого просмотра
title: //article//h1
# Заголовком будет содержимое тега DIV с атрибутом /> title: //div[@id=»title»]
#Тело – текст в теге div с классом subtitle
body: //div[has-class(«subtitle»)]
Можно указывать и текстовую информацию:
author: «Иванов Иван»
Убрать лишние теги можно с помощью команды @remove:
@remove: //div[has-class(«also»)] Для ознакомления всё будет выведено в окно предпросмотра. Если всё устраивает, то нажимаем на «View in Telegram» и отправляем ссылку в телеграмм.
Видео: детальная инструкция настройки Instant View в Telegram
Оказывается, всё довольно просто. Теперь вы знаете как просто сделать Instant View в телеграмме. Для это нужно просто зайти на сайт, с поддержкой Instant View и ввести нужные правила.
Instant View in Telegram: что это и как работает
Как пользоваться
Телеграм-каналы становятся все популярнее с каждым днем. Создатели стремятся удержать читателей любой ценой, не давая им покинуть свою группу. Instant View Telegram помогает эффективно справиться с этой задачей.
Инструмент Instant View
Инструмент Instant View помогает открыть ссылки во встроенном браузере, не закрывая «Телеграм». Открывается не только текстовое наполнение, но и медиафайлы. Поддерживаются даже сайты, у которых нет мобильной версии. Это способствует экономии времени и ресурсов среди читателей каналов.
Принцип работы
Instant view помогает настроить удобный предпросмотр сторонних ресурсов. Когда ссылка на сайт попадает в «Телеграмм», инструмент добавляет к ней окно предварительного ознакомления.
Материал отображается в оригинальном виде. К системе не нужно подключаться отдельно, как это происходит на подобных инструментах в ВКонтакте или Фейсбук. Мессенджер сам проводит все операции.
Преимущества
Главным плюсом для пользователей является скорость. Им больше не нужно открывать браузер отдельно, чтобы ознакомиться с материалом стороннего источника. Теперь все можно изучить, не покидая пределы любимого мессенджера.
«Инстант Вью» работает одинаково хорошо со всеми типами сайтов, включая созданные на WordPress. Он требует намного меньше ресурсов, чем схожие системы в других социальных сетях.
Шаблон
На главной странице Instant view in Telegram можно ознакомиться с примерами верстки разных форматов. Бонусом редактора является минимальное количество данных, которые требуются боту: «Тайтл» и «Боди». Они дают программе ориентир. Первый идентификатор задает обозначение заголовка, второй – контента.
Для создания своего варианта необходимо выбрать готовую страницу, по которой будет создан шаблон. Он подойдет и для остальных страниц. Просмотреть данные о странице можно при помощи команды «Код страницы».
Как в Telegram сделать Instant View
Создать свой вариант шаблона для телеграм-канала можно в редакторе. Необходимо прописать свойства, title и body страницы. Задаются параметры при помощи html-тегов. Ниже приведена подробная инструкция данного процесса. Сделать instant view в телеграме может тот, кто хоть немного знаком с программированием.
Как прописать заголовок: title: //article//h1. Само содержимое шапки прописывается в теге DIV с атрибутом >
«Тело» задается также тегом div, однако теперь нужно задать класс – subtitle. Чтобы добавить мультимедийные изображения, задают команду «Append».
Правила построения шаблона
Шаблон – сочетание правил, задающих внешний вид отображающейся информации в окне предпросмотра. Не стоит путать код сайта и шаблон. Они не связаны между собой.
Наиболее часто используемые переменные в создании шаблона:
- author – указывается автор;
- image_url – картинка, изображение;
- cover – видео-, аудиофайлы;
- author_url – активная ссылка на автора;
- subtitle – подзаголовок;
- published_date – время публикации.
Редактор Instant View Editor
Страница для редактирования шаблонов выглядит довольно просто. При создании шаблона открываются 3 миниокна, в которых показаны изменения. Каждый тег меняет визуальное отображение страницы, что сразу же видно во втором окне.
Пошаговая инструкция
Как работает инструмент instant view telegram, лучше всего понять на практике. Разработать свой дизайн, не имея знаний в HTML, не выйдет. Нужно понимать, как устроены сайты, для которых создаются коды.
- Ввести в адресную строку https://instantview.telegram.org/ и открыть этот сайт. Выбрать вкладку «My templates».
- Создать учетную запись.
- В специальной строке написать URL-адрес любой статьи, для которой нужен Instant View. Откроется новая вкладка с разными окнами: оригинал страницы, правила и предпросмотр.
Обратите внимание! Ссылка работает лишь для постов, созданных отправителем.
Сейчас команда Телеграм проводит конкурс среди создателей шаблонов для сайтов.
Владельцы ресурсов и авторы телеграм-каналов могут воспользоваться этим мероприятием, чтобы получить шаблон для своего интернет-источника.
Генерация и отправка ссылок
Изначальный вид ссылки от «Телеграм» не слишком привлекательный. Это длинный набор символов, который занимает большую часть в тексте. Сделать лаконичную и красивую ссылку можно всего двумя способами:
- использовать API Telegram и писать бота для отправки постов;
- с помощью готового (например, @ControllerBot). Этот робот понимает лишь HTML-команды. Он способен изменить длинное полотно в короткую ссылку за секунду.
Вознаграждение за шаблон
Система получения бонусов очень проста. Необходимо первым создать шаблон для сайта из представленного списка на сайте https://instantview.telegram.org/contest. Создателями платформы был выделен призовой фонд в размере 300 тысяч долларов.
Каждый участник может получить фиксированное вознаграждение. А тому, кто сможет сделать больше всех шаблонов, положено 10 000 долларов США. Занявшему второе место – $5 000 Дополнительно получить деньги можно, находя ошибки в чужих работах.
Понять принцип Instant View лучше всего удастся на практике. Конкурсы – дополни-тельный стимул освоить инструмент. Не стоит тянуть, ведь кроме получения навыка верстки, можно выиграть неплохое денежное вознаграждение.