Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

в 19:38, , рубрики: блогосфера, Веб-разработка

О проекте

Что собой представляет стандартный блог или публикация? Комментарии как правило обособлены от текста и пользователям приходится цитировать фрагменты текста, чтобы прокомментировать их. А если спор между читателями завязывается вокруг определенного высказывания в статье, как зачастую бывает на хабре, то только что зашедшему в пост читателю трудно уловить эту интересную часть статьи. Как можно сделать коментарии более контекстными, интерактивными, привлекающими внимание? Хочу поделиться с хабравчанами проектом, который разрабатывает одна из наших команд. Он будет полезен блогерам, интернет-СМИ, да и просто сайтам с большим текстовым контентом. Проект Hypercomments предлагает новый взгляд на комментарии. Комментировать можно как фрагменты текста, так и отдельные слова, картинки. Это позволяет автору оживить статью, увидеть наиболее обсуждаемые, горячие участки текста, сделать содержание статьи более насыщенным за счет активности читателей.

Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

Как пользоваться

  • На сайт устанавливается очень просто: есть плагины для WordPress, Blogger, Joomla, а также простой универсальный скрипт виджета вида
    <div id="hypercomments_widget"></div><script type="text/javascript">
    var _hcp = _hcp || {};
    _hcp.widget_id = xxx;
    _hcp.widget = "Stream";
    (function() { 
    var hcc = document.createElement("script"); hcc.type = "text/javascript"; hcc.async = true;
    hcc.src = ("https:" == document.location.protocol ? "https" : "http")+"://widget.hypercomments.com/apps/js/hc.js";
    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hcc, s.nextSibling); 
    })();</script>
    

  • при даблклике на тексте или при его выделении появляется кнопка комментирования:

    Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

  • после создания комментария текст подсвечивается и становится кликабельным:

    Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

  • на коментарии можно отвечать, прикреплять к ним мультимедиа (картинки, видео, презентации), также есть система рейтинга комментариев

    Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

  • можно лайкать статью через Facebook, Twitter, Google+

    Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

  • можно выбрать тему для виджета комментариев

    Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

  • комментарии группируются по топикам и авторам

    Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

Посмотреть как это работает и поиграться можно в песочнице

Дополнительные плюшки

  • разрешение/запрет комментирования отдельных классов/id элеменов в тексте
    <div id="ID_element">Содержимое ­тега</div>, или <div class="class_name">Содержимое ­тега</div>
  • отображение N первых комментариев на странице, остальные сворачиваются
  • установка одного виджет комментариев для нескольких страниц и/или новый виджет для каждой страницы
  • онлайн слежение за комментариями, а также звуковое уведомление и уведомление через трей о новых комментариях
  • кросс-постинг в социальные сети
  • подписка на rss
  • индексация комментариев поисковиками
  • импорт старых комментариев из блога или экспорт текущих в xml файл
  • модерация комментариев и управление модераторами (их может быть несколько)
  • черный/белый список комментаторов
  • аналитика активности комментаторов и эффективность комментариев
  • мультиязычность
  • спам-фильтр
  • рейтинг авторов
  • любой тарифный план можно пользовать в течении 30-ти дневного периода бесплатно

Новый взгляд на комментарии. Hypercomments.com — комментируем фрагменты текста

Проект совсем новый, постоянно развивается и обрастает новым функционалом, а значит всегда есть что улучшить и исправить, поэтому с нетерпением ждем критики и пожеланий IT-сообщества

Автор: masiandr


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js