Верх страницы
Обложка к записи Как добавить комментарии 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
);

Результат

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

Если у вас возникают какие-либо вопросы по редактору блоков Gutenberg, залетайте в наш ванильный русскоязычный чат по Gutenberg в Telegram.

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

Русский разработчик со стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Joomla, Drupal.

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

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

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

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

7 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Vova Druzhaev
6 месяцев назад

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

Алексей
Алексей
5 месяцев назад

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

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

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

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

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

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

Михаил Кобзарёв (mihdan)

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