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

Автор:Дата:Систему комментирования от Disqus очень просто поставить на блог, практически, на любой платформе

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

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

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

Как войти в Disqus

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

главная disqus

редактировать профиль в Disqus

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

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

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

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

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

добавить блог на Disqus

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

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

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

disq4Для этого нам нужно попасть в меню редактирования блога, точнее, тлога. В некоторых темах 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 с блога Вордпресс — просто деактивируйте соответствующий плагин

Оставайтесь на связи! Блоготей пришлет вам новые статьи на почту!
Введите свой E-MAIL:

     Katyaru 05.03.2013


    
Читайте БлоготеЙ! на Google+
Читайте БлоготеЙ! на Фейсбуке

К записи "Комментарии Disqus на блоге" оставлено 20 коммент.

  1. Наталья:

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

    [Ответить]

    katyaru отвечает:

    буквально неделю назад зарегистрировалась в Дискусе. Пока комментировать в нем нравится — узнает везде, ответы присылает…

    На Блоготее меня устраивает система комментирования собственная. Для наших быстрых вопросов-ответов хватает функционала.

    Комменты пропадут, если убрать плагин. Но они останутся на самом Дискусе. Не пробовала, что будет, если поставить плагин, потом убрать, а потом снова поставить (в смысле, появятся ли они снова:)

    Я думаю, что дискус нужно ставить там, где:
    1. нет собственной системы комментирования (как в Тумблере)
    2. где предполагаются мощные обсуждения

    [Ответить]

    Наталья отвечает:

    Катя, спасибо за ответ! Теперь все точно стало ясно :)

    [Ответить]

  2. Елена Ужова:

    У меня как раз о дискусе пол статьи написано )) ты меня опередила ))

    [Ответить]

    katyaru отвечает:

    Нас обеих опередил Костя!

    [Ответить]

  3. Оля:

    Так вот он какой этот дискус, спасибо огромное, тогда сделаю, а то без Вас бы никогда не нашла!

    [Ответить]

  4. Блогобабушка:

    Да, блин… Поставила, а ничего не видно…

    [Ответить]

    katyaru отвечает:

    А прописала везде, где нужно свое shortname?

    [Ответить]

    Блогобабушка отвечает:

    Там, где ты написала «Ваш шотнейм». Короче, я тупая для дискуса.

    [Ответить]

    katyaru отвечает:

    Да, там…

    [Ответить]

    katyaru отвечает:

    Ну. как всегда, могу только предложить пустить меня в свой тумблер)))

    [Ответить]

    Блогобабушка отвечает:

    Катя напишу доступ в личку на фейсбуке

    [Ответить]

  5. katyaru:

    Итак, очень важное дополнение: проверяйте все знаки! Если стоит одинарная кавычка — значит она должна быть одинарной (апостроф). Вот только что мы обнаружили и устранили проблему — пробел перед шортнеймом! Один ма-а-аленький пробел!:) Всем удачи!

    [Ответить]

  6. Alina:

    Вы меня просто спасли своей статьей. Спасибо.

    [Ответить]

    katyaru отвечает:

    Я очень рада) Не за что!

    [Ответить]

  7. Блогобабушка:

    Катя, поставила Дискусс на «Мой балкончик». Но там внизу есть ссылки на посты из интернета, как их убрать или изменить?

    [Ответить]

    katyaru отвечает:

    Надо зайти в свой аккаунт Дискус ( http://твой_ник.disqus.com/admin/settings/discovery/ ) И там в Settings (самая правая вкладка) будет шкала под названием Choose your Discovery level Нужно поставить на Just comments (только комментарии)

    [Ответить]

    Блогобабушка отвечает:

    Спасибо.Все сделала. Классно!

    [Ответить]

    katyaru отвечает:

    Ура!

    [Ответить]

  8. seoonly:

    Вес так просто)) Супер!

    [Ответить]


8 + пять =

Палю тему!
Гугл в помощь
Надо подписаться!

Введите свой E-MAIL:

Delivered by FeedBurner

Дружите с Блоготеем в соцсетях


Смотрите все ВИДЕО Блоготея на YouTube


Blogotey | 


Спутник Блоготея в Tumblr

НаверхКарта Сайта