Разделы Сайта АниДо

Сервисы комментариев

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

Что такое «сервисы комментариев» и зачем они нужны? Легче объяснить на примере. Допустим, я хочу отркыть маленький персональный сайт. Задействовать громоздкую систему вроде юкоза мне ни к чему. Подойдет любой хостинг для html страничек вроде narod.ru, chat.ru, newmail.ru и т.п. И мой выбор падает, например, на хостинг почтового сервиса. Отсутствие рекламы, 2GB места, дизайн неплохой нашелся. И все вроде мне в новом сайте нравится, но как жаль, что пользователи не могут оставить о моих статьях свои отзывы… Это раньше было нельзя. А сегодня можно подключить к сайту бесплатный «сервис комментариев», чтобы сделать сайт интерактивным. Даже многие обладатели движков с комментариями иногда предпочитают пользоваться этими сервисами. Особенно популярны они среди владельцев сайтов на WordPress.

Мне известны три сервиса комментариев, но если Вам известны другие, то буду очень рада узнать о них из Ваших отзывов. Что представляют из себя эти сервисы? Они являются своеоразными посредниками между крупными социальными сетями и сообществами (OpenID, Gravatar, Facebook, Twitter, Yahoo) и сайтом, на который будут установлены комментарии. Достаточно того, чтобы комментатор ввел свой e-mail и был авторизован в одной из перечисленных систем, чтобы сервис комментариев получил данные об этом пользователе и вывел их на сайт.

Disqus

Официальный сайт: disqus.com
Авторизация через: Disqus, Facebook, Twitter, Google, OpenID, Yahoo
Интеграция с CMS: WordPress, Blogger, Tumblr, Movable Type, TypePad, Drupal, Joomla, SquareSpace, Yola, DokuWiki, Storytlr, Sandvox, Chi.mp

Disqus — это наиболее известный сервис комментариев, особенно популярный среди администраторов ВордПресса. Зарегистрировавшись в системе, Вы сможете настроить свой профиль и подсоединить его к сервисам FaceBook, Twitter, Google, Yahoo, OpenID, Tumblr, WordPress, MovableType, TypePad.

Чтобы начать работать с системой, нужно добавить свой сайт в левом блоке кнопкой +ADD.
Step 1 — Register Site

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

Step 2 — Settings

Тут указываем язык, логин твиттера, показ кнопок Like, разрешение прикрпелять файлы, трэкбэки, антиспам системы Akismet и показ реакций — комментов, в которых упомниается ваш сайт.

Step 3 - Install

Указываем движок нашего сайта. Если нужного движка нет в списке, тогда выбираем Universal Code. Вам выдадут несколько кодов. Первый:

<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'YOURNAME'; // required: replace example with your forum shortname
// The following are highly recommended additional parameters. Remove the slashes in front to use.
// var disqus_identifier = 'unique_dynamic_id_1234';
// var disqus_url = 'http://example.com/permalink-to-page.html';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + YOURNAME + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script> <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

выводит ленту комментариев и форму для их добавления. Вместо YOURNAME нужно просто вставить логин, указанный Вами при первом шаге. А второй код:

<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'YOURNAME'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + YOURNAME + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>

выводит количество комментариев. Здесь тоже нужно заменить YOURNAME на указанный ранее логин. Вы можете задавать значения дополнительным переменным. Их описание Вы найдете, перейдя по ссылке JavaScript configuration variables.

  • disqus_developer — переменная бинарного типа (1/0), которая указывает, являетесь ли вы тестером системы (Вам ненужна)
  • disqus_shortname — ваш логин, указанный при первом шаге
  • disqus_identifier — идентификатор ленты комментариев, на каждой странице должен быть разным
  • disqus_url — адрес конкретной страницы с лентой комментариев, определяется скриптом сама, лучше не трогать
  • disqus_title — заголовок ленты комментариев, по умолчанию берется из <title> страницы
По идее, указав разный disqus_identifier для каждой страницы, мы должны получить отдельную ленту комментариев. Однако, на практике это у меня почему-то не вышло — выводится одна сплошная лента для всех страниц сайта. Возможно, это моя оплошность, а, возможно, сервис Disqus просто не предоставляет разные ленты сайтам на неподдерживаемых движках. Но это не делает менее популярным среди движков, которые он поддерживает. Еще плюс этой системы заключается в том, что можно просматривать историю чужих комментариев.


InteseDebate

Официальный сайт: intensedebate.com
Авторизация через: IntenseDebate, WordPress, Facebook, Twitter, OpenID
Интеграция с CMS: WordPress, Tumblr, TypePad, Blogger

Авторизовавшись, можно подключить свой аккаунт к Facebook, Twitter, FriendFeed, Flickr, LinkedIn, Last.fm, Digg, MySpace, Delicious, MyBlogLog, Orkut. Чтобы начать работу с сервисом, в верхнем меню нужно выбрать вкладку Sites → + Add blog/site.

Step 1 — Specify URL
Нужно просто ввести адрес своего сайта.
Step 2 — Choose Platform
Выбираем систему, в которой находится Ваш сайт. Если Ваша система отсутствует в списке, нужно выбрать последнюю опцию Generic Install.
Step 3 — Installation
Здесь начинается самое сложное. Вы получите два кода. Первый код вида: <script>
var idcomments_acct = '123456789012345678901234567890';
var idcomments_post_id;
var idcomments_post_url;
</script>
<span id="IDCommentsPostTitle" style="display:none"></span> <script type='text/javascript' src='http://www.intensedebate.com/js/genericCommentWrapperV2.js'></script>

для вставки в нужное место на странице сайта выводит ленту комментариев вместе с формой добавления. И второй код:

<script> var idcomments_acct = '123456789012345678901234567890';
var idcomments_post_id;
var idcomments_post_url;
</script>
<script type="text/javascript" src="http://www.intensedebate.com/js/genericLinkWrapperV2.js"></script>

Который выводит счетчик комментариев вида Comments (7).

Чтобы прочитать описание каждой переменной, разверните спойлер Advanced options (very optional). Там подробно изложено назначение каждой детали кода:

  • idcomments_acct — идентификатор сайта, должен быть на всех страницах неизменным
  • idcomments_post_id — идентификатор ленты комментариев, для каждой страницы нужен разный
  • idcomments_post_url — адрес сайта, на который система будет ссылаться в RSS ленте
  • idcomments_post_title — заголовок для RSS ленты комментариев

Зная это, мы можем сгенерировать код, например, для каждой статичной страницы на сайте юКоза:

<script>
var idcomments_acct = '123456789012345678901234567890';
var idcomments_post_id = 'AnyName$URI_ID$';
var idcomments_post_url = 'http://my.site.ru';
var idcomments_post_title = 'My Site Name'
<script type="text/javascript" src="http://www.intensedebate.com/js/genericLinkWrapperV2.js"></script>
</script>

Просто вставляем в шаблон страницы этот код, и на каждой странице Вашего сайта появится отдельная лента комментариев!

Ленты для каждого сайта Вы можете настроить на свое усмотрение в разделе Settings → Moderation.

  • Moderate all comments - установить обязательную премодерацию для всех комментариев. Комментарий не опубликуется, пока его не проверит модератор.
  • Readers must sign up with IntenseDebate or WordPress.com before commenting X or more links will put a comment in moderation - если комментарий гостя (не авторизованного в WP или ID) содержит более Х ссылок, то коммент попадает в премодерацию.
  • Automatically approve comments written by users with a minimum reputation score of X points - автоматически публиковать комментарии пользователей, репутация которых превышает Х очков.
  • Automatically approve comments written by IntenseDebate and WordPress.com users who have previously been approved. Note: does not apply to Guests, Facebook Connect users, and Twitter Sign-in users — автоматически публиковать комментарии пользователей авторизованных через WP или ID, чьи комментарии ранее уже одобрялись модератором. К гостям, авторизованным через фейсбук или твиттер, это не относится.
  • Moderation Filter — тут можно перечислить список слов, IP и e-mail адресов, при упоминании которых коммент будет попадать в премодерацию.
  • Profanity Filter - цензура. Можно перечислить слова, которые будут заменяться ***.
  • Banned users — забанить пользователя по ID или WP идентификатору.
  • Whitelisted users — разбанить забаненного пользователя.
  • Moderators — назначить модераторов для комментариев по e-mail или идентификаторам ID или WP.

Сильно налегать на запреты я не советую, это может сильно усложить жизнь посетителям. Язык формы комментариев, а также данные о сайте можно настроить во вкладке Settings → Account, а внешний вид комментариев — в Settings → Layout. Если поверхностных настроек вида Вам недостаточно, то можете использовать Settings → Custom CSS, для написания которого прилагается вся необходимая документация. А во вкладке Settings → Comments можно перечислить нужные для Ваших комментариев функции:

  • Enable logins via Facebook Connect — дать возможность пользователям авторизовываться через Facebook
  • Enable logins via Twitter — дать возможность пользователям авторизовываться через Twitter
  • Enable logins via OpenID — дать возможность пользователям авторизовываться через OpenID
  • Enable threads — поддержка древовидных комментариев (с несколькими уровнями вложенности)
  • Enable voting — рейтинг комментария +1/-1
  • Parse links — делать текстовые адреса ссылками
  • Allow images in posted comments — разрешить вставлять изображения в комментариях
  • Enable Field descriptions — выводить высплывающие подсказки ко полям формы
  • Enable Website field — задействовать поле «сайт пользователя»
  • Enable auto-expanding textareas — растягивать текстовое поле по мере достижения его границы
  • Enable Email subscription — подписка на дискуссию
  • Enable «Report this comment» button - вывод кнопки жалобы на комментарий

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

В разделе Extras InteseDebate также предоставляет виджеты для вывода статистики своих комментариев:

  • Blog stats widget — выводит полное количество комментариев со всех лент сайта и количество уникальных комментаторов.
  • Latest comments widget — выводит несколько последних комментариев со ссылками на страницу материала.
  • Popular blog posts widget — выводит список самых комментируемых страниц.
  • Top users widget — выводит список самых активных комментаторов.
  • My Recent Comments Widget — выводит несколько последних собственных комментариев.

LiveFyre

Официальный сайт: livefyre.com
Авторизация через: Livefyre, Facebook, Twitter, Google, LinkedIn
Интеграция с CMS: WordPress, Tumblr, Blogger, Drupal, TypePad, Joomla

Альтернативная система комментариев. Аватары отписавшихся система находит сама. Черезо что точно - не знаю, кажется, через OpenID. Авторизовавшись, аватар можно поменять. В комментариях давать трэкбэки на профили друзей из FaceBook и Twitter можно с помощью символа @. Это дает сервису явный плюс, поскольку пользователи, которых вы упоминаете в комментариях, получат уведомления и могут легко присоединиться к дискуссии. Можно настроить интеграцию аккаунта с Twitter, Facebook, LinkedIn, Google и OpenID. Протестировать можно здесь.

Для установки нужно авторизоваться на LiveFyre, зайти в раздел Install в верхнем меню.

Step 1

Указываем URL нашего сайта. Выбираем движок сайта или Custom Platform, если движка нет в списке. Выбрать траффик (от 20 МБ и больше - платно).

Step 2

Можно пропустить, он для заинтересованных в премиум-услугах.

Step 3

Получаем код вида:

<!-- START: Livefyre Embed -->
<script type='text/javascript' src='http://livefyre.com/wjs/javascripts/livefyre.js'></script>
<script type='text/javascript'>
var fyre = LF({
site_id: 123456,
version: '1.0'
});
</script>
<!-- END: Livefyre Embed -->
И банально копируем в нужное место. Инструкцию можно получить в видео:

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

Посмотреть и протестировать системы комментариев можно вышоупомянутом статичном сайте:

Просмотров: 7355 | Автор: Shizuku | Рейтинг: 5.0/1
Теги: OpenID, LiveFyre, commenting service, комментарии, wordpress, Disqus, Comments, сервисы комментариев, IntenseDebate, facebook


Комментарии:

0 good bad
no avatar Ирина | MA@mail.ru | http://www.kinoreal.net/ | 12.12.14 21:01
Спасибо автору вот и себе установил

0 good bad
no avatar xoxa99 | xoxa99@mail.ru | http://youtubetemplates.ru/ | 22.08.11 21:54
спс) Но не нашел как бодавить в бан лист

Имя:
E-mail:
Сайт:
Текст:
Каптча:
0

Новые Посты АниДо
0

Аниме Наруто

В этом блоге публикуются полезные заметки о
программировании, дизайне и сайтостроении, а также
переводы манги, видео и электронных книг на русский.
Все права на текстовый контент принадлежат хозяйке сайта. При копировании материалов с этого сайта обязательна активная ссылка на источник!
Google · Автор дизайна Evan Eckard, а Хостинг от uCoz