Instant view Telegram

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

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

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

Линк с возможностью Instant View имеет внизу кнопку с изображением молнии и подписью «Посмотреть» или «View». Она добавляется, если для сайта был сделан шаблон быстрого просмотра. Его может создать автор канала или поста, а также разработчик сайта.

Что такое шаблон Instant View в Telegram

Шаблон — это набор правил и команд, которые указывают — какую информацию с исходной страницы следует выбирать. Бот Instant View следует этим инструкциям и с указанного сайта выбирает нужную информацию. Затем из нее формируется страница быстрого просмотра в Телеграмм.

Шаблон никак не связан с кодом сайта: при его построении последний не меняется. Здесь просто указываются теги, из которых надо брать данные, и правила, по которым следует это делать.

Как сделать Instant View в Телеграмме

Сначала следует остановиться на правилах построения шаблона Instant View. Их немного и полную информацию можно получить у официальных разработчиков сервиса. https://instantview.telegram.org/docs

Самой главной единицей API Instant View для Телеграмм являются свойства. Вы должны указать как минимум title и body. Содержимое этих разделов берется с исходной страницы. Для каждого из них вы должны вписать html-тег. Уточнять можно, добавляя его класс или ID. Например:

# В теге article должен присутствовать заголовок H1. Его содержимое и будет выведено как заголовок быстрого просмотра title: //article//h1 # Заголовком будет содержимое тега DIV с атрибутом id=’title’ title: //div[@id="title"] #Тело — текст в теге div с классом subtitle body: //div[has-class("subtitle«)] Можно указывать и текстовую информацию: author: «Иванов Иван» Убрать лишние теги можно с помощью команды @remove: @remove: //div[has-class("also«)]

В данном примере удаляются все теги div, у которых атрибут class имеет значение «also». С помощью команды append можно добавлять другое содержимое, например, картинки. Рассмотрим пошагово:

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

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

Теперь вы знаете, как работать с Instant View в Telegram. Чтобы не создавать шаблоны «с нуля», посмотрите примеры здесь https://instantview.telegram.org/samples/ Просто нажимайте на любой, и он откроется в редакторе.

Как сделать так, чтобы ваши подписчики читали статьи прямо в Telegram, без перехода на сайт (instant view)

Пятничное. Буду отвечать на типичные вопросы, которые появляются у обучающихся, и которые пишут в личные сообщения. Сегодня поговорим о канале telegram и как сделать красивые статьи instantview, чтобы они открывались вашими читателями прямо на канале без перехода на сайт. Поскольку это рубрика ответы на вопросы, я не буду тут обсуждать, нужен ли вам канал или нет (такого вопроса пока не было). Остановимся именно на технических моментах.

1. Итак, вы обладатель канала в телеграме и хотите, чтобы пользователь читал статьи прямо в нём. Сравните ссылку на сайт и кнопочку instant view выше на самом первом фото. 2. Идём сюда: https://instantview.telegram.org/my и вводим номер телефона, к которому привязан канал.

3. Вводим ссылку на ваш сайт, точнее — прямо на статью — в появившееся поле:
4. Получаем три поля: А, Б, В Поле А — то, что видно на сайте изначально. Б — куда нужно вставить правила, чтобы всё красиво отобразилось в В. Чтобы понять, что там с правилами, зовём программиста ̶и̶ ̶п̶ь̶ё̶м̶ ̶к̶о̶ф̶е̶,̶ ̶п̶о̶к̶а̶ ̶о̶н̶ ̶в̶с̶ё̶ ̶с̶д̶е̶л̶а̶е̶т̶ ИЛИ пользуемся готовым шаблоном, ищем вот здесь: https://instantview.telegram.org/samples/
Меня пока устроил telegra который ph который api. Дальше будет видно. Но тут я приверженица малобюджетного варианта — сначала сделать, раз нужно, потом допиливать детали. ̶И̶н̶а̶ч̶е̶ ̶м̶о̶ж̶н̶о̶ ̶т̶а̶к̶ ̶в̶е̶ч̶н̶о̶ ̶д̶о̶п̶и̶л̶и̶в̶а̶т̶ь̶ ̶и̶ ̶н̶и̶ч̶е̶г̶о̶ ̶н̶и̶к̶о̶г̶д̶а̶ ̶н̶е̶ ̶с̶д̶е̶л̶а̶т̶ь̶.̶ 5. Сохраняете, что у вас там в правилах и (если всё красиво получилось на экране B — то есть не пишет об ошибках, и вас всё устраивает) нажимаете кнопочку view in telegram. Здесь внимание. У вас должна быть установлена версия телеграма на компьютер (не веб-версия). Оно вас спросит, где опубликовать, подсовываете ему свой канал, пишете к ссылке какой-нибудь текст (я не написала на радостях, пришлось редактировать потом) Наслаждаемся результатом:
Ну и пользуясь случаем. Подписывайтесь на канал в телеграм: http://t.me/todayfindyourway (если у вас нет телеграма на том устройстве, с которого читаете это, то сначала установите его вот здесь: https://telegram.org/apps Не переключайтесь.

С вами была Наталья Пискунова и кот Барон

(кот не мой, так, по ̶х̶о̶з̶я̶й̶с̶т̶в̶у̶ маркетингу помогает)

Магазин курсов и мастер-классов

(бизнес, психология, личная эффективность)

Источники