Как интегрировать Disqus в WordPress

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

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

Disqus — система комментариев, которая предоставляет практически все API, включая Facebook, Twitter, Google, Yahoo и OpenID. Плюс, вы можете авторизоваться с вашими данными Disqus (которые позволяют вам проследить за каждым обсуждением на каждом сайте, где вы комментировали) или просто комментировать с использованием вашего имени и e-mail адреса.

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

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

В первую очередь:
Регистрация нового Disqus аккаунта

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

Не забудьте подтвердить вашу учетную запись, перейдя по ссылке, которая придет на ваш e-mail адрес!

Установка плагина для экспорта существующих комментариев в Disqus

Ну, вы в курсе: качаете плагин, распаковываете архив в вашу папку plugins (или ищете "Disqus Comment System" на странице "Установка плагинов" вашей панели администратора и устанавливаете плагин оттуда) и активируете его.

Если вы не знаете, что такое плагины и как их устанавливать, посмотрите этот урок.

Настройка плагина

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

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

Теперь перейдите на вашу страницу Комментарии и затем щелкните по ссылке Расширенные опции в правой верхней части страницы. Там есть несколько опций для выбора:

1. Disqus short name: Это короткое имя, которое вы ввели при регистрации в Disqus. Оно должно было автоматически установиться, когда вы авторизовались минуту назад.
2. The API keys: они также устанавливаются автоматически и их не нужно менять. Если вы случайно изменили или удалили один из них, перейдите на вашу страницу профиля на Disqus.com чтобы получить правильные ключи API.
3. Application Public & Secret Keys: Используются для SSO приложений. О них мы в этом руководстве говорить не будем, так что этот пункт пропускаем.
4. Where to use Disqus comments on: вы можете использовать Disqus только на тех постах, где вы отключили комментарии, или вы можете включить Disqus для всех постов. Оставьте эту опцию как есть, если вы хотите отображать Disqus для всех ваших постов.
5. JS output for comment counts: Disqus автоматически пытается изменить "X Comments" вашей темы. Если у него это не получается, возможно, вам понадобится эта опция.
6. Disable automatic synchronization: если вы не хотите синхронизировать новые комментарии (размещенные на Disqus) с вашей базой родных комментариев WordPress, выберите эту опцию и отключите синхронизацию.
7. Disable server side rendering: эта опция позволяет вам разместить текстовый список комментариев перед тем, как Disqus загрузится на странице. Google теперь индексирует комментарии Facebook и Disqus (и другие системы комментирования такого типа), но я не знаю о других поисковых системах, так что если вы хотите, чтобы ваш сайт находили через другие поисковые системы с комментариями на вашем блоге, оставьте эту опцию не выбранной. В противном случае (то есть если вам важен только Google и/или вам не нужно, чтобы вас находили по словам в комментариях к вашим постам) отметьте эту опцию.

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

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

Помимо обсужденных ранее опций, есть также часть "Import / Export", где мы можем, как вы уже догадались, импортировать и экспортировать наши комментарии:

Процесс экспорта состоит из нажатия кнопки "Export" и ожидания, порка Disqus закончит перенос ваших комментариев в свою базу данных.

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

Готово. Теперь, когда мы закончили с плагином — мы можем просто избавиться от него! :)

Дезактивируйте плагин, если вы собираетесь использовать код на нашем следующем шаге. Я предпочитаю активировать его вновь один раз, чтобы сделать резервную копию моих Disqus комментариев в мою базу данных (нажимаю "Sync Comments" в блоке "Import / Export" и жду несколько минут). Но если вы не собираетесь больше использовать плагин снова, и вам не нужны опции, сохраненные в вашей базе данных, вы можете также удалить его с помощью кнопки "Удалить".

Интеграция Disqus в WordPress без плагина

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

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

function disqus_embed($disqus_shortname) {
    global $post;
    wp_enqueue_script('disqus_embed', 'http://'.$disqus_shortname.'.disqus.com/embed.js');
    echo '<div id="disqus_thread"></div>
    <script type="text/javascript">
        var disqus_shortname = "'.$disqus_shortname.'";
        var disqus_title = "'.$post->post_title.'";
        var disqus_url = "'.get_permalink($post->ID).'";
        var disqus_identifier = "'.$disqus_shortname.'-'.$post->ID.'";
    </script>';
}

Встройка комментариев Disqus

Функция достаточно простая: используйте код

<?php disqus_embed('myexampleblog'); ?>

в ваших файлах single.php и page.php всюду, где вы хотите вставить и показывать Disqus комментарии на этих страницах. Вы также можете сделать поиск функции comments_template(); и заменить ее нашей новой функцией, поскольку мы больше не собираемся использовать родные функции комментариев.

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

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

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

Получение количества комментариев

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'); ?>

где угодно в файлах темы, но только в Цикле (Loop). К сожалению, Disqus может считать только комментарии со ссылкой, у которой в конце есть #disqus_thread — если вы найдете другой способ подсчета комментариев, напишите в комментариях, мне это очень поможет.

Совет: Вы можете редактировать выводимый текст, зайдя на дискус_никнейм.disqus.com/admin/settings/appearance/ и сменив содержимое блоков "Comment Count Link" и "Reaction Count Link" . Вы даже можете использовать HTML!

Заключение

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

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

Источник: WP.TutsPlus.com