Комментарии Disqus на блоге

Система комментирования Disqus — очень известная и удобная штука. Именно такие комменты можно встретить на многих блогах Вордпресс. Именно «Дискус» нам предлагают ставить в блог на Tumblr.

Чем так хороша эта форма для комментариев? — Легкой совместимостью с профилями в соцсетях, появлением нового коммента без обновления страницы, уведомлениями об ответах, защитой от СПАМа. 

Кроме того, посетителю не нужно вводить свои данные для каждого комментария. Комменты Disqus не занимают дискового пространства, выделенного хостером под блог. В общем, давайте научимся прикручивать этот «Дискус» на свой сайт!

Как войти в Disqus

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

Нас сразу, без всяких проволочек и подтверждений, пустят в систему. Теперь можно связать свой профиль с профилем, например, на Фейсбук. Чтобы это сделать, нажимаем «редактировать профиль».

А там список возможных соцсетей открывается в закладке «Services». Ну, я думаю, найдете.

А мы переходим, непосредственно, к установке Disqus на блог.

Как добавить в Disqus свой блог на любой платформе

Итак, на главной странице нажимаем большую оранжевую кнопку, на которой написано Get this on your site (под логином). Попадаем на страничку, где нужно заполнить адрес блога, название (это можно по-русски — для себя), и shortname — это латинскими буквами. Shortname — это ваш идентификатор, который и будет связывать блог с системой Disqus. Например, название вашего домена напишите.

Кликаем Continue и попадаем на страничку для выбора платформы блога. Не буду приводить скриншоты — там все предельно ясно. Жмем на логотип нужной нам платформы. Например, Tumblr.

Как поставить Disqus на Tumblr

Уж поскольку мы тут с увлечением занялись созданием блогов на платформе Tumblr, то грех не начать с нее (до Вордпресс доберемся позже). Дело в том, что в тлогах нет «родной» системы комментирования. Но разработчики прямо предлагают нам ставить комменты от Discus.

Для этого нам нужно попасть в меню редактирования блога, точнее, тлога. В некоторых темах Tumblr уже предусмотрена возможность прикрутки Disqus. Посмотрите свою панель визуального редактора. Если там есть окошечко Disqus Shortname — просто вписывайте туда свой шортнейм и сохраняйте изменения.

Если же такого окошка нет — мы быстренько «заточим» тему под наши требования. Для этого нужно кое-что добавить в код. Кликаем на «Изменить HTML» (вон, под картинкой с гаечным ключом и отверткой:).

В открывшемся коде сначала находим мета-теги соцсетей. Например:

<meta name="text:Twitter Name" content=''/>

У меня эти теги meta name находятся сразу после:

{/block:Description}

Вот туда и вставляем следующую строку:

<meta name='text:Disqus Shortname' content='ваш shortname' />

Обратите внимание, что в эту строку должен быть вписан ваш shortname!

Потом ищем в коде {/block:Posts} (напоминаю, что для удобства поиска можно нажать Ctrl и F и в открывшемся окошке ввести нужное сочетание символов). И сразу после этого закрывающего тега нужно вставить следующее:

{block:IfDisqusShortname}

<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'ваш shortname'; // Required - Replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Включите JavaScript, чтобы видеть <a href="http://disqus.com/?ref_noscript">комменты от Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">система комментариев от <span class="logo-disqus">Disqus</span></a>

{/block:IfDisqusShortname}

И здесь не забудьте вписать тот же shortname. Я руссифицировала для вас этот код, но, честно говоря, не заметила, где появляются эти предупреждения про яваскрипт и т.д. Ну, пусть будут.

Если вы хотите еще поставить счетчик комментов, то непосредственно ПЕРЕД тегом {/block:Posts} (а не после!) нужно вставить такой код:

{block:IndexPage}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">комментов</a>
<script type="text/javascript">
    var disqus_shortname = '{text:Disqus Shortname}';

    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
</script>
{/block:IndexPage}

Обратите внимание, что тут ничего дописывать не надо!

В общем, сохраняем все внесенные изменения и наслаждаемся комментами Disqus на своем тлоге.

Как поставить Disqus на блог WordPress

И хотела бы поделить этот пост на два. Но на Вордпресс поставить эти комменты еще проще)))

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

Скачиваем себе плагин Disqus — он там первый будет в списке. Активируем его. Потом заходим в настройку этого плагина (нажимаем «комментарии» — там будет две закладки: родные комментарии и комменты дискус). Вводим свой логин и пароль в системе Disqus. Выбираем нужную учетную запись (ту, которая соответствует этому вашему блогу).

Следующее окно, которое откроется — поздравления с установкой дискуса на блог. Здесь будет, также, предложено перенести ваши прежние комментарии в новую систему. Для этого нужно нажать на выделенную ссылку:

Усё! Ваш автономный блог снабжен комментариями Disqus!

PS Чтобы удалить Disqus с блога Вордпресс — просто деактивируйте соответствующий плагин