Редактор IV Telegram позволяет создавать и тестировать шаблоны для любого домена. Сначала перейдите в «Мои шаблоны», введите целевой URL-адрес шаблона Instant View в поле и нажмите «Ввод». Так вы откроете редактор. Исходная страница будет отображаться слева.
Как легко сделать Instant View для telegram канала?
- Оригинальная страница
- Правила для отображения Instant View.
- Предварительный просмотр
Как создать превью в телеграмме?
Как работает Instant View?
- Когда в Telegram подгружается превью ссылки, система автоматически проверяет, существует ли для нее шаблон мгновенного просмотра.
- Если шаблон есть, бот Instant View находит его, используя URL страницы,
Как сделать шаблоны в телеграмме?
- В поле Название нужно указать название шаблона;
- Выбрать сервис отправки: СМС/email или же Telegram;
- Выбрать тип шаблона – Напоминание о долге;
- В поле Текст написать универсальный текст для сообщения, пользуясь кнопками, которые размещены справа от поля. .
- После чего сохранить шаблон.
Что такое телеграф в телеграмме?
Telegraph — это анонимная блог-платформа, бесплатный издательский инструмент, созданный компанией Telegram. Хотя Telegraph создавался прежде всего как инструмент, позволяющий делиться длинными текстами в мессенджере Telegram, это полностью отдельный сервис, который можно использовать и без аккаунта в Telegram.
Настройка Instant View в Telegram для своего сайта
Как обновить Превью ссылки в Телеграме?
Какой размер фото в телеграмме?
Размер изображений для Telegram
Для аватарки в Telegram отлично подойдет размер 500×500px. Максимально допустимый размер — 1280×1280px.
Как сделать заказ в телеграмме?
Источник: fcessentuki.ru
Настраиваем кросспостинг из Вордпресс в Телеграм
Рассказываю пошагово с картинками для начинающих и не очень, как сделать автоматический экспорт всех публикуемых постов из Вордпресс в Телеграм-канал, про нюансы, в том числе, как настроить и внедрить Instant View.
Телеграм — это не просто мессенджер вроде Ватсапа или Вайбера. Телеграм — это целая платформа с большими возможностями и огромным потенциалом.
Телеграм очень популярен в околоайтишной (и не только) среде. Особой популярностью пользуются каналы, боты, чаты. Не использовать Телеграм в качестве еще одного маркетингового канала, наверное, было бы странно.
Для решения задачи нам понадобится установленный Вордпресс с плагином NextScripts: Social Networks Auto-Poster и, конечно, сам Телеграм с активной учетной записью.
Весь процесс условно можно разбить на 10 этапов, половина из которых опциональные — их можно не делать.
Начнем с Телеги.
Можно воспользоваться веб-версией, мобильной или десктопной версией — без разницы. Все примеры я буду проводить на Telegram 5.1 для Мак-ос.
Создаем бота
Открываем Телеграм, в глобальном поиске находим бота с именем BotFather и начинаем с ним «беседу».
После запуска, на экране отобразится весь список доступных команд.
/newbot
BotFather попросит придумать новому боту название и юзернейм. Обратите внимание, юзернейм должен оканчиваться на «bot».
В качестве примера я создал бота «Danilin.biz Test Bot» и дал ему имя danilinbiztest_bot.
А весь диалог с BotFather выглядел так.
Ivan Danilin, [8 апр. 2019 г., 17:01:21]: /newbot BotFather, [8 апр. 2019 г., 17:01:21]: Alright, a new bot. How are we going to call it? Please choose a name for your bot. Ivan Danilin, [8 апр. 2019 г., 17:01:41]: Danilin.biz Test Bot BotFather, [8 апр. 2019 г., 17:01:41]: Good.
Now let’s choose a username for your bot. It must end in bot. Like this, for example: TetrisBot or tetris_bot. Ivan Danilin, [8 апр. 2019 г., 17:02:21]: danilinbiztest_bot BotFather, [8 апр. 2019 г., 17:02:49]: Done! Congratulations on your new bot. You will find it at t.me/danilinbiztest_bot.
You can now add a description, about section and profile picture for your bot, see /help for a list of commands. By the way, when you’ve finished creating your cool bot, ping our Bot Support if you want a better username for it. Just make sure the bot is fully operational before you do this. Use this token to access the HTTP API: 7095##########Ch0jGnKOzb1qFor3YNx03oeMzKR_s Keep your token secure and store it safely, it can be used by anyone to control your bot. For a description of the Bot API, see this page: https://core.telegram.org/bots/api
BotFather дал нам токен для доступа к Telegram API.
Сохраняем его, запоминаем имя созданного бота. Все это нам понадобится на следующих этапах.
Создаем канал
Открываем Телеграм и обычным способом создаем канал.
Назовем его «Тестовый канал Danilin.biz»
Там все предельно просто. Указываем тип канал: публичный или частный. Публичный можно найти через поиск, частный — нет. Придумываем адрес канала и запоминаем его.
Назначаем нашего бота админом канала
Того самого, которого создали на первом этапе. Для этого открываем канал и идем в раздел «Информация».
Переходим в раздел «Администраторы канала» ⟶ «Добавить администратора» и ищем в глобальном поиске своего ранее созданного бота.
Назначаем бота администратором и переходим к настройке Вордпресс.
Устанавливаем и настраиваем плагин NextScripts: Social Networks Auto-Poster
Плагин сокращенно называют SNAP. Найти его можно в официальном репозитории Вордпресс или скачать по ссылке.
Почему именно SNAP
Потому что кроме Телеги, SNAP умеет кросспостить в другие блоги на Вордпресс, в популярные соцсети: Фейсбук, Инстаграм, Ютуб, Вконтакте, Твиттер, Одноклассники, ЖЖ, а также и в менее популярные: 500Px, Blogger, deviantART, Diigo, Flickr, Flipboard, Google My Business, Google+, Instapaper, LinkedIn, Line, MailChimp, Medium, Plurk, Pinterest, Reddit, Scoop.It, SETT, Tumblr, vBulletin, Weibo, XING, Yo.
Список выглядит убедительно.
Я несколько лет пользуюсь SNAP на разных проектах. В целом плагин зарекомендовал себя положительно. Бесплатной версии вполне достаточно для решения повседневных задач.
Приступаем к настройке
Добавляем новый аккаунт. В выпадающем списке выбираем Телеграм, копируем полученный токен бота и указываем ID канала. Не забудьте про собаку.
Тестируем кросспостинг
После всех процедур, рекомендую проверить связку на работоспособность. Для этого открываем настройки аккаунта в SNAP и нажимаем кнопку «Отправить тестовую запись в Телеграм».
Если все сделано правильно, в созданном канале опубликуется пост примерно такого содержания.
Задача решена и на этом можно остановиться.
Теперь все новые посты из Вордпресс будут транслироваться в Телегу.
Настраиваем прокси
В некоторых странах бывают проблемы с доступом к Telegram API. Если ваш хостер оказался проблемным, тогда идем в расширенные настройки аккаунта SNAP и настраиваем прокси.
Там все просто, задаем:
- IP-адрес : Порт
- Имя пользователя : Пароль
Настраиваем фильтрацию
Иногда транслировать в Телеграм нужно не все подряд. Для этого можно настроить фильтрацию. Например, разрешить кросспостинг только для каких-то конкретных рубрик, меток или авторов.
Если этого мало, PRO версия плагина позволяет пойти дальше и фильтровать посты по произвольным полям, таксономиям и даже поиску.
Индивидуальные настройки кросспостинга
Как я уже говорил, в SNAP задается дефолтный формат транслируемых постов. Также имеется возможность задавать индивидуальный шаблон или текст для каждого поста. В редакторе для этого есть такой блок.
На этом еще раз можно поставить точку, а можно пойти ещё дальше и подключить к сайту Telegram Instant View.
Настраиваем Telegram Instant View
Telegram Instant View — мгновенный просмотр страниц внутри Телеграм, без перехода на сайт. По похожему принципу работают Google AMP, Facebook Instant Articles, Турбо-страницы Яндекса. Страницы открываются внутри интерфейса веб-приложений.
В Телеграме страницы с Instant View помечаются вот такой кнопкой с молнией.
А сами публикации выглядят таким образом.
Чтобы сделать такую штуку, нужно в Telegram Instant View создать шаблон, по которому Телеграм сможет прочесть и разобрать вашу публикацию.
Для этого идем на сайт, авторизуемся, переходим в раздел My Templates и создаем новый шаблон. Я покажу рабочий пример со своего сайта и расскажу каким образом происходит разбор страницы.
Все мои правила состоят из семи строк.
Сохраняем шаблон, проверяем его на десяти страницах своего сайта.
Если ошибок нет — идем дальше.
Связываем SNAP и Telegram Instant View
Вариантов, как это сделать много. Я покажу, наверное, самый простой, которым пользуюсь сам.
Копируем ссылку с кнопки VIEW IN TELEGRAM.
Ссылка выглядит таким образом:
https://t.me/iv?url=https%3A%2F%2Fdanilin.biz%2F20-blogging-wordpress-themes.htmrhash=d5941748e433eb
Значение rhash у вас будет другим, разумеется.
По этому принципу нам нужно создать формат ссылки в настройках SNAP.
В моем примере в Телеграм транслируется анонс %ANNOUNCE% и ссылка на Instant View в таком формате:
https://t.me/iv?url=%URL%https://danilin.biz/crossposting-wordpress-telegram.htm» target=»_blank»]danilin.biz[/mask_link]
Как сделать TG Instant View из страницы Notion
Чтобы все отображалось и работало, верстать страницу в Notion нужно придерживаясь следующих правил:
Вообще делать большие статьи в IV вряд ли получится и навешивать много сложных блоков в статью тоже не стоит, чем проще — тем лучше.
Как настроить шаблон IV
Идем в My Templates и вставляем в поле ссылку на статью и жмем Enter
Чтобы получить ссылку на страницу в Notion, нужно выбрать Share в правом верхнем углу экрана и сменить тумблер Share to web
В появившимся окне по центру нужно прописать правила, по которым IV Bot будет парсить структуру страницы. Минимально рабочий шаблон такой:
“~version” — без указания версии рендер крашится
“body: //body” — тут указывается самый узкий в плане вложенности блок с полезным контентом. При создании шаблона IV для обычного блога достаточно указать какой-нибудь article, если имеется такой тег:
body: //article
или div с классом “content-page”, например:
body: //div[has-class(«content-page»)]
“author: «eclipse_it» — название канала или имя автора
“# ://p[contains(text(), »)]” — тут можно строку удалить, я пока не особо понял, как решить эту проблему. Дело в том, что блок Callout из Notion
В HTML-коде выглядит вот так
Поэтому необходимо как-то преобразовать данный
Буду благодарен, если кто-то подскажет, как
Как прикрутить IV к посту
После того, как макет настроен, надо нажать Track Changes в правом верхнем углу, после чего Mark as checked.
Чтобы получить линк —> View in Telegram
Полученную ссылку нужно вставить в пост, но чтобы не засорять ссылкой текст, можно воспользоваться невидимым символом “ㅤ” (имеет код “U+3164”, “https://habr.com/ru/sandbox/188452/» target=»_blank»]habr.com[/mask_link]