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

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

Очень часто у меня спрашивают, как сделать комментирование на сайте на PHP. Я решил не объяснять на пальцах каждому, а просто написать статью, в которой показать, как делается комментирование на сайте с использованием PHP и MySQL.

Мы сейчас будем разбирать PHP-код для создания комментирования на сайте, где имеется множество страниц, на каждой из которых свои комментарии. Например, таким образом, реализовано у меня. Это самый популярный вариант, когда у каждой страницы (статьи, поста и прочего) свой набор комментариев.

Первым делом, создаём таблицу в базе данных (пусть она называется comments), где будут храниться комментарии со следующими полями:

• id — уникальный идентификатор.
• page_id — хранится идентификатор той страницы, на которой находится данный комментарий.
• name — имя того, кто оставил комментарий.
• text_comment — текст комментария.

После создания таблицы, давайте создадим HTML-форму, которую нужно будет размещать на каждой странице, где Вы хотите разрешить добавление комментариев:

<form name="comment" action="comment.php" method="post">
  <p>
    <label>Имя:</label>
    <input type="text" name="name" />
  </p>
  <p>
    <label>Комментарий:</label>
    <br />
    <textarea name="text_comment" cols="30" rows="50"></textarea>
  </p>
  <p>
    <input type="hidden" name="page_id" value="150" />
    <input type="submit" value="Отправить" />
  </p>
</form>

Единственная особенность данного HTML-кода — это input hidden. В value должен находиться уникальный идентификатор текущей страницы (статьи или поста).

Теперь займёмся обработкой формы. Для этого создаём файл comment.php с таким кодом:

<?php
  /* Принимаем данные из формы */
  $name = $_POST["name"];
  $page_id = $_POST["page_id"];
  $text_comment = $_POST["text_comment"];
  $name = htmlspecialchars($name);// Преобразуем спецсимволы в HTML-сущности
  $text_comment = htmlspecialchars($text_comment);// Преобразуем спецсимволы в HTML-сущности
  $mysqli = new mysqli("localhost", "root", "", "db");// Подключается к базе данных
  $mysqli->query("INSERT INTO `comments` (`name`, `page_id`, `text_comment`) VALUES ('$name', '$page_id', '$text_comment')");// Добавляем комментарий в таблицу
  header("Location: ".$_SERVER["HTTP_REFERER"]);// Делаем реридект обратно
?>

И, наконец, последняя стадия — это вывод комментариев на странице:

<?php
  $page_id = 150;// Уникальный идентификатор страницы (статьи или поста)
  $mysqli = new mysqli("localhost", "root", "", "db");// Подключается к базе данных
  $result_set = $mysqli->query("SELECT * FROM `comments` WHERE `page_id`='$page_id'"); //Вытаскиваем все комментарии для данной страницы
  while ($row = $result_set->fetch_assoc()) {
    print_r($row); //Вывод комментариев
    echo "<br />";
  }
?>

Вот и всё. Безусловно, это лишь база, необходимая для создания возможности комментирования на сайте. Здесь самое минимальное, что придётся сделать — это оформить внешний вид комментариев. Также надо обязательно проверить поступившие данные из формы. Также можно добавить дополнительные поля (например, e-mail ещё запрашивать).

Но всё это уже детали, а комментирование на PHP уже сделано.

Чтобы понять весь алгоритм и, главное, научиться самостоятельно создавать подобные скрипты, обязательно изучите PHP и MySQL, и в этом Вам поможет мой Видеокурс «PHP и MySQL с Нуля до Гуру«: http://srs.myrusakov.ru/php

• 

  Создано 01.02.2012 14:47:38

• 
  Михаил Русаков

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

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

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

1. Кнопка:

   Она выглядит вот так:

2. Текстовая ссылка:

   Она выглядит вот так: Как создать свой сайт

3. BB-код ссылки для форумов (например, можете поставить её в подписи):
   

JavaScript, PHP, Recovery Mode, Ajax, jQuery, MySQL

---

Рекомендация: подборка платных и бесплатных курсов Smm — https://katalog-kursov.ru/

Привет всем! Недавно столкнулся с проблемой написания комментариев на сайте. Просмотрел весь интернет в поиске нормальных статей, по поводу написания комментариев на чистом PHP 7. Статьи были, но в основном либо устаревшие, либо не работающие уже совсем. Для написания комментариев Вам необходимо знать PHP 7, MySQL, JavaScript и Ajax. Приступим!

Front-End

Структура

Для начало создаем все нужные файлы и папки.

Далее создаем самую простую форму заполнения комментария.

В comments.php:

<!DOCTYPE html>
<html lang="ru">
<head>
  <title>Комментарии</title>
  <link rel="stylesheet" href="/css/style.css">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
</head>

<body>
  <form action="sendMessage.php" method="post" name="form">
    <p class="is-h">Автор:<br> <input name="author" type="text" class="is-input" id="author"></p>
    <p class="is-h">Текст сообщения:<br><textarea name="message" rows="5" cols="50" id="message"></textarea></p>
    <input name="js" type="hidden" value="no" id="js">
    <button type="submit" id='click' name="button" class="is-button">Отправить</button>
  </form>
  <div class="clear">

  </div>

  <p>Комментарии к статье</p>

  <div id="commentBlock">
<!-- Здесь будут высвечиваться комментарии -->
  </div>
</body>
</html>

Работаем с БД

Подготовка Базы Данных

Сначала создадим нужную нам Базу Данных и таблицу:

Базу данных назовем test.

Далее создаем таблицу:

CREATE TABLE `test`.`messages` ( `id` INT(255) UNSIGNED NOT NULL AUTO_INCREMENT , `author` VARCHAR(30) NOT NULL , `message` TEXT NOT NULL , `date` VARCHAR(25) NOT NULL , PRIMARY KEY (`id`)) ENGINE = InnoDB CHARSET=utf8 COLLATE utf8_general_ci;

Она должна быть такой структуры:

Подключение к Базе Данных

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

В файле connect.php пишем:

<?php
$mysql = new mysqli('localhost', 'login', 'password', 'test');
?>

Вместо login и password вставляете свои значения (логин и пароль соответственно). Например у меня login root, и пароль — root:

<?php
$mysql = new mysqli('localhost', 'root', 'root', 'test');
?>

test — название нашей Базы Данных.

Пишем сам скрипт

Получение и обработка данных из полей

Теперь нам нужно получить данные из полей. Но для начала сделаем нашу форму немного симпатичнее, чтобы было приятнее с ней работать. В style.css пропишем:

* {
  max-width: 800px;
  margin: 0 auto;
}

textarea {
  resize: none;
}

.clear {
  margin-top: 50px;
}

#author {
  width: 100%;
  height: 4%;
  font-size: 1.3em;
}

.is-h {
  font-weight: bold;
  font-family: cursive;
  margin-top: 2%;
}

#message {
  width: 100%;
  font-size: 1.5em;
}

.is-button {
  cursor: pointer;
  color: white;
  background-color: green;
  width: 25%;
  height: 50px;
  margin-top: 1%;
  outline: none; /* Убираем линию вокруг кнопки при нажатии */
  font-weight: bold;
  font-family: cursive;
  font-size: 1.2em;
  border: none;
  transition: all 0.3s ease-out;
}

.is-button:hover {
  color: black;
  background: rgb(48, 184, 66);
}

Теперь наша форма должна выглядеть так:

Обработка данных с помощью AJAX

Теперь получим данные из полей, обработаем их и отправим в PHP на доработку.

В файле comments.php, в теге script пропишем:

$(function() {
    $("#send").click(function(){ // При нажатии на кнопку
      var author = $("#author").val(); // Получаем имя автора комментария
      var message = $("#message").val(); // Получаем само сообщение
      $.ajax({ // Аякс
        type: "POST", // Тип отправки "POST"
        url: "sendMessage.php", // Куда отправляем(в какой файл)
        data: {"author": author, "message": message}, // Что передаем и под каким значением 
        cache: false, // Убираем кеширование
        success: function(response){ // Если все прошло успешно
          var messageResp = new Array('Ваше сообщение отправлено','Сообщение не отправлено Ошибка базы данных','Нельзя отправлять пустые сообщения');
          var resultStat = messageResp[Number(response)];
          if(response == 0){ 
            $("#author").val("");
            $("#message").val("");
            $("#commentBlock").append("<div class='comment'>Автор: <strong>"+author+"</strong><br>"+message+"</div>");}
            $("#resp").text(resultStat).show().delay(1500).fadeOut(800);}});return false;});});

Обработка данных и запись их в БД

Теперь приступим к самому интересному. Для начала нам нужно провести самые примитивные проверки и «словить» данные с AJAX. В sendMessage.php пишем:

<?php include("connect.php"); // Подключаемся к БД
header("Content-type: text/html; charset=UTF-8"); // Устанавливаем кодировку

//Если JS у пользователя включен
if(empty($_POST['js'])){ 
	if($_POST['message'] != '' && $_POST['author'] != ''){ // Если поля не пустые

		$author = @iconv("UTF-8", "windows-1251", $_POST['author']);
		$author = addslashes($author);
		$author = htmlspecialchars($author);
		$author = stripslashes($author);
		$author = mysql_real_escape_string($author); // Обрабатываем данные

		$message = @iconv("UTF-8", "windows-1251", $_POST['message']);
		$message = addslashes($message);
		$message = htmlspecialchars($message);
		$message = stripslashes($message);
		$message = mysql_real_escape_string($message); // Обрабатываем данные

		$date = date("d-m-Y в H:i:s"); // Получаем дату(фиксируем)
		$result = $mysql->query("INSERT INTO `messages` (`author`, `message`, `date`) VALUES ('$author', '$message', '$date')"); // Передаем в БД значения
		if($result == true){
			echo 0; //Ваше сообшение успешно отправлено
		}else{
			echo 1; //Сообщение не отправлено. Ошибка базы данных
		}
	}else{
		echo 2; //Нельзя отправлять пустые сообщения
	}
}

// Если отключен JavaScript 

if($_POST['js'] == 'no'){
	if($_POST['message'] != '' && $_POST['author'] != ''){

		$author = $_POST['author'];
		$author = addslashes($author);
		$author = htmlspecialchars($author);
		$author = stripslashes($author);

		$message = $_POST['message'];
		$message = addslashes($message);
		$message = htmlspecialchars($message);
		$message = stripslashes($message);

		$date = date("d-m-Y в H:i:s");
		$result = $mysql->query("INSERT INTO `messages` (`author`, `message`, `date`) VALUES ('$author', '$message', '$date')");
		if($result == true){
			echo "Ваше сообшение успешно отправлено"; //Ваше сообшение успешно отправлено
		}else{
			echo "Сообщение не отправлено. Ошибка базы данных"; //Сообщение не отправлено. Ошибка базы данных
		}
	}else{
		echo "Нельзя отправлять пустые сообщения"; //Нельзя отправлять пустые сообщения
	}
}
?>

Вывод комментариев

Теперь дело за малым. Осталось всего лишь вывести эти комментарии в приятной для глаза форме.

Сначала необходимо подключиться к БД в comments.php. В самом верху пишем:

<?php require 'connect.php'; ?>

В div с id=«commentBlock» в файле comments.php пишем:

<?php
            $result = $mysql->query("SELECT * FROM `messages`"); /*Получаем все данные из таблицы*/
            $comment = $result->fetch_assoc(); /* В результирующий массив */
            do{echo "<div class='comment' style='border: 1px solid gray; margin-top: 1%; border-radius: 5px; padding: 0.5%;'>Автор: <strong>".$comment['author']."</strong><br>".$comment['message']."</div>"; // Выводим
          }while($comment = $result->fetch_assoc());
          ?>

По комментариям должно быть все понятно. И теперь у нас должно получиться что-то вроде такого:

Всем спасибо за Внимание! Вот исходники:

comments.php

<?php require 'connect.php'; ?>
<!DOCTYPE html>
<html lang="ru">
<head>
  <title>Комментарии</title>
  <link rel="stylesheet" href="/css/style.css">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
  <script type="text/javascript">
  $(function() {
    $("#send").click(function(){
      var author = $("#author").val();
      var message = $("#message").val();
      $.ajax({
        type: "POST",
        url: "sendMessage.php",
        data: {"author": author, "message": message},
        cache: false,
        success: function(response){
          var messageResp = new Array('Ваше сообщение отправлено','Сообщение не отправлено Ошибка базы данных','Нельзя отправлять пустые сообщения');
          var resultStat = messageResp[Number(response)];
          if(response == 0){
            $("#author").val("");
            $("#message").val("");
            $("#commentBlock").append("<div class='comment'>Автор: <strong>"+author+"</strong><br>"+message+"</div>");}
            $("#resp").text(resultStat).show().delay(1500).fadeOut(800);}});return false;});});
            </script>
          </head>
          
          <body>
            <form action="sendMessage.php" method="post" name="form">
              <p class="is-h">Автор:<br> <input name="author" type="text" class="is-input" id="author"></p>
              <p class="is-h">Текст сообщения:<br><textarea name="message" rows="5" cols="50" id="message"></textarea></p>
              <input name="js" type="hidden" value="no" id="js">
              <button type="submit" id='click' name="button" class="is-button">Отправить</button>
            </form>
            <div class="clear">
              
            </div>
            
            <p>Комментарии к статье</p>
            
            <div id="commentBlock">
              <?php
              $result = $mysql->query("SELECT * FROM `messages`");
              $comment = $result->fetch_assoc();
              do{echo "<div class='comment' style='border: 1px solid gray; margin-top: 1%; border-radius: 5px; padding: 0.5%;'>Автор: <strong>".$comment['author']."</strong><br>".$comment['message']."</div>";
              }while($comment = $result->fetch_assoc());
              ?>
            </div>
          </body>
          </html>

sendMessage.php:

<?php include("connect.php");
header("Content-type: text/html; charset=UTF-8");

//**********************************************
if(empty($_POST['js'])){
	if($_POST['message'] != '' && $_POST['author'] != ''){

		$author = @iconv("UTF-8", "windows-1251", $_POST['author']);
		$author = addslashes($author);
		$author = htmlspecialchars($author);
		$author = stripslashes($author);
		$author = mysql_real_escape_string($author);

		$message = @iconv("UTF-8", "windows-1251", $_POST['message']);
		$message = addslashes($message);
		$message = htmlspecialchars($message);
		$message = stripslashes($message);
		$message = mysql_real_escape_string($message);

		$date = date("d-m-Y в H:i:s");
		$result = $mysql->query("INSERT INTO `messages` (`author`, `message`, `date`) VALUES ('$author', '$message', '$date')");
		if($result == true){
			echo 0; //Ваше сообшение успешно отправлено
		}else{
			echo 1; //Сообщение не отправлено. Ошибка базы данных
		}
	}else{
		echo 2; //Нельзя отправлять пустые сообщения
	}
}

//**************************************** Если отключен JavaScript ************************************

if($_POST['js'] == 'no'){
	if($_POST['message'] != '' && $_POST['author'] != ''){

		$author = $_POST['author'];
		$author = addslashes($author);
		$author = htmlspecialchars($author);
		$author = stripslashes($author);

		$message = $_POST['message'];
		$message = addslashes($message);
		$message = htmlspecialchars($message);
		$message = stripslashes($message);

		$date = date("d-m-Y в H:i:s");
		$result = $mysql->query("INSERT INTO `messages` (`author`, `message`, `date`) VALUES ('$author', '$message', '$date')");
		if($result == true){
			echo "Ваше сообшение успешно отправлено"; //Ваше сообшение успешно отправлено
		}else{
			echo "Сообщение не отправлено. Ошибка базы данных"; //Сообщение не отправлено. Ошибка базы данных
		}
	}else{
		echo "Нельзя отправлять пустые сообщения"; //Нельзя отправлять пустые сообщения
	}
}
?>

connect.php:

<?php
$mysql = new mysqli('localhost', 'root', 'root', 'test');
?>

style.css:

* {
  max-width: 800px;
  margin: 0 auto;
}

textarea {
  resize: none;
}

.clear {
  margin-top: 50px;
}

#author {
  width: 100%;
  height: 4%;
  font-size: 1.3em;
}

.is-h {
  font-weight: bold;
  font-family: cursive;
  margin-top: 2%;
}

#message {
  width: 100%;
  font-size: 1.5em;
}

.is-button {
  cursor: pointer;
  color: white;
  background-color: green;
  width: 25%;
  height: 50px;
  margin-top: 1%;
  outline: none; /* Убираем линию вокруг кнопки при нажатии */
  font-weight: bold;
  font-family: cursive;
  font-size: 1.2em;
  border: none;
  transition: all 0.3s ease-out;
}

.is-button:hover {
  color: black;
  background: rgb(48, 184, 66);
}

Вы умеете слушать клиентов? Тут все, кто читает мою статью, должны кивнуть. Ну, собственно, кого же еще слушать: логику, клиентов и, пожалуй, маму. Ок, поставлю вопрос иначе. Вы даете своим клиентам шанс быть услышанными?

О чем я? Я о комментариях на сайте. Тема спорная. Года полтора назад мы делали ребрендинг блога (ох, как круто сказала), и тогда встал ряд вопросов о комментариях. Во-первых, нужны ли комментарии в блоге нам и нашим клиентам-читателям или нет? Во-вторых, если комменты нужны, то как это технически организовать: код свой писать, воспользоваться стандартными сервисами или поставить плагин из соцсетей? Далее предстояло решить: модерировать или без модерации пропускать всё в эфир? Еще очень важно было понять, пропускать пусть и с модерацией в эфир всё или фильтровать сообщения? Стоит ли об этом сообщать авторам?

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

Комменты, а нужны ли они вам?

Зачем могут быть нужны комментарии на сайте:

1. Обратная связь. Это способ узнать мнение клиентов.
2. Дополнительная точка контакта и канал продаж. Каждому человеку свойственно выбирать тот или иной канал связи с компанией. Кому-то проще позвонить, кто-то довольствуется сообщением на почту, а кому-то нравится общение в блоге. В комментариях к соответствующим статьям нам нередко задают уточняющие вопросы по услугам, с намерением приобрести их.
3. Уникальный контент. Сообщения – дополнительный уникальный контент, который генерируется на вашем сайте без каких-либо усилий с вашей стороны.
4. Возможность показать экспертность. Через комментарии вы можете решать вопросы клиентов, помогать им и демонстрировать это другим.
5. Источник вдохновения. В комментариях часто клиенты дают хорошие идеи, например, для развития бизнеса или написания статей. Мы пользовались, если честно.
6. Перелинковка. В ответ на комментарии вставляйте ссылки на другие страницы сайта – объясняющие статьи или услуги. Это будет увеличивать глубину просмотра и улучшать поведенческие. Да и восприниматься будет лаконично и уместно.

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

Как организовать процесс комментирования?

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

1. Сделать комментарии без модерации. Человек написал, и сообщение сразу отображается на сайте. Это можно и нужно делать, если комментариев ожидается много, большие дискуссии, нет специалиста, который будет следить за сообщениями.
2. Сделать комментарии с премодерацией. В этом случае сообщение будет опубликовано после того, как его одобрит модератор. Хорошо подходит, если комментариев немного, есть смысл их проверять перед публикацией (например, могут писать рекламные сообщения, которые засоряют сайт и не несут пользы).
3. Смешанный способ, когда частично комментарии идут с модерацией, а частично без нее. Мы остановились на таком подходе. В блоге все комментарии с модерацией, а вот во время трансляции вебинара, когда сообщений очень много, модерацию отключаем.

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

1. Можно написать свой код (но, на мой взгляд, это дорого и не имеет смысла).
2. Можно воспользоваться плагинами из социальных сетей. Здесь большой плюс в том, что сразу видно, что за человек оставил комментарий. Повышает доверие ваших читателей. Но недостаток в том, что разные люди пользуются разными социальными сетями. А также сообщения нельзя будет отмодерировать заранее. Только удалить постфактум. Что, отмечу, может обидеть автора, даже если он и написал какую-то гадость в ваш адрес.
3. Можно встроить код специального сервиса. Удобство в том, что помимо окна комментирования вы получаете массу полезных фишечек: выбор с модерацией или без, автоуведомления на почту и телефон, настройки админа и т.д. Функционал зависит от инструмента.

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

В этом же пункте обращу внимание и на еще один важный подвопрос, вытекающий из предыдущих – вам нужны авторизованные пользователи или вы готовы принимать комментарии и от неавторизованных?

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

Вопрос цензуры

Даже если вы выбираете систему, где отсутствует модерация, ответить на этот вопрос все же стоит. Что могут написать люди – остается загадкой, поэтому в любой момент вероятно возникновение ситуации, когда необходимо удалить то или иное сообщение. Как быть в этом случае?

Если у вас модерируемая система комментирования на сайте, то вроде все просто – не согласовывать неугодные сообщения и все. Однако мы рекомендуем поступить иначе.

1. Составьте список правил (вне зависимости от того, как публикуются ваши сообщения: с модерацией или без) для комментирования вашего сайта и разместите его в «шаговой доступности» от поля для написания сообщения. Ниже покажу, как это реализовано у нас в блоге.

   

2. Обязательно предупредите пользователей, какие именно сообщения разрешено/запрещено публиковать в комментариях. Например, мы не публикуем рекламу и оскорбления.

   Если комментарии без модерации, сообщите, что сообщение, нарушающее правила, будет удалено админом.

   

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

На что обратить особое внимание, или оооочень полезные советы!

1. Не только хвалимся! Не стоит бояться негативных комментариев и удалять их. Наоборот, если вы оставите только ванильные сообщения, типа: «Как тут все отлично!», «Компания самая лучшая» и т.д., может сложиться впечатление, что комменты липовые. А дальше сами понимаете: это ни к чему хорошему не приведет. Все должно быть в меру.

   

   Коммент вот к этой статье »

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

   У нас один из самых интересных диалогов в блоге к статье «500 ли рублей ему красная цена: о продающих текстах и биржах фриланса» получился достаточно сложным и критичным в наш адрес:

   

   Да-да и в таком темпе 60 комментов. Ни один не удалили. Можете почитать вот тут »

3. Благодарить не забываем. Благодарить можно за хороший отзыв, когда человек просто сказал спасибо и ничего дополнительно не спрашивал:

   

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

   

   Комментарий вот к этой статье »

4. Провоцируйте людей к общению. Задавайте наводящие вопросы, уточняйте, просите рассказать больше, поделиться и т.д. Так вы решаете несколько вопросов одновременно:

   1. Увеличиваете вовлеченность аудитории.
   2. Разнообразите контент на сайте.
   3. Улучшаете поведенческие.

   

   Чем закончился диалог, смотрите тут »

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

   

   Полная ветка диалога доступна вот тут »

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

Куда прикручивать?

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

Конечно, все индивидуально и стоит ориентироваться по ситуации, но эти моменты самые распространенные и очевидные.

Каких результатов мы достигли?

Говоря о комментариях, сложно дать какую-либо числовую, вернее, денежную оценку результата. Но, вот что можем сказать совершенно точно:

1. Активность читателей растет с каждым днем. Новые статьи собирают все больше откликов.
2. Не питайте иллюзий. По своему опыту скажу, что активность хоть и растет, но многое зависит от качества контента. На пустом месте комментировать не будут. Обсуждают актуальные темы, спорные вопросы бизнеса, кейсы. Чем спорнее тема, тем больше отклик.
3. Больше доверия, что проявляется в вопросах. Люди спрашивают советов, рассказывают о своих проблемах и получают от нас обратную связь и помощь. К слову, если что – пишите, всегда отвечаем с удовольствием.
4. Как уже упоминала выше, из комментариев блога мы черпаем идеи для статей и вебинаров.
5. И вдохновляемся на новые трудовые подвиги, когда видим, что наша работа важна и нужна. Это всегда приятно. =)

Вместо вывода

Хотите комментариев? Поверьте, они есть у клиентов, ваша задача их заслужить. Конечно, количество и частота будут во многом зависеть от сферы бизнеса и вашей целевой аудитории. Но и к самому ресурсу требования не ниже. Следите за контентом (наши копирайтеры могут помочь вам в этом), делайте его полезным, интересным, уникальным, регулярным. Отвечайте на вопросы, поддерживайте диалог. Будьте терпеливы и комментарии у вас в кармане на сайте!

Комментарии на информационном сайте – это важный элемент SEO-продвижения. С их помощью происходит взаимодействие между посетителями и улучшается ранжирование в поисковых системах.

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

Чем хороши сервисы комментариев?

Предположим, что мы хотим запустить комментирование на своем сайте, который был написан на WordPress. Чтобы это сделать, можно воспользоваться стандартными утилитами. Да, такой способ довольно быстрый, но вот эффект от него будет совсем не тот. Такой метод подразумевает запуск комментирования, который сильно усложняет пользовательское взаимодействие.

Взгляните на изображение ниже – это форма для обсуждения, где нужно не просто оставить комментарий, но и вручную указать имя и адрес электронной почты. С именем еще ладно, а вот почта – это уже «сложное» действие для пользователей, из-за которого они, скорее всего, пройдут мимо.

С сервисами же все проще. Например, Disqus или Cackle позволяют авторизоваться всего один раз, и вход автоматически будет выполнен на всех сайтах, где присутствуют данные инструменты комментирования.

Но и это еще не все, вот несколько пунктов, играющих в пользу сервисов:

• Модерация комментариев. Многие сервисы позволяют настраивать модерацию, например, можно сделать так, чтобы новые комментарии не публиковались, если в них содержатся ссылки или нецензурная лексика.
• Вовлечение аудитории. С помощью сервисов комментирования можно подключить уведомления, которые будут приходить пользователям, участвующим в дискуссии. Дополнительно можно добавить лайки и возможность писать личные сообщения другим пользователям.
• Хранение комментариев. При подключении инструмента для комментирования, вы сэкономите место на диске и сократите нагрузку на сервер. Связано это с тем, что сторонние сервисы хранят все данные на собственных серверах.
• Охват аудитории. Аудитория будет расти за счет того, что пользователи могут делиться своими комментариями в социальных сетях.
• Дополнительные возможности. В комментарии можно вносить не просто текст, но и добавлять графический контент. При необходимости это все можно удобно отредактировать.

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

Как комментарии влияют на SEO?

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

При этом есть одно важное замечание: комментарии будут индексироваться только в том случае, если они указаны в HTML-коде страницы. Чтобы это организовать на любой популярной CMS, достаточно подключить плагин из официального магазина. В случае с самописным движком это можно реализовать через API.

Топ-10 сервисов для комментариев

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

Cackle

Первый сервис в нашем списке – Cackle. Это инструмент от российских разработчиков, который позволяет реализовать не только комментирование, но и отзывы, опросы и даже онлайн-консультанта.

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

Особенности:

• можно авторизоваться через многие сервисы, в числе которых ВКонтакте, Одноклассники и даже Яндекс;
• есть рейтинг, который добавится в сниппет сайта в поиске Google;
• система комментариев адаптирована под все размеры устройств – от смартфонов до мониторов;
• аналитика комментариев, юзеров, лайков, публикаций постов, полный отчет и лог работы модераторов;
• все комментарии хранятся в БД сервера;
• виджет комментариев поддерживает микроразметку Schema.org рейтинга и комментариев, благодаря чему происходит более быстрая индексация контента.

Стоимость: 700 рублей в месяц за 1 сайт

Официальная страница: Cackle

Disqus

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

Особенности:

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

Стоимость: от $12 в месяц

Официальная страница: Disqus

Tolstoy

Tolstoy – еще один русскоязычный ресурс, который предлагает создать полноценное сообщество. Отличительная черта от конкурентов в том, что в сервисе есть геймификация и умная система уведомлений. Каждый комментатор обладает рейтингом, который начисляется, когда другие пользователи ставят лайки или дизлайки.

Умная система уведомлений – это push, почта, получение уведомлений в самом виджете. Работает все как социальной сети – в принципе, этот виджет и стремится сделать комментирование в таком формате.

Особенности:

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

Стоимость: есть бесплатный пробный период на 14 дней, после которого можно продолжать пользоваться сервисом бесплатно, но без возможности модерации. Тарифы начинаются от 700 рублей в месяц

Официальная страница: Tolstoy

Commenton

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

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

Особенности:

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

Стоимость: 1000 рублей

Официальная страница: Commenton

IntenseDebate

Еще одна бесплатная система комментирования под названием IntenseDebate. Она была разработана корпорацией Automattic Inc, у которой один из главных проектов – сервис хостинга сайтов WordPress.com, поэтому IntenseDebate легко интегрируется с CMS WordPress.

Особенности:

• уведомления по email;
• регистрация через социальные сети;
• сохранение комментариев в формате .xml;
• фильтрация сообщений.

Стоимость: бесплатно

Официальная страница: Intensedebate

HyperComments

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

Особенности:

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

Стоимость: есть 14-дневный пробный период, тарифы начинаются от $11 в месяц либо $24 в год

Официальная страница: HyperComments

AnyComment

AnyComment – это бесплатный виджет, который подойдет для любого проекта. В нем доступны оценки, модерация и комментарии из социальных сетей. Можно синхронизироваться с ВКонтакте, Facebook, Твиттер, Одноклассники и другими социальными сетями.

Особенности:

• все комментарии хранятся в вашей собственной базе данных;
• гибкая настройка темы оформления;
• возможность загрузки файлов с настройкой расширений файлов и ограничения загрузки;
• email-уведомления о новом комментарии;
• возможность вставки URL-ссылок в комментариях;
• назначение группы пользователей, авторизовавшихся через соцсеть.

Стоимость: бесплатно, есть тарифы от 810 рублей

Официальная страница: AnyComment

SigComments

SigComments – бесплатная система для комментирования. Она позволяет создавать модернизируемый и адаптивный виджет с функцией «вызов внимания» – уведомлением модератора сайта о комментариях по определенным критериям. Дизайн выглядит довольно устаревшим, но за такую доступность большего ожидать и не стоит.

Особенности:

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

Стоимость: бесплатно

Официальная страница: SigComments

VKComments

VKComments – это полноценный виджет от всеми известной социальной сети ВКонтакте. Его можно установить на сайт, где пользователи смогут оставлять отзывы, если они авторизованы в ВК. Реализовать виджет можно как через код, так и плагин для CMS.

Особенности:

• пользователь ВК может сразу комментировать материал сайта от своего имени;
• записи автоматически публикуются на стене в аккаунте комментирующего;
• виджет позволяет просматривать ответы на комментарии;
• можно прикреплять медиафайлы;
• защита от спама.

Стоимость: бесплатно

Официальная страница: VKComments

Social Login

Social Login – сервис для сайтов, созданных на CMS WordPress. Он добавляет простую форму для комментирования, в которой можно авторизоваться через аккаунт от Google, Facebook, Twitter или LinkedIn.

Особенности:

• авторизация через популярные социальные сети;
• модерация и обновления в режиме реального времени;
• расширенный профиль пользователя;
• возможность рассылки email-уведомлений.

Стоимость: бесплатно

Официальная страница: Social Login

Выводы

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

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