Как добавить комментарии на сайт


Комментарии для современного сайта | htmlbook.ru

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

Комментарии помогают строить сообщество

Теперь пользователи приходят к вам не просто что бы прочитать какую-то новость или статью, но ещё и для того что бы её обсудить.

Что характерно — узнать саму новость читатель мог и в другом месте, но именно сообщество интересных людей, возможность высказаться и услышать их мнение — вот что приведёт к тому, что он посетит ваш сайт и зайдёт на страницу с новостью, которую и так знает.

Ещё лет десять назад центрами, вокруг которых кипела вся жизнь, были форумы. Однако в наше время это уже не так удобно и популярно, сейчас большинство популярных сайтов работают в формате блогов, а общение пользователей происходит в комментариях.

Таким образом, именно комментарии являются тем фактором, который отличает обычные сайты от сайтов, по настоящему успешных в своей сфере. Это касается новостных сайтов, блогов, сообществ по интересам, порой даже интернет-магазинов и различных специализированных сайтов.

Комментарии это обратная связь и мотивация

Так же важно помнить, что комментарии это источник обратной связи с читателями, который позволяет узнать что именно им нравится и на что читатели реагируют. А чем лучше и интереснее для посетителей ваш сайт, тем чаще они к вам возвращаются и рекомендуют его.

К тому же обратная связь — это всегда хорошая мотивация для самих авторов и администраторов, которая почти мгновенно позволяет почувствовать, что людям интересно и то что вы делаете и ваш сайт. Простым счётчиком посетителей такого не добьешься.

Что нам нужно от системы комментирования?

Так какими же должны быть «правильные» комментарии на современном сайте?

  • Простыми и понятными для читателей.
  • Удобными и функциональными для администраторов.

Какие варианты есть на данный момент у веб-мастера ?

  • Если сайт построен на популярной CMS, то можно использовать готовый плагин.
  • Воспользоваться сторонним универсальным скриптом.
  • Воспользоваться сторонним сервисом.

Скрипт или сервис?

Сервисы комментирования появились несколько лет назад и за это время обрели огромную популярность на западе, а в последние годы начали набирать популярность в Рунете

Преимущества

  • Простая установка и использование, никакой возни со скриптами, файлами, базами данных. Достаточно просто вставить простой html там, где должен быть блок с комментариями.
  • Облачная система уменьшает нагрузку на ваш сервер, все данные грузятся независимо.
  • Специализированная система — это богатый функционал, регулярные обновления и дополнения.

Из чего можно выбрать?

  • Сервисы от социальных сетей — виджеты комментариев Вконтакте и Facebook.
  • Западные сервисы типа Disqus, Livefyre, IntenceDebate.
  • Русскоязычные аналоги.

Виджеты социальных сетей

Плюс только один — довольно высока вероятность того, что пользователь уже залогинен в социальной сети и поэтому ему не придется регистрироваться.

Множество минусов

  • Позволяют писать комментарии только пользователям своей социальной сети, ограничивая всех остальных.
  • Не индексируются поисковиками.
  • Имеют крайне бедный функционал, вплоть до невозможности вывести количество комментариев.

Западные сервисы комментирования

Практически все платные, с начальной ценой от 2000-3000$ в месяц.

Исключение — Disqus, который предоставляет большинство своих функций бесплатно. Однако в русскоязычном интернете его использование довольно неудобно по ряду причин:

  • нет поддержки русскоязычных социальных сетей — а западные Facebook и Twitter покрывают крайне малую долю нашей сети;
  • нет полной локализации, регулярно встречающиеся не переведённые надписи и англоязычные письма могут оттолкнуть пользователей.

Русскоязычные сервисы

Русскоязычные аналоги зачастую полностью платные и не могут похвастаться привлекательным дизайном.

Сервис Cackle

SV Kament

Единственным исключение тут стоит система SV Kament (svkament.ru) которая полностью бесплатна и собирает воедино функционал различных западных систем комментирования, но при этом ориентирована на русскоязычный сегмент.

Давайте вкратце рассмотрит что бы мы хотели видеть в нашей системе комментирования.

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

Социальный логин — значительно упрощает регистрацию и как результат увеличивает количество комментариев. Западные исследования показывают что использование социального логина порой увеличивает конверсию более чем на 60%.

Оценка комментариев — во-первых помогает выделить самые интересные и стоящие комментарии, что крайне удобно для читателей, а во-вторых стимулирует пользователей писать интересные сообщения.

Работа в реальном времени — чем удобнее и быстрее работает система, тем больше ей пользуются и чаще пишут комментарии.

 

Уведомления на почту — как часто мы теряем потенциальные комментарии только потому, что пользователь не знает, что кто-то ответил на его предыдущее сообщение.

С точки зрения управления

  • Управление прямо на сайте.

 

  • Информация о пользователях.

  • Единая панель управления комментариями всего сайта.
  • Возможность назначать модераторов.
  • Простота установки.

Так же есть ряд интересных возможностей у системы SV Kament.

  • Социальные трансляции — позволяют «вернуть» общение на ваш сайт из социальных сетей. Если у вас есть группа в Вконтакте, в которой вы размещаете анонсы новых статей на сайте, то зачастую часть обсуждения статей остаётся в комментариях к самой записи, и было бы здорово транслировать эти комментарии обратно на ваш сайт.

  • Рейтинг и статус пользователей — позволяет выделить самых активных и популярных посетителей, таким образом стимулируя ваших пользователей чаще заходить, больше общаться и писать сообщения интересные другим людям.

Всё и сразу?

Есть довольно распространенная практика размещать сразу несколько систем комментирования, например отдельно виджет ВКонтакте, отдельно Facebook, отдельно для всех остальных.

На мой взгляд это одно из худших решений, однако важно понимать какие именно цели преследуются.

Если нужно просто собрать отзывы пользователей — то этот способ имеет право на жизнь, хотя для этого может быть достаточно простой гостевой книги или даже адреса электронной почты.

Если же наша цель — создание сообщества и стимулирование общения пользователей, то такой подход крайне вреден, ведь разделяя комментарии, мы разделяем и само общение, таким образом вместо единого диалога получается кучка не связанных между собой сообщений.

А какими комментариями пользуетесь вы? Считаете ли вы комментарии важными для вашего сайта, и насколько удобной и эффективными считаете комментарии на своём сайте?

Добавить комментарии к сайту

Если вы видели кодовую страницу окна комментариев HTML, вы знаете, как создать поле комментариев.

Хотя эта страница демонстрирует, как создать поле комментария, она предполагает одно: у вас есть страница действия для обработки содержимого поля комментария, когда пользователь нажимает кнопку «Отправить».

Что такое «страница действий»?

Страница действия - это страница / сценарий, который принимает содержимое вашей формы, а что-то делает с ним.

Например, эта страница действий отправляет вам электронное письмо всякий раз, когда кто-либо отправляет свой отзыв. Другая страница действия может взять комментарии из вашего поля комментариев, вставить их в базу данных, а затем отобразить их на вашей веб-странице.

Чтобы создать страницу действия, вам необходимо достаточно хорошо разбираться в языке сценариев, таком как PHP или ColdFusion.

Для страницы действия потребуется другой код в зависимости от того, что именно вам нужно сделать. Например, вы можете принять меры безопасности, чтобы убедиться, что комментарий не похож на спам.Возможно, вы захотите проверить, действительно ли форма была отправлена ​​с вашего веб-сайта. Вы также можете проверить длину комментариев пользователей и т. Д.

Добавить комментарии Easy Way

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

HTMLCommentBox.com предоставляет вам один из самых простых способов добавить раздел комментариев на ваш сайт.Все, что вам нужно сделать, это скопировать / вставить приведенный ниже код. Это оно! Раздел комментариев будет отображаться везде, где вы размещаете код.

Однако, чтобы модерировать комментарии, вам необходимо войти в систему, используя учетную запись Google.

Самым большим преимуществом этого скрипта является его простота использования (и это бесплатно!). Недостаток использования подобной службы состоит в том, что у вас меньше контроля над тем, что ваш скрипт делает с комментариями пользователей. Сказав это, вы можете до определенной степени настроить раздел комментариев.

В конечном счете, решать вам, создавать ли собственный сценарий или нет. Вы также можете подумать о загрузке готового скрипта гостевой книги, такого как этот из архива сценариев Мэтта или этот из JsWidget.com.

комментариев в блоге - самый простой способ!

Если вы создаете блог с помощью управляемого хостинга Wordpress (с нашего партнерского сайта ZappyHost), вы получите автоматически установленный блог с готовым к работе разделом комментариев. Именно так в наши дни работает раздел комментариев на большинстве веб-сайтов.

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

.

Как добавить комментарий Isso на ваш сайт

Если у вас статический веб-сайт или блог, если быть точным, с hugo, возможно, вы уже сталкивались с тем, как добавлять комментарии на свой сайт. Disqus, например, один из них, но он может быть не вашим первым выбором по многим причинам.

Isso - еще один вариант с полным контролем над вашими данными без трекеров и майнинга данных. Вы размещаете его, и он вам принадлежит.

Server os - это Ubuntu 18.04 . Мы будем использовать поддомен isso.MYDOMAIN.com , вы можете использовать комментариев , , обсуждение или любое другое имя вместо isso . Измените MYDOMAIN.com на свой фактический домен.

Требования
  • Python (мы будем использовать python3)
  • Пип
  • SQLite
  • Apache (прокси)
  • Certbot
1. Установка

Установите следующие пакеты.

  apt install python3 python3-pip sqlite3 build-essential  

Если у вас свежая система, вам могут понадобиться и эти пакеты, иначе при установке isso возникнут ошибки.

  apt установить python3-setuptools python3-dev  

Создайте нового пользователя, поскольку мы хотели бы запускать isso под отдельной учетной записью.

  adduser --disabled-login --gecos 'Isso Comments' isso  

Войдите в учетную запись isso .

  судо su - isso  

Установить необходимый штифт колеса пакета.

  pip3 установочное колесо  

Теперь установим isso.

  pip3 установить isso  
2. Конфигурация
2.1 Конфигурация сервера

Давайте создадим файл conf. Документация на веб-сайте не актуальна, но здесь вы можете проверить последние конфигурации.

  vim /home/isso/isso.conf  

Вставьте это, измените соответствующие параметры, например MYDOMAIN , ADMINPASSWORD , введите данные SMTP для электронной почты.

  [общий] dbpath = / home / isso / comments.db host = https://MYDOMAIN.com/ max-age = 5 мес. уведомить = smtp файл журнала = /home/isso/isso.log admin_password = ADMINPASSWORD [На модерации] включен = ложь [сервер] слушайте = http: // локальный: 8080 перезагрузка = выкл профиль = выкл общедоступная конечная точка = https://isso.MYDOMAIN.com/ [охранник] enabled = true ratelimit = 2 прямой ответ = 3 ответ на себя = ложь require-author = true require-email = false [smtp] имя пользователя = пароль = host = порт = 587 безопасность = starttls to = от = тайм-аут = 10 [хеш] соль = 3EFech7co8Ohlsad4324aso6Adsbaimi алгоритм = pbkdf2  

Isso будет доступен через порт 8080.

Протестируйте установку.

  /home/isso/.local/bin/isso -c /home/isso/isso.conf  

Ctrl + c для выхода.

2.2 Конфигурация клиента

Здесь вы можете проверить всю конфигурацию клиента isso.

Вставьте следующее, где вы хотите, чтобы ваши комментарии отображались на вашем сайте. Это моя конфигурация, используемая для hugo.

   

data-title необходим, если вы хотите настроить SMTP, иначе тема письма будет пустой.

Я настроил CSS, взятый отсюда. Добавьте его в заголовок своего сайта.

    

3. Isso как служба systemd

Вернитесь к своему привилегированному пользователю (root) и создайте новый служебный файл.

  vim /etc/systemd/system/isso.service  

Вставьте в него следующее.

  [Единица] Описание = Сервер комментариев Isso После = network.target [Обслуживание] Тип = простой Пользователь = isso Рабочий каталог = / home / isso ExecStart = / home / isso / .local / bin / isso -c /home/isso/isso.conf Перезапуск = при сбое RestartSec = 5 [Установить] WantedBy = multi-user.target  

Включите и запустите службу.

  systemctl включить isso systemctl start isso  

Проверить статус.

  systemctl статус isso  
4. Обновите Isso

Войдите на свой сервер и переключитесь на пользователя isso.

  судо su - isso  

Тогда беги.

  pip3 install --upgrade isso  

Вернитесь к своему привилегированному пользователю и перезапустите службу isso.

  systemctl перезапуск isso  
5. Apache как обратный прокси

Примечание: Убедитесь, что в вашем домене или субдомене, который вы хотите использовать для isso, уже настроен DNS.

Включить прокси-модули.

  a2enmod прокси a2enmod proxy_http  

Вы можете просто следовать этому сообщению, чтобы установить Apache с помощью certbot, за исключением части конфигурации виртуального хоста.

Вместо этого используйте это с конфигурацией прокси.

   ServerName isso.MYDOMAIN.com ServerAlias ​​isso.MYDOMAIN.com RewriteEngine On Скидка RewriteCond% {HTTPS} RewriteRule (. *) Https: //% {HTTP_HOST}% {REQUEST_URI} ProxyPass / http: // локальный: 8080 / ProxyPassReverse / http: // локальный: 8080 / LogLevel предупреждать ErrorLog $ {APACHE_LOG_DIR} / isso_error.журнал CustomLog $ {APACHE_LOG_DIR} /isso_access.log вместе   ServerName isso.MYDOMAIN.com ServerAlias ​​isso.MYDOMAIN.com SSLCipherSuite EECDH + AESGCM: EDH + AESGCM: AES256 + EECDH: ECDHE-RSA-AES128-SHA: DHE-RSA-AES128-GCM-SHA256: AES256 + EDH: ECDHE-RSA-AES256-GCM-ECDHE-RSA-AES256-GCM-ECDHE-RSA-AES256-GCM-EECDH -GCM-SHA256: DHE-RSA-AES256-GCM-SHA384: ECDHE-RSA-AES256-SHA384: ECDHE-RSA-AES128-SHA256: ECDHE-RSA-AES256-SHA: DHE-RSA-AES256-SHA256: -AES128-SHA256: DHE-RSA-AES256-SHA: DHE-RSA-AES128-SHA: ECDHE-RSA-DES-CBC3-SHA: EDH-RSA-DES-CBC3-SHA: AES256-GCM-SHA384: AES128-GCM -SHA256: AES256-SHA256: AES128-SHA256: AES256-SHA: AES128-SHA: DES-CBC3-SHA: HIGH:! ANULL:! ENULL:! EXPORT:! DES:! MD5:! PSK:! RC4 SSLProtocol Все -SSLv2 -SSLv3 -TLSv1 -TLSv1.1 SSLHonorCipherOrder On Заголовок всегда установлен Strict-Transport-Security «max-age = 63072000;» Заголовок всегда установлен X-Frame-Options DENY Заголовок всегда установлен X-Content-Type-Options nosniff SSLEngine включен SSLCertificateKeyFile /etc/letsencrypt/live/isso.MYDOMAIN.com/privkey.pem SSLCertificateFile /etc/letsencrypt/live/isso.MYDOMAIN.com/fullchain.pem ProxyPass / http: // локальный: 8080 / ProxyPassReverse / http: // локальный: 8080 / ErrorLog $ {APACHE_LOG_DIR} /isso_error.log CustomLog $ {APACHE_LOG_DIR} / isso_access.журнал комбинированный   

Не забудьте включить свой сайт, например a2ensite /etc/apache2/sites-available/isso.conf . После этого перезагрузите или перезапустите Apache.

Вот и все. :)

.

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


HTML-комментарии не отображаются в браузере, но могут помогите документировать исходный код HTML.


Теги комментариев HTML

Вы можете добавлять комментарии к своему источнику HTML, используя следующий синтаксис:

Обратите внимание, что в начальном теге есть восклицательный знак (!), Но нет в конечный тег.

Примечание: Комментарии не отображаются браузером, но они могут помочь документировать исходный код HTML.

С комментариями вы можете размещать уведомления и напоминания в своем HTML-коде:

Пример

Это абзац.

Попробуй сам "

Комментарии также отлично подходят для отладки HTML, потому что вы можете закомментировать строки кода HTML, по одной, для поиска ошибок:

Пример

Трулли
->

Попробуй сам "

Упражнения HTML



.

Как добавить комментарии Facebook на ваш сайт WordPress

Комментарии увеличивают заинтересованность, позволяя посетителям высказать свое мнение о содержании, которое вы публикуете на своем сайте. Добавление комментариев Facebook на сайт WordPress делает еще один шаг вперед. Оставляя комментарии на вашем сайте, посетители могут установить флажок, чтобы поделиться своими комментариями с друзьями на Facebook. Таким образом, есть шанс получить дополнительный трафик.

Обладая таким потенциалом для увеличения посещаемости веб-сайта, у любого может возникнуть соблазн добавить комментарии Facebook на свой сайт.Однако делать это правильно - это то, что беспокоит всех. В этой статье мы покажем вам весь процесс в несколько простых шагов.

Почему вы должны добавлять комментарии Facebook на сайт WordPress?

Интеграция комментариев Facebook заменяет стандартную систему комментариев WordPress и требует, чтобы посетители входили в систему со своим идентификатором Facebook, чтобы оставить комментарий. Понимая потенциальные преимущества, многие известные сайты, такие как IMDb, используют комментарии Facebook. Давайте посмотрим, какие ценности Facebook Комментарии могут добавить вашему сайту.

  • Facebook Комментарии повышают заинтересованность, позволяя посетителям делиться своими мыслями о вашем контенте.
  • Убирает фактор анонимности. Вот почему посетители с меньшей вероятностью будут оставлять спам-комментарии, потому что они привязаны к их профилям в Facebook.
  • Посетители могут установить флажок, чтобы поделиться своими комментариями с друзьями на Facebook. Таким образом, есть шанс получить дополнительный трафик.
  • Благодаря системе комментариев Facebook на сайте WordPress, ваше содержание будет менее подвержено троллингу, поскольку людей, стоящих за этими комментариями, можно идентифицировать в социальных сетях.
  • Комментарии, сделанные через Facebook, повысят доверие. Другие посетители, скорее всего, будут доверять отзывам о ваших товарах или услугах.

Как добавить комментарии Facebook на сайт WordPress?

Настроить Facebook Комментарии на вашем сайте WordPress довольно просто. Сегодня мы покажем весь процесс с помощью плагина комментариев WpDevArt Facebook. Плагин имеет как бесплатную, так и профессиональную версию. Бесплатного достаточно, чтобы сделать всю работу за вас. Посмотрим, как это делается.

Шаг 1 : Прежде всего, вам необходимо установить плагин комментариев WpDevArt Facebook. Перейдите в Панель управления> Плагины> Добавить новый. Теперь ищите плагин комментариев WpDevArt Facebook. Затем нажмите «Установить сейчас» и «Активировать».

Когда вы активировали плагин, вам необходимо его настроить. Для настройки этого плагина требуется идентификатор приложения Facebook. Поэтому мы настроим это после создания App ID в Facebook.

Шаг 2 : Создайте идентификатор приложения на Facebook.Щелкните здесь, чтобы создать. (Убедитесь, что вы вошли в свою учетную запись Facebook.)

Шаг 3 : После создания получите идентификатор приложения. Просто нажмите на идентификатор приложения, он будет скопирован автоматически. Сделайте приложение работающим в соответствии с необходимыми критериями.

Шаг 4 : Теперь вы можете настроить плагин с этим идентификатором приложения. Перейдите в «Комментарии FB» на своей панели инструментов. Вставьте идентификатор приложения вверху. Установите / снимите флажки «Главная», «Опубликовать», «Страница в середине», чтобы определить, где отображать поле для комментариев.Все три отмечены по умолчанию. Наконец сохраните изменения.

Вы закончили настройку комментариев Facebook на своем сайте WordPress. Теперь перейдите к любому из ваших сообщений. Вы должны увидеть опцию комментария под сообщением (если вы установили флажок «Опубликовать» при настройке плагина). Как и на макете ниже.

Выполнение каждого из вышеперечисленных шагов означает, что вы полностью согласны с настройкой комментариев Facebook. Идея иметь систему, которая позволяет вашим посетителям комментировать ваш контент в своем профиле Facebook, - это круто.Это гораздо больше, чем просто комментарии. Оставайтесь с нами, чтобы получить больше таких полезных руководств.

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий