Обзор системы Disqus — установка и настройка. Система комментирования Disqus для Wordress: обзор, установка и настройка Комментарии disqus wordpress

• Перевод

Какое-то время я хотел убрать комментарии из своего блога; в основном, потому что здесь вообще мало комментариев, да и не хочется возиться с лишними «тормозами» от Disqus . Посмотрев на время загрузки Disqus, я был потрясён тем, что приходится терпеть посетителям сайта по моей вине (кроме тех, кто использует блокировщики вроде Privacy Badger и uBlock Origin .

Эта статья заточена под Hugo, но код легко адаптируется для любого сайта.

Что не так с Disqus?

Вот как выглядит типичный журнал запросов с включенным Disqus.

1. Для каждого опубликованного поста открывайте Issue в каком-нибудь репозитории на Github. Например, для этого поста он открыт .
2. Все комментарии публикуются напрямую на Github.
3. Добавьте на сайт код Javascript, который считывает описание JSON комментариев этого Issue и отображает их.

Преимущества такого подхода вы получаете немедленно:

• Трекинг посетителей сайта сводится к нулю. Сам Github видит только сетевые запросы на чтение с безымянных IP.
• Все комментарии написаны на , с поддержкой встроенного кода, изображений, списков и форматирования.
• Вы можете использовать уведомления Github об ответах; не требуется даже заходить на этот сайт, чтобы читать комментарии и участвовать в обсуждении.
• Хотя это кажется лишним, но вы можете интегрировать эмодзи Github Reactions (может быть полезно для более крупных сайтов).

Для чтения данных Github JSON не требуется ключ API; они полностью открыты для доступа. Комментарии к этому посту можно считать в виде JSON . Первый комментарий выглядит так:

{ "url": "https://api.github.com/repos/dwilliamson/donw.io/issues/comments/295004846", "html_url": "https://github.com/dwilliamson/donw.io/issues/1#issuecomment-295004846", "issue_url": "https://api.github.com/repos/dwilliamson/donw.io/issues/1", "id": 295004846, "user": { "login": "dwilliamson", "id": 1532903, "avatar_url": "https://avatars3.githubusercontent.com/u/1532903?v=3", "gravatar_id": "", "url": "https://api.github.com/users/dwilliamson", "html_url": "https://github.com/dwilliamson", "followers_url": "https://api.github.com/users/dwilliamson/followers", "following_url": "https://api.github.com/users/dwilliamson/following{/other_user}", "gists_url": "https://api.github.com/users/dwilliamson/gists{/gist_id}", "starred_url": "https://api.github.com/users/dwilliamson/starred{/owner}{/repo}", "subscriptions_url": "https://api.github.com/users/dwilliamson/subscriptions", "organizations_url": "https://api.github.com/users/dwilliamson/orgs", "repos_url": "https://api.github.com/users/dwilliamson/repos", "events_url": "https://api.github.com/users/dwilliamson/events{/privacy}", "received_events_url": "https://api.github.com/users/dwilliamson/received_events", "type": "User", "site_admin": false }, "created_at": "2017-04-18T22:39:16Z", "updated_at": "2017-04-18T22:39:16Z", "body": "This is a comment" },
Первым делом следует добавить новый шаблон в свой каталог с частями шаблонов. Он будет считывать и отображает комментарии Github (comments.html). Вот код, который я использовал:

Var url = "https://github.com/dwilliamson/donw.io/issues/" + {{ $.Params.ghcommentid }} var api_url = "https://api.github.com/repos/dwilliamson/donw.io/issues/" + {{ $.Params.ghcommentid }} + "/comments" $(document).ready(function () { $.ajax(api_url, { headers: {Accept: "application/vnd.github.v3.html+json"}, dataType: "json", success: function(comments) { $("#gh-comments-list").append("Visit the Github Issue to comment on this post"); $.each(comments, function(i, comment) { var date = new Date(comment.created_at); var t = "

"; $("#gh-comments-list").append(t); }); }, error: function() { $("#gh-comments-list").append("Comments are not open for this post yet."); } }); });
Его можно вызвать со страницы поста:

{{ partial "comments.html" . }}
Переменные, на которые ссылается шаблон, следует добавить в заголовок html-страницы. В данном случае это единственная переменная ghcommentid , она устанавливает номер Issue, который используется для комментариев.

Резюме

Добавить больше нечего. Технически, вы можете вообще публиковать свои посты как Github Issues и забыть о блог-движке. Но это кажется использованием системы не по назначению.

Этот веб-сайт управляется на Github как

Собственно вполне не плохо именно для начинающих…

Я уже несколько лет «сижу» на системе… 😉 Нет, не на наркоте, а на системе комментирования DISQUS, именно о ней, дорогие друзья, сегодня и хотелось бы поговорить.

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

В рамках этого поста я расскажу вам о 23 причинах, по которым я выбрал именно эту систему комментирования и почему стараюсь ее везде применять.

Итак, поехали…

1. Легкая установка. Установка системы комментирования сводится к одной регистрации на официальном сайте системы disqus.com. После чего вам необходимо установить Disqus плагин, в моем случае на WordPress, и подключить его к созданному каналу на официальном сайте.

2. Простая транспортировка старых комментариев. Все мы понимаем, что сайты, на которые нужна новая система комментирования бывают разного уровня – старые, новые. Кроме того мы часто покупаем сайты, а комментирование на них в 99% случаев оставляет желать лучшего. И тут встает вопрос о переносе старых комментариев в новую систему комментирования. DISQUS позволяет решить этот вопрос нажатием одной кнопки – «Экспорт комментариев» или «Синхронизация комментариев».

3. DISQUS поддерживает систему одного аватара – Gravatar. Другими словами, даже если вы не зарегистрированы в самой системе DISQUS и оставляете комментарий от лица простого прохожего без других систем интегрированных с DISQUS при этом, указав свой реальный e-mail, то DISQUS вставит используемый как Gravatar аватар рядом со всеми вашими комментариями.

4. Система фильтрует СПАМ в своем большинстве. После установки системы DISQUS замечено, что тот же akismet гораздо реже стал фиксировать поступление СПАМа. Для сравнения скажу, что только с akismet за 1 год зафиксировано 1764 комментария СПАМ-вида. За тот же период, но уже с установленным DISQUS зафиксировано 116 комментариев, при том, что 99% это ручной СПАМ. В итоге можно сделать вывод, что Akismet совместно с Disqus убивает большинство СПАМА еще до появления на самом сайте.

5. DISQUS дает возможность отследить комментарии одного пользователя. Другими словами, вы всегда будете знать, где вы оставили комментарии и на какие из них поступил ответ. Их, кстати, можно будет просмотреть из 1 панели. Таким же «макаром» можно отследить и комментарии интересующей вас личности, параллельно узнавая ее интересы. Это можно сделать непосредственно из административной панели собственного блога, главное чтобы интересующая личность оставила у вас самих на блоге хотя бы один комментарий.

Так легко можно вычислять и вычищать замаскированный нежный СПАМ. Приведем простой пример с моего блога.

Если мы нажмем на его ник, то легко посмотрим, что и где он еще писал. Собственно увидим мы следующее:

Из чего делаем вывод, что все комментарии как один – СПАМ в образе рекомендации…

По такой же схеме можно вычислять людей, иногда меняющих свои ники дабы «насрать» кому-либо в душу. Завистников хватает, но это не проблема с системой DISQUS. Можно проверить по e-mail, по IP и так далее. И все, скажем так, образы комментирующего всплывут.

После этого пункта так и хочется сказать: «Я знаю, что вы делали прошлым летом»… 😉

6. DISQUS имеет встроенную интеграцию с рядом популярных сервисов. Такие сервисы как Blogger, Typepad, существенно расширяют возможности DISQUS.

7. Административная часть DISQUS позволяет управлять комментированием сразу на всех подключенных сайтах в 1 месте.

8. Если в стандартных пакетах интеграции нет вашей CMS, то DISQUS вполне легко установить с помощью имеющегося на этот случай Javascript.

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

10. RSS-канал системы позволяет подписаться на каждую ветвь комментирования через любой RSS-ридер. Если нет желания подписываться через ридер, то вполне легко можно это сделать через почту.

11. Все поступающие комментарии в базу DISQUS при возникновении проблем или краже того же аккаунта, а может даже глобальном обвале самой системы в корне, можно продолжать спокойно работать, ведь комментирование копируется автоматом в сам блог. Как вы понимаете по сути дела у вас два параллельных потока комментариев, в итоге при возникновении проблем на любом можно восстановить второй.

12. В системе комментирования DISQUS существуют различного рода списки пользователей, которые вы вольны самостоятельно формировать и которые дают вам возможность формировать угодных и нет вам комментаторов. Иными словами Blacklist и Whitelist, а так же пометка СПАМ.

13. Система DISQUS позволяет оценивать комментарии, тем самым организуя их построение исходя из оценок пользователей.

14. DISQUS позволяет настраивать ленту активности помимо непосредственно самих комментариев. То есть, другими словами, под комментариями вы можете подключать блоки популярных систем которые будут отображать реакцию пользователей в сети на ваш материал. К примеру, у меня подключена реакция в Твиттере и под комментариями отображаются упоминания и оценки того или иного материала в системе микроблоггинга.

15. DISQUS предоставляет API, что позволяет использовать данные возможности для написания приложений, установки разных виджетов и так далее.

16. Система плотно работает и с почтой. Так, например вы можете отвечать с почты на комментарии, что в итоге опубликует и ваш на сайте.

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

18. Система DISQUS позволяет устанавливать вид комментариев в том числе и древовидный, который уже по достоинству оценили пользователи Рунета.

19. Система позволяет легко вносить коррективы в оставленные комментарии.

20. Присоединить файл к комментарию – нет проблем.

21. Данная система комментирования позволяет устанавливать несколько модераторов одновременно.

22. Обновление движка и плагинов происходит достаточно часто, что увеличивает возможности системы ежемесячно. Так уже сейчас есть новая версия комментариев, которая по работе напоминает привет из будущего.

23. Служба поддержки системы всегда старается помочь, разбирается в каждом вашем обращении и исправляет ошибки. У меня уже было несколько обращений и все вопросы мы легко и быстро решили. Обращаться можно как на русском, так и английском языках.

Поверьте, это далеко не все возможности системы комментирования DISQUS, я бы мог писать про удобный и красивый интерфейс, легкую авторизацию и так далее. Это не просто комментарии в виде писулек, а реальный движок управления общением на ваших проектах.

Тот, кто использует данную систему наверняка уже отметили ее достоинства и преимущества перед другими. В сети есть и аналоги, в том числе и русские, но все это не то…

Хотелось бы узнать ваше мнение в формате голосования:

Видите внизу поля комментариев? Оставьте свои мысли по поводу системы DISQUS! Спасибо!

Приходит Вовочка домой с подбитым глазом. Мама его спрашивает:
- Что это с тобой случилось?
- Понимаешь мама, я люблю шутки. Каждую ночь в три часа набираю номер кого-нибудь из ребят и спрашиваю: "Догадайтесь, кто звонит?"
- Ну и что?
- Сегодня один догадался!

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

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

Что сказать, система отличная. И все же есть у Дискуса (как и практически у всех систем внешних комментариев) три главных минуса, которые перекрывают все плюсы. И особенно критичны они для блоггеров.

Вот скажите мне (только честно, как на духу) вы часто комментируете сайты, где нельзя оставить ссылку на свой блог? Хорошо, можете не признаваться, но согласитесь, если нет возможности пиарить блог, вы будете отвечать только в том случае, если статья ну ооочень зацепила. И главное — нас таких много!

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

Ключевое слово тут «активной», то есть, читатели у вас в любом случае останутся, а вот комментаторов можете недосчитаться. Да, вот такие мы алчные, комментируем ради ссылки, а вы так никогда не делали?

Кстати, еще одна деталь, о которой вы возможно не знали. Если найти сайт, где установлен Дискус и кликнуть на имени автора комментария, откроется вот такая картина.

Круто, правда! Можно не только посмотреть какие сайты комментирует человек, есть кнопка «Следить». То есть, любой, нажав на эту кнопку будет знать, где и что вы комментируете. Я прошу прощения у господина Терехова за то, что его аккаунт попал на скриншот, но в конце концов, это открытая информация, которая доступна абсолютно всем.

Понимаю, что при желании в сети можно найти все и про всех. Но зачем же так откровенно «Следить»! Вы хотите, чтобы за вами следили? Лично я нет. «Больших братьев» вокруг и без того хватает. Поэтому я закрыла свой профиль. Сделать это можно в настройках.

А вот и еще один существенный минус — админка на английском, впрочем, не только админка.

2. Ужасные уведомления

Посмотрите сами на скрин письма-уведомления об ответе на комментарий.

Мало того, что текст выглядит так, как будто его писал эмигрант из России, который уже начал забывать русский а, а английский до конца еще не знает. В письме три раза упоминается Disqus и только один раз сайт, на котором был оставлен комментарий.

Может кто-то скажет, что это мелочи, но очень часто из таких вот деталей люди и составляют общее впечатление о вашем блоге.

3. Риск потерять все комментарии

Этот пункт касается только тех, у кого сайт не на WordPress, а на другой системе управления. Все комментарии будут храниться на стороннем сервере, в базе данных сайта их не будет. И если вдруг ваш аккаунт взломают/забанят или (чем черт ни шутит) у Дискуса будет какой-то сбой в работе, восстановить их уже не получится. Поверьте, читатели такие шутки не прощают.

Можно, конечно, воспользоваться функцией экспорта комментариев. Однажды я так и сделала. На почту мне прислали файл формата xml. Вы знаете, что с ним делать дальше? Я нет.

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

Отдавать комментарии на хранение в чужие руки — очень большая расточительность. Особенно, если вы дорожите мнением своей аудиторией.

Возможно, для каких-то сайтов все эти минусы несущественны. Но только не для блога, где очень многое зависит от того, сумел ли автор наладить связь со своим читателем.

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

А вы что думаете на эту тему?

Не секрет, что сегодня социальные сети являются неотъемлемой частью интернета. И если раньше термин «Интернет» писали с большой буквы, а каждый сайт являлся уникальной самобытной единицей и местом обитания, удерживая у себя некоторую аудиторию и вынуждая регистрироваться у себя, чтобы оставить комментарий, то сейчас эти границы постепенно стираются. Веб становится всё более плотным и перекрёстным. Чтобы оставить комментарий, уже не приходится регистрироваться на сайте. Более того, теперь сайты на CMS, которые не предусматривают систему комментирования в принципе, можно установить социальные плагины для комменирования записей от Вконтакте или Facebook и получать отзывы. Единственным моментом является то, что пользователь должен иметь аккаунт в одной из этих соцсетей, чтобы иметь возможность участвовать в обсуждениях.

Disqus - cоцсеть и вебсервис комментариев

Сегодня я хочу поговорить об интересном вебсервисе под названием Disqus . Это сервис, который позволяет настроить обсуждения и комментарии на сайте без использования CMS. Сервис работает на основе собственной соцсети, что упрощает возможность комментирования на сайтах, его использующих. На сегодняшний день является лидером рынка: его используют порядка 750 тысяч сайтов и блогов.

Чем хорош Disqus и почему его стоит использовать

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

Также, если настроили предварительную премодерацию, вы сможете одобрять или удалять новые комментарии прямо из вашей почты: на email модератора будут приходить уведомления о новых сообщениях, и он на них отвечает Approve (одобрить), Delete (удалить) или Spam (В спам).

Разнообразные настройки: добавить или удалить модератора, белый и чёрный списки. Документация (правда, на английском).

Также, если вы не собираетесь устанавливать disqus на свой сайт, то зарегистрироваться на этом сайте всё равно советую, пригодится, ибо всё больше сайтов используют эту систему.
Доступен раздел с собственными комментариями, оставленными на сторонних сайтах.

Думаю, доводов «за» достаточно.

Как установить Disqus у себя на сайте

Следите за тем, чтобы во время регистрации сайта быть авторизованным под своим ником (если у вас их в Disqus несколько). Он будет считаться главным модератором (primary moderator), и этого не изменить, пока не удалить сайт из системы.

Настройка Disqus

После установки Disqus на сайт переходим в панель администратора https://{вашсайт}.disqus.com/admin/

1. Блок помощи в установке, настройке и документации
2. Блок с ожидающими модерации комментариями
3. Аналитика за неделю
4. Возможность монетизации. Включается отдельно через этот блок
5. Настройки

Вот в настройки и переходим.

General

• Organization — используется для упрощения управления несколькими сайтами как принадлежащие одному лицу, бренду и тому подобное
• Shortname — ярлык вашего сайта в Disqus. После регистрации не изменяется
• Website Name — Имя и короткое описание вашего сайта. Будет отображаться над полем комметариев
• Website URL — Имя домена. Если оно сменилось, а терять комментарии не хочется, рядом есть ссылка в помощь
• Discovery — блок в конце комментариев с рекомендациями посмотреть дополнительные обсуждения. Аналог Смотрите также , Related Posts и тому подобное. Рекомендую отметить
• Default Commenter Avatar — можно изменить аватарку по умолчанию и поставить свою. Она будет отображаться у пользователей Disqus вместо дефолтной, а также у гостей (незарегистрированных пользователей)
• Category — к какой категории относится ваш сайт. От этого будет зависеть, в какой группе сайтов будут выходить рекомендации
• Description — полное описание вашего сайта
• Language — язык отображения элементов управления формой комментариев. Есть локализация на русском языке
• Appearance — настройки оттенков цветовой палитры (светлый и тёмный) и семейства шрифтов. Подбирайте опытным путём или проще ставьте на auto

Теперь переходим на вкладку Community

Community

• Comment Count Link — число комментариев в статье. Использую варианты: 1) Нет комментариев; 2) 1 комментарий; 3) Комментариев {num} — вместо {num} на сайте будет отображаться число
• Moderator Badge Text — рядом с комментариями на бейджике будет отображаться этот текст. Можно оставить как есть или вписать, например, модератор
• Default Sort — как будут сортироваться комментарии по умолчанию. Есть варианты: 1) Newest first — Новые сначала; 2) Best first — Лучшие сначала; 3) Oldest first — старые сначала. В любом случае, пользователи смогут сами отсортировать комментарии на свой вкус
• Guest Commenting — если отметить, то гости (неавторизованные пользователи) смогут оставлять сообщения без регистрации в системе
• Pre-moderation — если выбрать all , то премодерация включится, и каждый новый комментарий придётся одобрять (аппрувить). Если none , то премодерация будет выключена
• Links in Comments — если отметить, то любой новый комментарий, содержащий ссылку, автоматически отправится в премодерацию независимо от настроек предыдущего пункта
• Media Attachments — если отметить, то станет возможным прикреплять к сообщениям изображения и видео
• Flagged Comments — если отметить Email moderators when a post is flagged , то каждый раз при необходимости отмодерировать комментарий, на который кто-то пожаловался, нажав на флаг напротив него, на email модератора будет приходить соответствующее уведомление. Do not display a comment once it is flagged означает, что при определённом количестве жалоб (1 time, 3 time и т.д.) комментарий автоматически скрывается и ожидает проверки модератором
• Automatic Closing — можно установить, через сколько дней обсуждение будет закрыто. Если оставить ноль, обсуждение закрываться не будет
• Twitter @Replies — можно ввести логин в твиттере, например sheensayru , чтобы при шаринге комментариев в твиттер в сообщения добавлялась ссылка на ваш аккаунт в твиттере в виде ответа на него @sheensayru

Advanced

• Deeply integrate Disqus with your community — глубокая интеграция системы Disqus в сайт. В этом разделе есть два пункта.
  1. Tracking — отметив этот пункт, вы включаете анонимные куки, которые пишутся в браузеры пользователей, с помощью которых улучшается таргетирование (т.е. более точное нацеливание подборки) рекомендуемого контента и рекламы (если вы её включили)
     
  2. Affiliate links — отметив, вы включите поддержку реферальных ссылок на ваш сайт, с части дохода которых вы будете получать профит. Если вы ничего в этом не понимаете и не занимаетесь CPA, но не против получить что-то с рекламы, можете включить этот пункт и посмотреть, возможно что интересное и выйдет. Но, на мой взгляд, лучше этот пункт выключить, иначе можно недополучить в доходах, даже не понимая, почему
• Trusted Domains — вы можете ввести имена доверенных доменов, на которых возможно использовать идентификатор вашего сайта. Настоятельно рекомендуется ввести в это поле свой домен (без www), иначе любой сайт сможет установить код Disqus, и используя ваш идентификатор, открывать там дискуссии. Это потенциальная угроза со стороны мимикрирующих под ваш сайт сайтов в плане проведения фишинг-атаки. Поддомены вводить не надо, они автоматически будут учитываться
• Delete from Disqus — в этом разделе можно удалить все комментарии и данные сайта

Сегодня нами будет продемонстрирована установка и настройка комментариев Disqus на WordPress, довольно популярной системы комментариев, которая встречается на многих сайтах. Так же, как и , который является лидером среди бесплатных CMS.

Перед тем как установить и настроить Disqus на сайте, давайте остановимся на плюсах и минусах, с которыми вы столкнётесь при установке и работе с данной программой, после этого вы для себя решите, стоит ли устанавливать данный плагин на ваш сайт.

Как видим, плюсов оказалась больше чем минусов. Я привел здесь, конечно же, не все, лишь самое очевидное, минусов могло оказаться и больше. Тем не менее я пока доволен работой этой системы комментариев, а вы из всего вышесказанного сделаете свои выводы.

Теперь нужно подождать какое-то время, пока он разжует скинутую нами информацию. По завершении операции к нам на электронную почту должно прийти уведомление об завершении импорта. Все комментарии перенесены! Теперь двигаемся к следующему шагу - это настройка плагина.

Разберем лишь некоторые функции, а остальные можно оставить по умолчанию. В принципе, все настройке интуитивно понятны, если что, можно перевести с помощью Google-переводчика сайтов.

Если вы вышли из панели Disqus, то заходим обратно, и здесь в меню заходим в настройки (setting).

Language. Здесь меняем язык на русский.

Discovery. Если включим данную функцию, то в самом низу комментариев появится блок с ссылками на обсуждения, проходящие на вашем сайте.

Guest Commenting. Если поставим галочку в этом пункте, то гости смогут оставлять комментарий на сайте.

Media Attachments. При включении этой функции начнут отображаться видео или изображения в комментариях, где есть ссылки на них.

Вот мы и разобрались, как проходить установка и настройка комментариев Disqus, теперь мы можем ожидать большего фидбэка в своём блоге!