Disqus - комментарии на сайт за 5 минут

При разработке сайтов мне частенько приходится добавлять систему комментариев. На создание полноценных комментариев уходит порядка двух-трех дней. «Почему так долго?!?» - спросите вы. Все очень просто. Я стараюсь делать все качественно, а это значит, что помимо самих комментариев, мне нужно написать как минимум админку для модерации и добавить антиспам защиту. А иногда приходится делать ajax отправку и авторизацию пользователей (и из соц сетей тоже). В особенно тяжелых случаях поднимать какой-нибудь сервер для сокетов, чтоб комментарии были уж совсем как вконтакте =).

Но все это стоит денег для заказчика, а для среднего сайта разработка таких комментариев будет куда дороже самого сайта. Так что я задался вопросом, как же можно это упростить, без особого вреда функциональности/дизайну/кошельку заказчика.

Пошерстя гугл наткнулся на интересный сервис https://disqus.com Беглый взгляд на возможности сервиса и на весь проект в целом вселил в меня надежду на светлое будущее. К слову, он поддерживает Wordpress, Drupal, Joomla и еще много платформ, либо обычный js и html.

Простая регистрация, и вот он код для встраивания на сайт. Выглядет примерно так:

<div id="disqus_thread"></div>

Добавляем html код на страницу, где нужно отобразить комментарии, а скрипт перед закрывающим тегом </body>.

/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'Your site';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

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


Комментарии на сайте

Блок комментариев имеет простой, современный дизайн, думаю впишется в любой сайт (к моему дизайну подошел отлично).

Этот код можно добавить на несколько страниц. Сервис отследит ссылку страницы и разделит обсуждения на группы.

Теперь пройдемся по настройкам. Заходим в настройки по ссылке your_site.disqus.com/admin/settings

Комментарии на сайте - фото 2

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


Комментарии на сайте - фото 3

По умолчанию в disqus комментарии разрешены только для зарегистрированных пользователей. Разрешим комментировать для гостей. В разделе Community Rules устанавливаем галочку Allow guests to comment. Если не нужна пре-модерация, устанавливаем переключатель в положение Pre-moderation — none. Также я поставил обязательную модерацию для комментариев, содержащих ссылки.


Комментарии на сайте - фото 4

В разделе Аналитика можем посмотреть количество комментариев и лайков за последнее время.


Комментарии на сайте - фото 5

Во вкладке комментарии отображаются все комментарии с сайта. Тут же можно проводить модерацию комментариев, подтверждать, удалять, помечать как спам и прочее.

Сервис поддерживает множество функций, среди них интеграция с Twitter, фильтр спама, рассылка на почту и множество других. Нужно потратить немного времени и настроить disqus под свои требования. После сохранения настроек, результат отобразится на вашем сайте не сразу, т.к. скрипты кешируются, нужно подождать порядка 10ти минут, чтобы увидеть результат.

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

12.03.2015 | В разделе: Разработка | Автор: Николай Амплеев, Веб-студия Морс
Понравились наши работы?