Статьи

Интеграция Disqus в WordPress

Инфраструктура комментариев WordPress довольно удобна и удовлетворительна для многих, но если вам нужно, чтобы ваши комментаторы подключались к вашему веб-сайту с учетными записями в социальных сетях, такими как Facebook, Twitter, Google и т. Д., Вы должны установить плагины, которые предоставляют эту функцию.

Или вы можете просто использовать Disqus.

Disqus — это система комментариев, которая предоставляет почти все API аутентификации, включая Facebook, Twitter, Google, Yahoo и OpenID. Кроме того, вы можете войти в систему, используя свои учетные данные Disqus (что позволяет вам следить за каждым разговором на каждом сайте, на котором вы прокомментировали), или просто комментировать имя и адрес электронной почты.

Существует простой способ интеграции Disqus в WordPress: вы просто регистрируете новую учетную запись Disqus и устанавливаете плагин WordPress. Он даже синхронизируется с вашими собственными комментариями WordPress, так что вам не нужно беспокоиться о существующих комментариях. И это держит их синхронизированными!

Но если вам больше не нужно синхронизироваться с нативными комментариями (как я) и если вы фанат оптимизации (как я), который ненавидит эти дополнительные плагины запросов к базе данных, или если вас не волнуют ваши существующие комментарии в и хочу начать все сначала, есть относительно простой способ интегрировать Disqus в ваш блог WordPress.


Самая простая часть этого урока: просто зайдите на Disqus.com и заполните эту одностраничную форму, чтобы зарегистрировать новый аккаунт:

Снимок экрана 1: Регистрация новой учетной записи на Disqus

(Не забудьте подтвердить свою учетную запись, нажав ссылку для подтверждения, которая будет отправлена ​​на ваш адрес электронной почты!)


Итак, вы знаете, что делать: загрузите плагин , извлеките архив в папку плагинов (или найдите «Система комментариев Disqus» на странице «Установка плагинов» вашей панели администратора и установите плагин оттуда) и активируйте его.

Когда вы активируете плагин, вы увидите уведомление WordPress со ссылкой для настройки вашего плагина. Там вы должны войти в систему с учетными данными Disqus:

Снимок экрана 2: Вход в систему после активации плагина

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

Теперь нажмите на страницу комментариев и затем ссылку «Дополнительные параметры» в правом верхнем углу этой страницы. Есть несколько вариантов для проверки:

Снимок 3: Страница параметров
  1. Краткое имя Disqus: это короткое имя, которое вы задали при регистрации на Disqus. Это должно быть автоматически установлено для вас, когда вы вошли в систему минуту назад.
  2. Ключи API: они также автоматически устанавливаются для вас, и вы не должны их менять . Если вы случайно изменили или удалили один из этих двух вариантов, посетите страницу своего профиля на Disqus.com, чтобы получить правильные ключи API.
  3. Открытые и секретные ключи приложений: они используются для приложений единого входа (SSO). Мы не освещаем этот урок, поэтому пройдем их.
  4. Где использовать комментарии Disqus: Вы можете выбрать, чтобы система комментариев Disqus отображалась только в тех сообщениях, комментарии которых вы отключили, или вы можете включить Disqus для каждого сообщения. Оставьте эту опцию такой, как есть, если вы хотите показывать Disqus на всех своих постах.
  5. Вывод JS для подсчета комментариев: Disqus автоматически пытается изменить части «X Comments» вашей темы. Если это не удается, вам может потребоваться включить эту опцию.
  6. Отключить автоматическую синхронизацию: если вы не хотите синхронизировать новые комментарии (размещенные на Disqus) с вашей собственной базой комментариев WordPress, отметьте эту опцию и отключите ее.
  7. Отключить рендеринг на стороне сервера. Этот параметр позволяет разместить текстовый список комментариев к публикации перед загрузкой Disqus на страницу. Google теперь индексирует комментарии Facebook и Disqus (и другие подобные системы комментариев), но я не знаю о других поисковых системах, поэтому, если вы считаете, что вас нашли в других поисковых системах с комментариями в вашем блоге, оставьте эту опцию не отмеченной; в противном случае (это означает, что вы просто заботитесь о Google и / или вам не нужно искать слова в комментариях к вашим сообщениям), отметьте этот параметр и отключите рендеринг на стороне сервера.

Проверьте один из ваших постов, чтобы увидеть, как Disqus загружает себя через нативную систему комментариев. Тебе хорошо идти сейчас!

Ниже опций, которые мы рассмотрели только что, есть раздел «Импорт / Экспорт», где мы можем, вы знаете, импортировать и экспортировать наши комментарии:

Снимок 4: Экспорт существующих комментариев в Disqus

Процесс экспорта состоит из нажатия этой кнопки «Экспорт» и ожидания, пока Disqus завершит «импорт» ваших комментариев в свою базу данных:

Снимок 5: Экспорт существующих комментариев в Disqus - шаг 2

Процесс может занять от нескольких часов до нескольких часов — мой собственный блог содержал 20 000 комментариев, когда я переключился на Disqus, и буквально это заняло несколько часов! Но при подготовке этого урока потребовалось 2 секунды, чтобы экспортировать 2 комментария (для моего примера блога):

Снимок 6: Экспорт существующих комментариев в Disqus - шаг 3

Все в порядке; теперь мы закончили с плагином — мы можем просто избавиться от него сейчас! 🙂

Отключите плагин, если вы собираетесь использовать код на нашем следующем шаге. Я предпочитаю периодически активировать его, чтобы сделать резервную копию моих комментариев Disqus в моей базе данных (нажав «Синхронизировать комментарии» в разделе «Импорт / экспорт» и ждать несколько минут), но если вы не думаете, что когда-либо собираетесь чтобы использовать плагин снова и не нуждаться в опциях, сохраненных в вашей базе данных, вы также можете удалить его с помощью кнопки «Удалить».

Как мы уже говорили ранее, работа без плагинов помогает нам оптимизировать наш сайт — один запрос — это один запрос, верно?

В любом случае, вот функции, которые мы собираемся использовать — как всегда, добавьте их в файл functions.php вашей темы:

1
function disqus_embed($disqus_shortname) { global $post;

Функция довольно проста: используйте код <?php disqus_embed('myexampleblog'); ?> <?php disqus_embed('myexampleblog'); ?> любом месте, куда вы хотите, чтобы ваши файлы single.php и page.php встраивали и отображали комментарии Disqus для этой страницы Вы можете искать для comments_template(); функцию и замените ее нашей новой функцией, так как мы больше не будем использовать встроенные функции комментирования.

Давайте рассмотрим код немного:

  1. Загрузите JS: Как вы знаете, мы ничего не сможем сделать, если не загрузим JS! 🙂
  2. Поместите div для загрузки комментариев: Мы повторяем <div id="disqus_thread"></div> потому что Disqus нужен этот div с этим идентификатором для загрузки комментариев.
  3. Переменные конфигурации JS Disqus: мы должны установить эти переменные, чтобы сделать страницу распознаваемой для Disqus. На самом деле нам не нужно устанавливать disqus_title и disqus_url поскольку Disqus может извлечь их из URL-адреса страницы и <title> но если кто-то заходит на ваш сайт с адресом, который, скажем, ...?utm_source=feedburner , URL будет отличаться от оригинала, и это может вызвать проблемы.

Совет: попробуйте загрузить yourdisqusshortname.disqus.com/embed.js в свой браузер — вы будете перенаправлены на CDN Disqus. Скопируйте эту новую ссылку и используйте ее в функции wp_enqueue_script чтобы немного оптимизировать код — полсекунды — это полсекунды, верно?

1
2
3
4
function disqus_count($disqus_shortname) {
    wp_enqueue_script(‘disqus_count’,’http://’.$disqus_shortname.’.disqus.com/count.js’);
    echo ‘<a href=»‘. get_permalink() .’#disqus_thread»></a>’;
}

Мы можем использовать код ( <?php disqus_count('myexampleblog'); ?> ) В любом месте файлов нашей темы, если он находится в цикле . К сожалению, Disqus может считать комментарии только по ссылке, в конце которой есть #disqus_thread мне с вашими комментариями, если вы найдете другой способ показать количество комментариев.

Совет: Вы можете отредактировать выходной текст, посетив yourdisqusshortname.disqus.com/admin/settings/appearance/ и изменив yourdisqusshortname.disqus.com/admin/settings/appearance/ «Ссылка на yourdisqusshortname.disqus.com/admin/settings/appearance/ комментариев» и «Ссылка на yourdisqusshortname.disqus.com/admin/settings/appearance/ реакций». Вы даже можете использовать HTML!

Disqus была основана в 2007 году и имеет более 75 миллионов пользователей по всему миру. Возможно, ему не хватает некоторых функций конфигурации, но это одна из лучших систем комментирования. Основная идея этой статьи состояла в том, чтобы показать вам, как зарегистрироваться в Disqus, установить его в своем блоге WordPress, перенести комментарии и использовать несколько строк кода для отображения комментариев. Для дальнейшего обзора Disqus, вы можете обратиться к другой статье на Wptuts + и узнать ее лучше.

И как всегда, вы можете поделиться своими идеями и кодом, относящимися к этой теме, в ваших комментариях!