Инструмент Instant View помогает открыть ссылки во встроенном браузере, не закрывая «Телеграм». Открывается не только текстовое наполнение, но и медиафайлы. Поддерживаются даже сайты, у которых нет мобильной версии. Это способствует экономии времени и ресурсов среди читателей каналов.
Принцип работы
Возможности Instant View для Telegram
Instant View для Telegram.
Instant view помогает настроить удобный предпросмотр сторонних ресурсов. Когда ссылка на сайт попадает в «Телеграмм», инструмент добавляет к ней окно предварительного ознакомления.
Материал отображается в оригинальном виде. К системе не нужно подключаться отдельно, как это происходит на подобных инструментах в ВКонтакте или Фейсбук. Мессенджер сам проводит все операции.
Преимущества
Главным плюсом для пользователей является скорость. Им больше не нужно открывать браузер отдельно, чтобы ознакомиться с материалом стороннего источника. Теперь все можно изучить, не покидая пределы любимого мессенджера.
Настройка Instant View в Telegram для своего сайта
«Инстант Вью» работает одинаково хорошо со всеми типами сайтов, включая созданные на WordPress. Он требует намного меньше ресурсов, чем схожие системы в других социальных сетях.
Шаблон
На главной странице Instant view in Telegram можно ознакомиться с примерами верстки разных форматов. Бонусом редактора является минимальное количество данных, которые требуются боту: «Тайтл» и «Боди». Они дают программе ориентир. Первый идентификатор задает обозначение заголовка, второй – контента.
Для создания своего варианта необходимо выбрать готовую страницу, по которой будет создан шаблон. Он подойдет и для остальных страниц. Просмотреть данные о странице можно при помощи команды «Код страницы».
Как в Telegram сделать Instant View
Создать свой вариант шаблона для телеграм-канала можно в редакторе. Необходимо прописать свойства, title и body страницы. Задаются параметры при помощи html-тегов. Ниже приведена подробная инструкция данного процесса. Сделать instant view в телеграме может тот, кто хоть немного знаком с программированием.
Как прописать заголовок: title: //article//h1. Само содержимое шапки прописывается в теге DIV с атрибутом >
Как использовать Instant View в Telegram
Персональный Instant View для Telegram.
«Тело» задается также тегом div, однако теперь нужно задать класс – subtitle. Чтобы добавить мультимедийные изображения, задают команду «Append».
Правила построения шаблона
Шаблон – сочетание правил, задающих внешний вид отображающейся информации в окне предпросмотра. Не стоит путать код сайта и шаблон. Они не связаны между собой.
Наиболее часто используемые переменные в создании шаблона:
author – указывается автор;
image_url – картинка, изображение;
cover – видео-, аудиофайлы;
author_url – активная ссылка на автора;
subtitle – подзаголовок;
published_date – время публикации.
Редактор Instant View Editor
Бесплатный Telegram BOT — Telegraph. Публикация статей и новостей в каналах и группах.
Страница для редактирования шаблонов выглядит довольно просто. При создании шаблона открываются 3 миниокна, в которых показаны изменения. Каждый тег меняет визуальное отображение страницы, что сразу же видно во втором окне.
Пошаговая инструкция
Как работает инструмент instant view telegram, лучше всего понять на практике. Разработать свой дизайн, не имея знаний в HTML, не выйдет. Нужно понимать, как устроены сайты, для которых создаются коды.
Пошаговая инструкция:
Ввести в адресную строку https://instantview.telegram.org/ и открыть этот сайт. Выбрать вкладку «My templates».
Создать учетную запись
В специальной строке написать URL-адрес любой статьи, для которой нужен Instant View. Откроется новая вкладка с разными окнами: оригинал страницы, правила и предпросмотр.
Как использовать инструмент Instant View для Telegram
Пошаговое создание своего шаблона.
Открыть нужную страницу и просмотреть ее код (нажать правой кнопкой мыши на пустое место, выбрать «Просмотреть код»).
В среднем окне прописать правила.
Если содержимое не устраивает, откорректировать.
По завершению работы нажать кнопку «View in Telegram», которая находится в правом верхнем углу.
Выбрать получателей ссылки на шаблон и разослать его.
Обратите внимание! Ссылка работает лишь для постов, созданных отправителем.
Сейчас команда Телеграм проводит конкурс среди создателей шаблонов для сайтов.
Владельцы ресурсов и авторы телеграм-каналов могут воспользоваться этим мероприятием, чтобы получить шаблон для своего интернет-источника.
Генерация и отправка ссылок
Изначальный вид ссылки от «Телеграм» не слишком привлекательный. Это длинный набор символов, который занимает большую часть в тексте. Сделать лаконичную и красивую ссылку можно всего двумя способами:
— использовать API Telegram и писать бота для отправки постов;
Вознаграждение за шаблон
Система получения бонусов очень проста. Необходимо первым создать шаблон для сайта из представленного списка на сайте https://instantview.telegram.org/contest. Создателями платформы был выделен призовой фонд в размере 300 тысяч долларов.
Каждый участник может получить фиксированное вознаграждение. А тому, кто сможет сделать больше всех шаблонов, положено 10 000 долларов США. Занявшему второе место – $5 000 Дополнительно получить деньги можно, находя ошибки в чужих работах.
Понять принцип Instant View лучше всего удастся на практике. Конкурсы – дополни-тельный стимул освоить инструмент. Не стоит тянуть, ведь кроме получения навыка верстки, можно выиграть неплохое денежное вознаграждение.
Пошаговая инструкция построения шаблона представлена ниже:
Источник: telegra.ph
Instant view в Telegram
Instant view — моментальный просмотр блогов, новостей, статей прямо в telegram. Технология берет страницу с сайта и по определенным шаблонам убирает из нее все лишнее (например рекламу), далее уже в готовом виде предоставляет её пользователю.
Что такой Instant view?
Как уже описывалось выше, 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 разметки страницы.
Источник: ermail.ru
Кто настраивал Instant View в Telegram для ссылок с сайта?
Короч, создаю правила для ссылки. Шаблон вроде получается (первая пикча). Появляется кнопка Instant View, но после сохранения шаблона (в нём 10 ссылок, всё как просит ТГ), Instant View всё равно не пашет на ссылках с сайта. Заметил, что в углу пишут про старую версию шаблона. Постарался вписать правило с обновлением, но по итогу получается херня (вторая пикча).
Что за херь? Кто с подобным сталкивался? Где лажаю и как заставить эту дрянь работать? 
- Вопрос задан 2 часа назад
- 5 просмотров
Решения вопроса 0
Ответы на вопрос 0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- Telegram
- +2 ещё
Как я могу создать словарь с user_id и их ответами на моё сообщение?
- 1 подписчик
- 5 минут назад
- 3 просмотра
Источник: qna.habr.com