Верх страницы
Обложка к записи Как добавить комментарии Telegram на WordPress сайт
Время для прочтения: 0 мин. 22 сек.

Как добавить комментарии Telegram на WordPress сайт

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

Коротко о Discussion Widget

За основу берем стандартный Telegram Discussion Widget.

Для встраивания сообщения вместе со всеми обсуждениями вам понадобится только ссылка на сообщение с комментариями/

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

В этом случае вам понадобится только ссылка на канал. Обсуждения будут доступны на вашем сайте, как только вы опубликуете ссылку в вашем канале/группе.

Этот вариант мы и рассмотрим.

Как добавить виджет на сайт

Добавляем метатег telegram:channel, он не обязательный, но необходим как заголовок вашего канала при просмотре поста через Instant View. Вписываем туда название вашего канала:

<meta property="telegram:channel" content="@wordpress_digest" />

Внимательно проверяем, чтобы на странице в обязательном порядке присутствовал метатег rel:canonical и чтобы ссылка в нём в точности соответствовала ссылке, котрую вы будете публиковать в вашу группу в Telegram:

<link rel="canonical" href="https://wp-digest.com/news/soobshhestvo-wordpress-russia-v-telegram/" />

Настраиваем Discussion Widget (задаём название вашего канала, цвета, размеры и количество комментариев) на странице с конструктором виджетов.

Вставляем полученный код виджета при помощи сниппета, указанного ниже. Код можно добавить в functions.php вашей активной дочерней темы. Либо тег <script> можно напрямую вставить в шаблон вместо функции comments_template() (но делать так я крайне не рекомендую):

<?php
add_filter(
    'the_content',
    function( string $content ): string {
        $content .= '
        <script async
                    src="https://telegram.org/js/telegram-widget.js?21"
                    data-telegram-discussion="wordpress_digest"
                    data-comments-limit="30"
                    data-colorful="1"></script>
        ';

        return $content;
    },
    9999999
);

Результат

Заходим на сайт и наблюдаем такую картину:

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

11 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Vova Druzhaev
1 год назад

а что не телега?

Алексей
Алексей
1 год назад

Было бы гораздо эффективней, если бы Телега дала возможность парсинга комментариев из канала в БД Вордпресс.
Это было бы дело!
А виджетов, наподобие этого — валом.
Нафиг они нужны, эти лишние виджеты и кнопки-ссылки на Телегу.

Tig5
Tig5
11 месяцев назад

Спасибо, очень полезно, а нет возможности встроить диалоги тет-а тет? Ну как техподдержка чтоли, типа pfka[dot]ru только бесплатно

Tig5
Tig5
10 месяцев назад
Ответить на  Кобзарёв Михаил

В чем именно дичь? дизайн самого сайта или что? чат вроде работает неплохо, мы его юзали несколько месяцев, но вот сделали платно, ищем варианты..

ARMEN
ARMEN
4 месяцев назад

Как сделать, чтобы интерфейс был на русском?

Алексей Кривошеин
Алексей Кривошеин
1 месяц назад

Привет, добавил фильтр чтоб вывод на странице записей и нужных cpt
 ‘the_content’,
  function( string $content ): string {
     if (is_singular(‘post’) || is_singular(‘project’)) {
      $content .= ‘

Предыдущая запись
Следующая запись

Давайте дружить
в Telegram

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы