Як інтегрувати 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 коментарі на: ви можете використовувати 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

Крім обговорених раніше опцій, є також частинаІмпорт-експорт", де ми можемо, як ви вже здогадалися, імпортувати та експортувати наші коментарі:

Процес експорту складається з натискання кнопки "Експорт" і очікування, порив Disqus закінчить перенесення ваших коментарів у свою базу даних.

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

Готово. Тепер, коли ми закінчили з плагіном, ми можемо просто позбутися його! :)

Дезактивуйте плагін, якщо ви збираєтеся використовувати код на наступному кроці. Я вважаю за краще активувати його знову один раз, щоб зробити резервну копію моїх Disqus коментарів у мою базу даних (натискаю "Синхронізувати коментарі" у блоці "Імпорт-експорт" і чекаю кілька хвилин). Але якщо ви не збираєтеся більше використовувати плагін знову, і вам не потрібні опції, збережені у вашій базі даних, ви можете також видалити його за допомогою кнопки "видалити".

Інтеграція 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 для завантаження в нього коментарів: Ми виводимо
   тому, що Disqus необхідний цей DIV с ID для завантаження до нього коментарів.
3. Значення змінних JS для Disqus: нам потрібно встановити ці значення, щоб Disqus розпізнав сторінку. Нам не обов'язково встановлювати disqus_title и disqus_url оскільки Disqus може взяти їх з URL сторінки та тега але якщо хтось відвідує ваш сайт за адресою, яка містить, скажімо,
   ...?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'); ?>

де завгодно у файлах теми, але тільки в Циклі (Петля). На жаль, 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