Wordpress интеграция с телеграм
Рассказываю пошагово с картинками для начинающих и не очень, как сделать автоматический экспорт всех публикуемых постов из Вордпресс в Телеграм-канал, про нюансы, в том числе, как настроить и внедрить Instant View.
Телеграм — это не просто мессенджер вроде Ватсапа или Вайбера. Телеграм — это целая платформа с большими возможностями и огромным потенциалом.
Телеграм очень популярен в околоайтишной (и не только) среде. Особой популярностью пользуются каналы, боты, чаты. Не использовать Телеграм в качестве еще одного маркетингового канала, наверное, было бы странно.
Для решения задачи нам понадобится установленный Вордпресс с плагином NextScripts: Social Networks Auto-Poster и, конечно, сам Телеграм с активной учетной записью.
Весь процесс условно можно разбить на 10 этапов, половина из которых опциональные — их можно не делать.
Начнем с Телеги.
Можно воспользоваться веб-версией, мобильной или десктопной версией — без разницы. Все примеры я буду проводить на Telegram 5.1 для Мак-ос.
Создаем бота
Открываем Телеграм, в глобальном поиске находим бота с именем BotFather и начинаем с ним «беседу».
Запуск бота BotFather
После запуска, на экране отобразится весь список доступных команд.
BotFather попросит придумать новому боту название и юзернейм. Обратите внимание, юзернейм должен оканчиваться на «bot».
А весь диалог с BotFather выглядел так.
BotFather дал нам токен для доступа к Telegram API. Сохраняем его, запоминаем имя созданного бота. Все это нам понадобится на следующих этапах.
Создаем канал
Открываем Телеграм и обычным способом создаем канал.
Создание канала в Телеграм
Название канала в Телеграм
Там все предельно просто. Указываем тип канал: публичный или частный. Публичный можно найти через поиск, частный — нет. Придумываем адрес канала и запоминаем его.
Например, адрес моего канала: @danilinbiz, ссылка на него выглядит так: t.me/danilinbiz
Назначаем нашего бота админом канала
Того самого, которого создали на первом этапе. Для этого открываем канал и идем в раздел «Информация».
Информация о канале Телеграм
Переходим в раздел «Администраторы канала» ⟶ «Добавить администратора» и ищем в глобальном поиске своего ранее созданного бота.
Поиск бота в глобальном поиске Телеграм
Назначаем бота администратором и переходим к настройке Вордпресс.
Устанавливаем и настраиваем плагин 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
SNAP по умолчанию публикует посты в формате Заголовок — Ссылка на запись. Формат можно настроить, для этого есть куча заготовленных тегов.
| %TITLE% | Заголовок записи |
| %URL% | Ссылка на запись |
| %SURL% | Короткая ссылка на запись |
| %IMG% | Ссылку на миниатюру записи |
| %EXCERPT% | Преобразованный анонс записи |
| %RAWEXCERPT% | Непреобразованный анонс записи |
| %ANNOUNCE% | Текст до тега или первые N слов записи |
| %FULLTEXT% | Преобразованный текст записи |
| %RAWTEXT% | Непреобразованный тест записи |
| %TAGS% | Метки записи |
| %CATS% | Рубрики записи |
| %HTAGS% | Метки записи в виде хэштегов |
| %HCATS% | Рубрики записи в виде хэштегов |
| %AUTHORNAME% | Имя автора |
| %SITENAME% | Название сайта |
Тестируем кросспостинг
Если все сделано правильно, в созданном канале опубликуется пост примерно такого содержания.
Тестовый пост
Задача решена и на этом можно остановиться.
Теперь все новые посты из Вордпресс будут транслироваться в Телегу.
Настраиваем прокси
В некоторых странах бывают проблемы с доступом к Telegram API. Если ваш хостер оказался проблемным, тогда идем в расширенные настройки аккаунта SNAP и настраиваем прокси.
Там все просто, задаем:
- IP-адрес : Порт
- Имя пользователя : Пароль
Настраиваем фильтрацию
Иногда транслировать в Телеграм нужно не все подряд. Для этого можно настроить фильтрацию. Например, разрешить кросспостинг только для каких-то конкретных рубрик, меток или авторов.
Фильтры SNAP
Если этого мало, PRO версия плагина позволяет пойти дальше и фильтровать посты по произвольным полям, таксономиям и даже поиску.
Индивидуальные настройки кросспостинга
Как я уже говорил, в SNAP задается дефолтный формат транслируемых постов. Также имеется возможность задавать индивидуальный шаблон или текст для каждого поста. В редакторе для этого есть такой блок.
Настройка кросспостинга перед публикацией
На этом еще раз можно поставить точку, а можно пойти ещё дальше и подключить к сайту Telegram Instant View.
Настраиваем Telegram Instant View
В Телеграме страницы с Instant View помечаются вот такой кнопкой с молнией.
Пример Telegram Instant View
А сами публикации выглядят таким образом.
Пример статьи в Telegram Instant View
Чтобы сделать такую штуку, нужно в Telegram Instant View создать шаблон, по которому Телеграм сможет прочесть и разобрать вашу публикацию.
Для этого идем на сайт, авторизуемся, переходим в раздел My Templates и создаем новый шаблон. Я покажу рабочий пример со своего сайта и расскажу каким образом происходит разбор страницы.
Все мои правила состоят из семи строк.
- Определяем тег или класс тела поста. Просто открываем Chrome DevTools и смотрим где начинается и заканчивается статья. У меня это тег ARTICLE
- Заголовок в H1
- Автор находится в теге SPAN, который находится внутри DIV с классом «author»
- Удаляем содержимое в блоке с классом «meta» — там метаданные, которые нам не понадобятся
- Удаляем также содержимое «gab gab-inro» — там баннер, который я тоже не хочу транслировать в Телеграм
- Задаем обложку поста, просто берем изображение из тега IMG, находящегося в блоке с классом «post-thumbnail».
- Удаляем все фреймы, что делать совсем необязательно
Сохраняем шаблон, проверяем его на десяти страницах своего сайта.
Если ошибок нет — идем дальше.
Связываем SNAP и Telegram Instant View
Вариантов, как это сделать много. Я покажу, наверное, самый простой, которым пользуюсь сам.
Копируем ссылку с кнопки VIEW IN TELEGRAM.
View in Telegram
Ссылка выглядит таким образом:
Как видим, у нее имеется такое начало:
Значение rhash у вас будет другим, разумеется.
По этому принципу нам нужно создать формат ссылки в настройках SNAP.
Настройка Telegram Instant View в SNAP
В моем примере в Телеграм транслируется анонс %ANNOUNCE% и ссылка на Instant View в таком формате:
В таком формате в Телеграм будет уходить анонс публикации со ссылкой на Instant View.
На этом все — вопрос по кросспостингу из Вордпресс в Телеграм считаю закрытым. Все примеры рабочие, взяты с боевых сайтов.
Все вопросы, замечания, пожалуйста, пишите в комментариях.
Делаю сайты на Вордпресс с 2008 года. Не просто сайты, а уникальные инструменты для решения сложных бизнес‑задач с оптимизацией и поддержкой.
Похоже, что вы пишете класс ссылки, а нужно изображения (IMG)
Попробуйте так: cover: // a[@class="post-thumbnail"]//img
Где поменять версия не могу найти.
Подскажи, плиз)
У второй версии отличается синтаксис
У меня вот такой примерно шаблон IV
Это плагин Popup Maker — пожалуй, лучший плагин в своем классе
Здравствуйте. Уточните, правильно понимаю, что можно настроить автоматическую публикацию в канал с сайта после создания записи в таком формате только:
Заголовок %TITLE%
Анонс %EXCERPT%
Ссылку на статью на записи %URL%
Интегрируйте свой сайт WordPress с Telegram с полным контролем.
Отличная поддержка LIVE на Telegram
Присоединиться к чату
Upgrade to Pro
WP Telegram Pro comes with more powerful features to give you more control. Upgrade NOW
Модули
1. Опубликовать в Telegram
WP Telegram Pro supports multiple channels based upon category/tag/author/post type etc. and also supports unlimited Reaction buttons.
2. Частные уведомления
- 📧 Получайте уведомления по электронной почте на Telegram
- 🔔 Supports WooCommerce order notifications, Contact Form 7 and other plugin notifications
- 🔕 Разрешить пользователям получать уведомления по электронной почте на Telegram
- 🔐Интеграция с WP Telegram Login, чтобы пользователи могли подключать свои Telegram.
- 🖊 Пользователи также могут ввести свой идентификатор Telegram Chat вручную на странице
3. Прокси
Характеристики
- Отличная поддержка LIVE в Telegram
- Простая установка и настройка для администратора
- Полностью настраиваемый с действиями и фильтрами
- Может быть расширен с помощью пользовательского кода
- Перевод готов
Getting Started | Post to Telegram
WooCommerce, CF7 etc. Notifications
Выберите и нажмите
Вклад
Разработка ведется на Github , и любой вклад в развитие приветствуется.
Переводчики
Большое спасибо переводчикам за отличную работу!
-
и Aydin Mirzaie (Персия) (Италия) и Mohammad Taher (Arabic) (Германия) (Бразильский португальский) и Artem Rez (Россия) (Каталонский) (Китайский (Тайвань))
Скриншоты
Установка
- Загрузите wptelegram папку в /wp-content/plugins/ каталог
- Активируйте плагин через меню «Плагины» в WordPress. После активации вы должны увидеть меню этого плагина в админке WordPress
- Настройте плагин.
Часто задаваемые вопросы
How to create a Telegram Bot?
To create a bot, you need to send /newbot command to @BotFather. After completing the steps @BotFather will provide you the Bot Token, which you can use in plugin settings.
Can I send posts to a private channel/group?
Yes, you need to get the chat ID of the channel or group. For that, you need to message @MyChatInfoBot and follow its instructions to obtain the ID for a channel or group.
It means either you have entered a wrong chat ID in the settings or you forgot to add your own bot to the group or channel. Some users also enter the bot username instead of the channel username.
If you see that error in Bot API log file, it means that there is some problem with your images/files that you are trying to send to Telegram. You can try to disable Send files by URL option in Расширенные настройки to see if it fixes the issue. More details here.
Why do I see a CURL (Connection refused) error for Test Token?
Why posts are not sent to Telegram?
Why the posts in block editor are sent to Telegram even when Send to Telegram is OFF?
It may be because you hit update button without makes any changes to the post.
Why posts are duplicated on Telegram?
It can happen because of multiple submit/publish/update requests, for example in block editor. An easy solution would be to set 1 minute delay in posting in Post to Telegram settings.
Posts/Classifieds/Jobs/Products created via front-end submission are not sent to Telegram, why?
The users submitting those posts may not have enough permissions to publish/edit those posts. You can enable Plugin generated posts option in Post to Telegram settings to fix the issue.
Posts created via import plugins are not sent to Telegram, why?
Sending of posts when bulk importing is diabled by default to prevent unintended flooding of Telegram channels. If you want to enable it, you can add this one line to functions.php of your child theme.
How can I make the post title bold?
You can use ** in the template and set Formatting option to Markdown. More details here.
Can I send posts from different categories to different channels/groups?
That is possible only in Pro version.
How do Private Notifications work?
Private Notifications module watches every email that is sent from your WordPress Website. If the address of that email matches the one added in plugin settings, then that email is sent to Telegram on the given chat/group as added in the settings.
How do User Notifications work?
Can I receive WooCommerce order notifications on Telegram?
Yes, all you need to do is to setup Private Notifications module and use the same email there as set in WooCommerce order email settings.
Can I receive Contact Form 7 submissions on Telegram?
![telegramwordpress[1]](https://wpincode.com/wp-content/uploads/2017/01/telegramwordpress1.jpg)
Интегрируем Telegram с WordPress
Первым делом вам потребуется установить и активировать плагин Telegram for WP.
После активации плагин добавит новый элемент меню под названием ‘TWP Settings’ в админбар WordPress. Нажав на это меню, вы окажетесь на странице настроек плагина.
![telegramforwpsettings[1]](https://wpincode.com/wp-content/uploads/2017/01/telegramforwpsettings1.jpg)
Как вы видите, плагину нужные будут несколько токенов доступа для подключения к Telegram API. В зависимости от того, куда вы хотите отправлять уведомления в Telegram, есть нссколько способов генерации API токенов для личных чатов, групп и каналов.
Начать стоит со скачивания и установки приложения Telegram на свое устройство. Он доступен для Android, iOS, Mac OS X, Windows и Linux. Если у вас он еще не установлен, тогда просто переходите на страницу Telegram apps и устанавливайте приложение для своей платформы.
Отправляем уведомления из WordPress в Telegram
С помощью плагина Telegram for WP вы сможете получать свои уведомления по email от WordPress прямо в приложение Telegram. Вот как это нужно настроить.
Первым делом вам нужно начать новый чат с notifcaster_bot в Telegram. Просто нажмите на поле поиска в приложении, а затем напечатайте notifcaster_bot. Telegram отобразит профиль бота, а клик по нему откроет окно чата.
![newsecretchat[1]](https://wpincode.com/wp-content/uploads/2017/01/newsecretchat1.jpg)
В окне чата напечатайте /token для генерации ключа API. Notifcaster bot сгенерирует его для вас и отобразит токен в окне чата.
![notificationtoken[1]](https://wpincode.com/wp-content/uploads/2017/01/notificationtoken1.jpg)
![notificationapi[1]](https://wpincode.com/wp-content/uploads/2017/01/notificationapi1.jpg)
Если все работает как нужно, тогда нажимаем на кнопку сохранения изменений внизу страницы.
С этого момента вы начнете получать уведомления от WordPress прямо в Telegram. Это может быть полезно, если у вас на сайте наблюдаются проблемы с получением писем от WordPress.
Если нужно, то можно отправлять уведомления от WordPress группе пользователей в том же Telegram. Сначала нужно будет создать новую группу и пригласить в нее пользователей.
![telegramgroup[1]](https://wpincode.com/wp-content/uploads/2017/01/telegramgroup1.jpg)
Добавьте как минимум одного пользователя в группу кроме себя, после чего приглашаеем notifcaster_bot в эту группу.
![telegramgroupmembers[1]](https://wpincode.com/wp-content/uploads/2017/01/telegramgroupmembers1.jpg)
Notifcaster_bot сгенерирует новый ключ API в своем окне чата. Этот API ключ должен начинаться с префикса g:. Просто копируем и вставляем полученный ключ в настройки плагина и сохраняем изменения.
Убедитесь, что в группу вы добавили только пользователей с доступами администратора. В ином случае, эти пользователи будут видеть все уведомления, которые администратор сайта будет получать от WordPress.
Отправляем записи WordPress в канал Telegram
Давайте рассмотрим, как создать канал Telegram, и как отправлять записи WordPress в него.
![newtelegramchannel[1]](https://wpincode.com/wp-content/uploads/2017/01/newtelegramchannel1.jpg)
Вас попросят указать название и описание для своего канала. Вы также можете выбрать для него короткую ссылку. Вы и ваши пользователи смогут использовать этот URL для приглашения других пользователей.
После создания канала вам также потребуется создать бота Telegram. Не волнуйтесь, не придется писать ни строчки кода для того, чтобы это сделать.
Открываем новый секретный чат с botfather.
![botfather[1]](https://wpincode.com/wp-content/uploads/2017/01/botfather1.jpg)
В окне чата печатаем /newbot и botfather создаст для вас нового бота. Вас попросят выбрать имя и логин для вашего бота, а затем выдадут API ключ.
Переключаемся в канал Telegram затем кликаем на названии канала вверху, чтобы открыть настройки канала. В настройках нажимаем на Administrators.
![channeloptions[1]](https://wpincode.com/wp-content/uploads/2017/01/channeloptions1.jpg)
![channelsettings[1]](https://wpincode.com/wp-content/uploads/2017/01/channelsettings1.jpg)
Добавляем юзернейм канала со знаком @. Юзернейм вашего канала такой же, какой вы использовали в коротком URL.
Вот и все, теперь вы можете отправлять записи прямо со своего сайта на WordPress в канал Telegram. В окне редактора записей появится опция для выбора того, как вы хотите отправлять посты в канал.
![sendtotelegram[1]](https://wpincode.com/wp-content/uploads/2017/01/sendtotelegram1.jpg)
![channelbroadcast[1]](https://wpincode.com/wp-content/uploads/2017/01/channelbroadcast1.jpg)
Мы надеемся, что эта статья помогла вам научиться интегрировать свой WordPress сайт с Telegram.
Сегодня попробуем настроить автопостинг в Телеграм из WordPress. Да, на этом сайте используется такая штука. Очень удобно, что писать можно в одном месте, а посты разлетаются по сетям самостоятельно. Для начала нам понадобится плагин для WP Telegram – плагин публикаций WordPress в Телеграм.
Плагин WP Telegram отправляет свежие записи с вашего сайта в канал, группу в Телеграм.
Один из примеров полученной записи:
Осуществлять трансляцию можно:
- Конкретного автора
- Из конкретной рубрики
- С конкретным тегом
Настройки связи сайта и Телеграм
Настраиваем публикацию
Выведет в Телеграм запись с заголовком поста, определённой длины и полным адресом до поста на сайте с пустой строкой после заголовка.
Включаем формат текста весь, до тега «далее» или в количестве символов.
Можно включить добавление картинки до и после текста с подписью или без. Обратите внимание, что взята будет картинка миниатюры. Если миниатюры картинок не заполняются на вашем сайте, то изображение из текста поста взято не будет. Вполне можно внедрять коды разметки html.
Дополнительно можно указать адрес электронной почты вебмастера куда будут приходить уведомления.
Надеюсь, что изложил всё достаточно доступно и у вас получилось настроить автопостинг с WordPress в Телеграм. Рекомендую периодически контролировать работу плагина. Замечено, что иногда посты перестают публиковаться. Тогда можно включить и выключить плагин или изменить настройку, сохранить, потом вернуть всё обратно и снова сохранить.
Читайте также: