Disqus — удобная форма комментариев для сайта
Меня тут «зарядили» пост написать о форме добавления комментариев установленной на pervushin.com. Думал паимаишь на диване поваляться, а после таких комментариев разве можно без толку лежать? «Нет!» — сказал я себе и пролежням моим, выпрыгнул из под одеяла и за ноутбук :).
Сегодня я постараюсь по подробней рассказать о системе комментирования Disqus, изучим основные настройки и фишки системы, но если что-то упущу или будет не понятно, жду Ваших вопросов и поправок в комментариях, заодно посмотрите как она работает.
Под постом Вас ждет жирный бонус и сладкое, приятного «аппетита».
Сначала давайте разберемся в чем преимущества этой системы перед стандартной формой комментариев. Плюсы:
1. Удобная авторизация. Оставить на сайте комментарий можно не только как «гость» с простым указанием имени, сайта и email, но и как зарегистрированный пользователь одной из поддерживаемых систем: disqus, facebook, twitter, openid, yahoo.
2. Удобные древовидные комментарии. Уровень вложений можно регулировать, у меня стоит до 5.
3. AJAX. Никакой перезагрузки страниц. Добавление комментариев, нажатие кнопки «Нравится» и т.д. происходит на лету.
4. Никаких потерь комментариев. В сети бытует мнение (где-то видел), что все комментарии уходят на сервер disqus и дескать если что, то все потеряется, это не так! Все комментарии остаются на месте, т.е. в Вашей базе на Вашем сервере. Дискус просто синхронизируется с основной базой и копирует их себе.
5. Назначение прав пользователей. Пример: какой-то пользователь, Ваш знакомый, написал для Вашего блога гостевой пост, Вы в дискус назначаете его модератором этого поста и пусть он сам «расхлебывает» все поступающие комментарии :).
6. Симпатичный внешний вид. Я бы даже сказал очень симпатичный, на любом сайте эта форма смотрится куда лучше, чем «родная», стандартная.
7. Управление коментариями по e-mail. Да-да, это не просто очередная функция, это классная фишка! Вот приходит Вам сообщение, что кто-то оставил комментарий, а Вы ему в ответ пишете: approve — разрешить; spam — отправить в спам; delete — удалить; а если напишите просто сообщение, оно станет Вашим ответом на этот комментарий.
8. Единый админ-центр для всех Ваших комментариев и сайтов. У Вас несколько сайтов? Поставив дискус на них, Вам не придется бегать из одного админ-центра Вашего сайта в другой, все комментарии в одном месте.
Ну что, решились? Давайте ставить.
Установка и настройка disqus
Идем на disqus.com и регистрируемся, для этого жамкаем большую зеленую кнопку:
Перед нами несколько полей для заполнения:
Подробнее:
- Site URL — адрес Вашего сайта (блога)
- Site Name — имя Вашего сайта (блога)
- Site Shortname — короткое имя сайта, которое будет отображено в URL, у меня так и написано — pervushincom
Учетная запись главного модератора, т.е. Вас:
- Username — Ваш логин
- Password — пароль
- Email address — электронная поста
Жмем «Continue» и попадаем на страницу быстрых настроек нашей будущей формы комментариев. Не переживайте, если что-то не так настроите, эти параметры можно будет изменить позже.
Первым делом выбираем язык, нам нужен русский:
Затем переходим к опциональным настройкам (Optional Features). На очереди Facebook Connect и Twitter @Replies.
В facebook connect следует вписать свой API, получить который можно кликнув по ссылке «(Click here to get one)», Вы должны быть зарегистрированы и авторизованы в facebook. Моя страница в facebook.
Twitter @Replies нужен для ответов в твиттер. Сюда можно вписать свой твиттер логин с @. У Вас нет аккаунта в twitter? Так зарегистрируйтесь скорее, я уже там.
Ниже чекбокс Disable Like Buttons. Если поставите галочку, пользователи не смогут голосовать за Ваши посты, соответственно посты не появятся на главной странице disqus.com, а значит Вы не получите дополнительный трафик :). И хотя там большая конкуренция, я все же рекомендую эту галочку не ставить.
Следующая колонка, правее, по порядку сверху вниз:
- Media Attachments — дискус в комментариях может автоматически распознать ссылки на изображения и видео, сделать к ним превью и разместить их ниже, под самим комментарием. Думаю нам пригодится эта опция, потому ставим галочку.
- Trackbacks — из-за навалившегося большого количества спама у меня в блоге, трекбеки были отключены, потому и здесь я не ставлю галочку в этой опции. Если кто не знает, трекбеки показывают ссылки на сайты, которые ссылаются непосредственно на пост.
- Akismet — очень популярный спам-фильтр. Он у меня изначально стоял в виде плагина и тут есть эта опция, радует. Для его полноценной работы нужен API, который можно получить здесь (требуется регистрация). Рекомендую включить эту опцию.
- Reactions — полезная штука! Будет искать и выводить какие-либо упоминания о Вашем посте в различных сервисах (twitter, friendfeed, digg и т.д.). Я включил все сервисы.
Спускаемся чуть ниже, следующая опция «Display login buttons with comment box«. Очень удобная функция. Любой пользователь, имеющий аккаунт на одном из указанных сервисов (а это facebook, twitter, openid, yahoo) сможет авторизоваться без каких-либо проблем и оставить комментарий. «Развяжем» руки пользователям? Я да!
Тут все, нажимаем кнопку «Continue ->«. На следующей странице выбираем движок, на котором будет установлен disqus:
Обратите внимание, дискус можно установить на любой сайт, если в списке нет Вашего движка, тогда на выручку придет «Universal Code«. Но сейчас я установлю его на wordpress. Он первый в списке..видимо самый популярный :). Клик.
Установка disqus на wordpress не вызовет у Вас каких-либо проблем, как впрочем и установка на другие движки.
Скачиваем плагин здесь, распаковываем и выкладываем на сервер в папку с плагинами, обычно она располагается здесь: /wp-content/plugins/.
Затем идем в админ-панель Вашего wordpress блога, переходим в раздел «Плагины». Если Вы правильно положили плагин (в нужную папку), тогда вордпресс его определит, Вы его увидите. Его надо активировать. Сделали? Идем в раздел «Комментарии». Disqus потребует авторизации, вводим логин и пароль (Вы же их записали, верно?). После авторизации нам предлагают завершить настройку дискуса, что также можно будет сделать позже, тем более что новая форма комментариев уже работает!
Кстати, имеющиеся у Вас в блоге комментарии автоматически скопируются дискусом..ну где-то в течении часа.
Дополнительные инструменты disqus
Саму систему я больше не настраивал, там и по-умолчанию все отлично выглядит, но на этом мы не заканчиваем. Есть еще очень полезные инструменты: вывод горячих тем, вывод последних комментариев (как у меня в сайдбаре), вывод топ комментаторов (самых комментирующих пользователей) и вывод количества комментариев в rss фиде от feedburner. Подробнее.
В панели дискуса нам потребуется вкладка «Tools» (инструменты):
На этой вкладке дискус предлагает нам универсальный виджет, на котором будет все, перечисленное мной выше, сразу. Не очень хороший виджет, слабые настройки, тяжело подогнать под свой дизайн, мне он не подходит.
Лучше внедрять нужные инструменты по отдельности. Мне, пока, понадобился лишь один виджет «Последние комментарии», если Вам тоже, тогда кликаем на ссылку «Recent comments». Что мы здесь можем настроить:
- Number of items to display — количество отображаемых записей. У меня так и осталось — 5.
- Show avatars — показывать аватары или нет. У меня так и осталось — yes.
- Avatar size -размер аватаров. У меня так и осталось — 32px.
- Comment Excerpt Length — ширина области с комментариями. Там стоит 200, мне понадобилось уменьшить до 180… вроде, не помню уже.
Ниже нас ждет уже готовый к «употреблению» код.
Обратите внимание, на изображении ниже я выделил одну строку зеленым — ее надо переименовать, она на английском, а Вы напишите, ну например, «Последние комментарии», оригинально правда? Вторая строка выделена желтым, удалите ее вообще. Это абсолютно бессмысленная для нас лишняя ссылка на disqus.com. Остальной код вставляете в нужное место Вашего шаблона.
Остальные виджеты можно настроить по аналогии, там все также.
Вы пользуетесь feedburner? Тогда надо бы еще одну настроечку сделать :). Мы же хотим, чтоб в rss отображалось количество уже оставленных комментариев, вот как у меня сейчас:
Чтобы реализовать это дело у себя, нужно хлопнуть три раза в ладоши войти в свой feedburner аккаунт, выбрать вкладку «Optimize«, в панели слева выбрать пункт «Feedflare«:
Прокручиваем страницу вниз и в поле «Personal Feedflare» добавляем строчку:
http://pervushin.com/ВАШ_НИК.disqus.com/~feedflare/comments_link.xml
И соответственно жмем кнопку «Add New Flare«:
Устали? Да все уже, думаю этого более чем достаточно, чтобы легко работать и управлять своими (и чужими) комментариями.
Удачи Вам и побольше положительных комментариев Вашим блогам!
Snapshot / @pervushin_com в twitter
Сладкое на сегодня: очередной пример креативной и забавной рекламы. Девушку так колбасит, а в замедленном действии это выглядит очень смешно 🙂 Вот так работе надо отдаваться!
Как изменить стиль этой формы, мне нужно блоки сдвинуть, в каком файле смотреть
Сергей спасибо за материал про дискус и за ответ. Теперь интересуюсь, как закрыть внешнюю ссылку от дискуса? Там где «подписаться по RSS». Может кто знает?
у вас в блоге не вижу, а чаще всего (и у меня в том числе) в шапке есть информация о кол-ве ответов в теме. так вот не прокручивает к коментам по нажатию по этому линку. в стандартной форме ответов всё Ок, а вот с disqus-ом — нет. как добавить якорь самостоятельно? спасибо.
Для дискуса точно знаю должна быть концовка #disqus_thread, а вот в каком файле затрудняюсь сказать, смотрите в файле Вашей темы (index.php вроде)
спасибо, помогли.
Класс!
Подскажите пожалуйста, как сделать чтобы надпись Showing 1 comment была на русском? Я установил этот плагин, все настроил, при настройке выбрал русский язык, но выводиться showing comment:-(
Не уверен, но вроде в панели дискуса есть возможность самому прописать вывод количества комментариев. Для этого идем в панель, вкладка «Settings», -> в панели слева выбираем пункт «Appearance». Прокручиваем вниз и в пунктах «Comment Count Link» и «Reaction Count Link» прописываем русскими словами.
Не, это не то, это просто какое слово использовать для разного количества коментов. Например: 1 коментарий, 2 коментария, 10 коментариев.
А я имел ввиду ту надпись которая на этом блоге вот так написана — «Показаны комментарии 1-40 из 71». Но у меня она на английском:-(
В общем поразбирался с переводом и вот что получилось. Как говорил Snapshot — «в меню «Settings», -> в панели слева выбираем пункт «Appearance». Прокручиваем вниз и в пунктах «Comment Count Link» и «Reaction Count Link» прописываем русскими словами.» И получается примерно так 0 — комментариев, 1 комментарий и {num} Комментариев. И эти слова будут использоваться для отображения количества комментариев. А вот строка сколько комментариев показано ведет себя так: если 1 комент то пишет — Showing 1 comment если больше то — Комментариев: (num) если есть пагинация то пишет в таком виде — Показаны комментарии 1-40 из 71.
Сергей решил опять по disqus.com узнать. Может подскажешь. У меня от disqusа в RSS комментариях внешняя ссылка индексируется. Как закрыть это дело, подскажи пожалуйста. Спасибо.
Вроде в файле disqus-comment-system/comments.php в папке плагинов (plugins), посмотри там.
Ищи что-то вроде <a href
4. Никаких потерь комментариев. В сети бытует мнение (где-то видел), что все комментарии уходят на сервер disqus и дескать если что, то все потеряется, это не так! Все комментарии остаются на месте, т.е. в Вашей базе на Вашем сервере
Как это? а как комменты в базу попадают? у меня правда не WP, но если бы это было так, то не нужна бы была опция Export from Disqus в tools
>>а как комменты в базу попадают?
Через форму дискуса, также как и через обычную форму.
>>не нужна бы была опция Export from Disqus в tools
Опция экспорта требуется лишь для ускорения дублирования комментариев в дискус, если Вы ей не воспользуетесь, комментарии также появятся, но на это им потребуется больше времени.
Прикладываю скриншот своей базы, на нем Вы увидите свой комментарий, который оставили здесь, через дискус.
не, я о другом! не из базы в дискус, а наоборот! я же писала » Export from Disqus в tools»
то, что такая опция у вас есть исключительно заслуга плагина вордпреса, а никак не самого дискуса! в самом дискусе комменты хранятся в ЕГО базе, и выковырнуть их оттуда мне лично не удается.
я собственно набрела на ваш сайт в поисках способа запихнуть комменты дискса в свою базу, и выводить их оттуда как текст, ибо дискус джаваскриптный и поисковики комментов не видят.
так что пункт 4 относится только к правильно настроенному плагину WP, а не вообще ко всем системам. к сожалению…
А, вот оно как. Вы спросили по 4 пункту, как комментарии попадают в базу, я и ответил :).
>> в самом дискусе комменты хранятся в ЕГО базе, и выковырнуть их оттуда мне лично не удается.
Вот чего не знаю, того не знаю. А в какой движок пытаетесь комментарии залить?
>>дискус джаваскриптный и поисковики комментов не видят
Поисковики их видят и индексируют. Проверял здесь же, на этом блоге.
>>к правильно настроенному плагину WP, а не вообще ко всем системам
Проверял также на joomla и blogspot.
у меня друпал
гм… я прогоняла поиском комменты дискуса с проиндексированных страниц, результат 0
у вас видят потому, что при выключенной джаве они у вас выдаются как текст без прикраса если нет, то и …
>>при выключенной джаве они у вас выдаются как текст без прикраса если нет, то и …
У кого выключена джава, у поисковика? Поисковики читают джаву уже довольно давно, с год назад новость прошла.
при выключенной джаве View the discussion thread. и ссылка на дискус, на котором комменты без джавы тоже не отображаются. текст выдает только плагин вордпреса, а не дискус, иначе его саппорт об этом знал.
You can find more information on how to index your comments locally for SEO purposes here:http://docs.disqus.com/help/58/Thanks for using Disqus,
про чтение джавы я тоже читала в новостях, только вот на сайтах этого не вижу, да и Платон мне с полгода назад писал про проблемы с индексацией на 1 из сайтов — ну у вас ведь джава скрипт…. то есть фиг.текст коммента 2 недельной давности запустила в поиск гугля, который у меня на сайте просто живет. проверила тока что в Г и Я, результат — нет такого слова.
но в остальном дискус конечно штука приятная, спору нет 😉
А на джумлу его кто-нибудь пробовал ставить? Или он только для вордпресса подходит?
Что лучше кякл или дискус? Есть ли альтернатива?
Что лучше кякл или дискус? Есть ли альтернатива?
Спасибо за информацию, но виджет, который стоит на вашем сайте больше нравится
а кякл даёт возможность премодерировать комментарии?
а кякл даёт возможность премодерировать комментарии?
а кякл даёт возможность премодерировать комментарии?
а кякл даёт возможность премодерировать комментарии?
а кякл даёт возможность премодерировать комментарии?
а кякл даёт возможность премодерировать комментарии?
А у вас что за плагин комментариев установлен здесь?
А у вас что за плагин комментариев установлен здесь?
disqus )
и комментарии вк тоже Disqus??
сейчас стоят комментарии cackle.me
а как вы его так настроили, да ещё и не авторизуясь можно комменты оставлять?
прикольно
классная статья, спасибо!
классная статья, спасибо!
Суперр! Спасибо большое!
Если Вы еще здесь отвечаете, то хотела бы задать Вам вопрос: Можно ли модератору узнать кто поставил «флажок» пользователю.
Но сейчас-то установлен http://cackle.me/ Почему?
Потому что система поддерживает все соц.сети, в отличие от дискаса. И в целом сейчас больше нравится. На момент написания статьи (2013) я пользовался именно им.
Дорого они берут за свою форму комментариев(я про cackle.me), я за хостинг меньше плачу 🙂
Потому что система поддерживает все соц.сети, в отличие от дискаса. И в целом сейчас больше нравится. На момент написания статьи (2013) я пользовался именно им.
Здравствуйте, а не подскажите, как можно включить комментарии Disqus на страницах сайта на вордпресс, а то на записях все нормально, а на страницах нет(??
Заранее спасибо.