Главное Свежее Вакансии Образование
6 716 15 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Как настроить Instant View Telegram для блога на Wordpress

Как без единой строчки кода настроить моментальный просмотр записей из блога на Wordpress в канале Телеграмм, подключив опцию "с кнопки".

b_59ddc35fad139.jpg

Уже 6 лет я занимаюсь сборкой сайтов на CMS Wordpress

При сборке сайтов практически не лезу в код – много не умею да и цели такой не ставлю.

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

Но так или иначе, пару раз в год появляется срочная задача, по запросу решения которой Гугл молчит, репозитории на первый взгляд пустуют, а подмога отдыхает.

Что такое Instant View?

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

Если шаблон обнаружен – отображает помеченные элементы подгружая их в кэш серверов Телеграмма. Это позволяет грузить контент моментально.

Главное – не усложнять

В начале недели я решил делать авторский канал о простом решении интернет задач в телеграмм – Кладовую 404.

Дублировать статьи руками сомнительное удовольствие, а терять возможность просмотра из мессенджера не хотелось. Поэтому была придумана схема кросспостинга:

  1. Пишу пост в редакторе Wordpress.
  2. Телеграмм-бот делает репост в Телеграф
  3. Другой бот забирает статью в канал.

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

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

Реализация

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

В списке значится wordpress.com, проверил ссылку – работает

Дело за малым – понять в каком плагине наша разметка.

Не буду далеко ходить, все дело в новом Джетпаке, официальном плагине Вордпресс. Ставлю на свой сайт, настраиваю, ищу нужные настройки и ничего. Публикую ссылку — кнопки нет.

Причину я нашел быстро — бесплатный тариф. Чтобы система работала на собственном домене придётся купить платную подписку, но бесплатная версия тоже есть, разумеется с ограничениями.

В бесплатном варианте придётся пользоваться сайтом с именем sitename.wordpress.com и базовыми темами. Тем не менее всё работает, а настройка занимает 10 секунд в интерфейсе плагина.

После публикации статьи забираешь ботом в нужный канал или публикуешь ссылкой — тут кому как удобнее.

Резюме

Разработчики молодцы – реализовано идеально, дополнительно в настройках есть AMP и много других интересностей. А вот маркетинг просел – и так всегда.

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

Понравилась статья — подписывайтесь на канал в телеграмме или читайте статьи на сайте.

+5
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Пандец.ру
Невероятно интересные истории, факты и тесты
Мистер Блэк
Все равно не понял как настроить инстант вив...
Ответить
Кладовая 404
Авторский блог о простом решении интернет-задач
Хранитель Кладовой
В чём именно сложность?
Ответить
arvet333 80206
Толкового решения так и нет. У меня есть свой сайт на wp и прикрутить instant view плагином без денег пока нельзя.
Ответить
Кладовая 404
Авторский блог о простом решении интернет-задач
Хранитель Кладовой
Да, пока что это так. Вчера начали писать свой плагин для разметки маркдаун. Надеюсь осилим.
Ответить
Ivan 76232
Там 3 строчки делать для instant view
Ответить
Ivan 76232
Кинь свой сайт!
Ответить
Олег Нечаев
Для трансляции в Телеграмм есть плагин WP Telegram. Бесплатного функционала хватает на всё. Простит записи по тегам, страницам, записям, авторам, рубрикам. Есть конструктор сообщений, в котором можно выбрать константы: заголовок, картинка, полный/анонс и другое.

Вот, что получается на выходе, один из вариантов: https://t.me/proffobzor

Есть бесплатный плагин для парсинга - CyberSyn. Он позволяет сделать разные настройки для парсинга с разных сайтов.

Вместе они дают классный результат. Можно подмешивать в трансляцию своего сайта новости из другого, например. Или вывести спарсенные и авторские материалы в одном формате в канал и на сайт. Или отдавать в канал только определенные посты.
Ответить
Ivan 76232
https://t.me/readytospeak
Я сам у себя настраивал, там 3 строчки кода, ничего сложного!
И картинку ogg вверху и тело и строку телеграм с кнопкой (подписаться)

Единственное уберу скоро снизу "поделится", маленький баг.
Ответить
Александр Иванов
напиши статью, как ты это сделал)
Ответить
Ivan 76232
уже начинал) думаю на днях напишу
Ответить
Мейіржан Жылқыбай
Дни еще не наступили?
Ответить
Meihua Zheng
Нет, ни в какую..
Так и не смогла вычленить нужные строки из кода
Ответить
Мейіржан Жылқыбай
Қайда барсаң да Meihua :V
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.