View in Telegram что это значит

Все на скриншоте пример статьи с данного сайта, опубликованной в Telegram при помощи Instant View (далее IV). Делается легко, дальше разберем как!

И сразу неприятная особенность — Instant View работает по базе ссылок, одобренных телеграм. Если ваш сайт не прошел модерацию, то мессенджер не станет автоматически заворачивать вашу ссылку в IV. Для этого используется костыль! Но он не сложный и его можно частично автоматизировать. Правильнее будет назвать это чуть более упрощенным постингом.

Шаблон Instant View

Заходим на сайт https://instantview.telegram.org/my/. Это официальный редактор, база данных и вообще всего, что связано с IV. Необходимо авторизоваться, для этого понадобится Telegram.

В разделе My Templates увидим форму для ввода адреса. Главную страницу туда добавлять смысла нет, поэтому используйте любую статью, которую хотите подготовить для IV. На базе будущего шаблона будут генерироваться все следующие ссылки-шаблоны.

В качестве примера можете использовать мою ссылку (см. выше)

Geely Tugella — Полтора года спустя!

Instant View Telegram для блога за 5 минут

Функция Telegram Instant View позволяет внутри мессенджера создавать унифицированный вид статьи любого ресурса (примерно так, как если бы вы читали электронную книгу в своём ридере), который описан в правилах создания быстрых просмотров его страниц. Когда вы получаете или публикуете в каналы ссылку на такую статью через Telegram, для её просмотра требуется просто нажмите кнопку «Instant View» (далее по тексту – «быстрый просмотр») , и страница открывается мгновенно.

Ещё одной интересной особенностью функции «Быстрый просмотр» является то, что подготовленный вид статьи (поста) кешируется на серверах Telegram, и, даже при недоступности основного ресурса, где опубликована статья, ваши читатели смогут беспрепятственно его прочесть.

Отступление: для быстрой организации функции «Быстрый просмотр» без особой подготовки можно воспользоваться републикацией своего текста на любом из ресурсов, для которого она уже описана в Telegram. Например, если разместить ваш текст на сайте https://telegra.ph, то при публикации такой ссылки в мессенджере для неё автоматически создаётся Instant View. Для указания вашего авторства на стороннем ресурсе можно указать имя автора и ссылку на оригинальный материал. Вполне возможно, что этих мер будет вполне достаточно для удовлетворения ваших потребностей. Однако, если лёгкие пути – это не про вас, то читаем дальше.

Создание «быстрого просмотра» для своего блога возможно двумя способами:

1. Ручной способ – каждую отдельную статью придётся добавлять в личном кабинете, генерировать для неё уникальную ссылку и вставлять в пост.
2. Автоматизированный способ – любая добавленная ссылка на пост вашего блога (статью вашего сайта) в любом сообщении мессенджера автоматически преобразуется в «Instant View».

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

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

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

Простой пример добавления страницы в Instant View Telegram

Заходим на сайт Instant View и представляемся системе при помощи учётной записи Telegram.

Затем в данной форме вводим url нашего сайта:

Когда в списке ниже появится ваш домен, кликаем его и переходим к редактору шаблонов Instant View.

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

Открываем запись вашего блога, которую нужно опубликовать в instant view, в браузере в режиме просмотра исходного кода или инспектирования элементов. Находим заголовок и текст статьи. Смотрим какими стилями обёрнуты интересующие нас части страницы, которые мы хотим выводить в быстром просмотре.

В моём случае html код записи выглядит так:

Как вы можете видеть, в записях моего блога название записи обёрнуто тегом c классом entry-title , а текст записи обёрнут классом entry-content . При этом, для нас не имеет никакого смысла показывать в instant view количество просмотров записи на самом сайте, поэтому текст, обёрнутый классом post-views мы исключим из отображения в правилах.

Предлагаю вниманию следующий работающий (конкретно на примере этого блога) код, которого достаточно для того, чтобы начать понимать в языке правил обработки instant view, и для того, чтобы ваши страницы начали правильно отображаться в мессенджере:

Превью ссылки (обратите внимание, что это ссылка не на страницу на домене блога, а на кеш в instant view) сообщения мессенджера с данным набором правил выглядит так:

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

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

О сложных шаблонах страниц Instant View

По трём строчкам кода правила Instant View вы догадались, что этого не достаточно для того, чтобы описать все возможные представления всех типов контента вашего блога (сайта) в Telegram. Для этого понадобится шаблон посерьёзнее, где будут работать правила, в зависимости от раздела сайта и типа представляемого контента. Теоретически, набор правил можно составить таким образом, что каждая отдельно взятая страница будет отображаться по-своему или наоборот исключаться из конвертирования в формат быстрого просмотра.

Ознакомиться с синтаксисом языка правил Instant View Telegram можно здесь.

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

Следите за обновлениями.

Источник: www.meriner.ru

Instant View in Telegram: что это и как работает

Как пользоваться

Автор fast12v0_steleg На чтение 5 мин Просмотров 452 Опубликовано 28.11.2019

Телеграм-каналы становятся все популярнее с каждым днем. Создатели стремятся удержать читателей любой ценой, не давая им покинуть свою группу. 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, не выйдет. Нужно понимать, как устроены сайты, для которых создаются коды.

1. Ввести в адресную строку https://instantview.telegram.org/ и открыть этот сайт. Выбрать вкладку «My templates».
2. Создать учетную запись.
3. В специальной строке написать URL-адрес любой статьи, для которой нужен Instant View. Откроется новая вкладка с разными окнами: оригинал страницы, правила и предпросмотр.
4. Открыть нужную страницу и просмотреть ее код (нажать правой кнопкой мыши на пустое место, выбрать «Просмотреть код»).
5. В среднем окне прописать правила.
6. Если содержимое не устраивает, откорректировать.
7. По завершению работы нажать кнопку «View in Telegram», которая находится в правом верхнем углу.
8. Выбрать получателей ссылки на шаблон и разослать его.

Обратите внимание! Ссылка работает лишь для постов, созданных отправителем.

Сейчас команда Телеграм проводит конкурс среди создателей шаблонов для сайтов.

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

Генерация и отправка ссылок

Изначальный вид ссылки от «Телеграм» не слишком привлекательный. Это длинный набор символов, который занимает большую часть в тексте. Сделать лаконичную и красивую ссылку можно всего двумя способами:

Вознаграждение за шаблон

Система получения бонусов очень проста. Необходимо первым создать шаблон для сайта из представленного списка на сайте https://instantview.telegram.org/contest. Создателями платформы был выделен призовой фонд в размере 300 тысяч долларов.

Каждый участник может получить фиксированное вознаграждение. А тому, кто сможет сделать больше всех шаблонов, положено 10 000 долларов США. Занявшему второе место – $5 000 Дополнительно получить деньги можно, находя ошибки в чужих работах.

Понять принцип Instant View лучше всего удастся на практике. Конкурсы – дополни-тельный стимул освоить инструмент. Не стоит тянуть, ведь кроме получения навыка верстки, можно выиграть неплохое денежное вознаграждение.

Пошаговая инструкция построения шаблона представлена ниже:

Источник: stelegram.ru