Система комментариев для сайтов — AnyComment

Сегодня мы узнаем как создать php скрипт комментариев.Наш php скрипт комментариев будет реализован с помощью технологий ajax, mysql, html, css. Пример создания php скрипта комментариев очень интересно и полезно.

Содержание

Системы комментариев для сайта. Какую выбрать?

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

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

Поэтому давайте рассмотрим как сделать комментарии на сайте и какую систему комментирования выбрать, как наиболее оптимальный вариант?

Вообще комментарии на сайтах выводятся многими способами. Это и специальные плагины для wordpress движков и комментарии от социальных сетей всевозможные, такие как например Вконтакте, FacebookDisqus. Также есть независимые сервисы, которые предлагают свои системы комментариев для сайта, например Cackle.

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

таблица систем комментирования на сайтахтаблица систем комментирования на сайтах

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

Я для себя уже принял решение и установил систему комментариев для своего сайта от Cackle.

Кстати если Вы уже решились выбрать систему Cackle для своего сайта, то вот вам ссылка, которая дает 5% скидку на приобретение системы комментариев от Cackle!

Хочу комментарии на сайт от Cackle!

А у меня пока все на сегодня! Всем удачи и благополучия! До новых встреч!

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

Наш виджет комментариев хорош тем, что:

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

Практическая польза комментариев html

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

<html><head><title>Название страницы</title>…</head><body> …<div class=”shapka“><!– Открытие блока shapka–> …</div><!– /shapka–&gt…<!– Дальше идет основная часть сайта–&gt<div class=”page“><!– Старт блока page–> <div class=”sidebar_left“><!– Левый sidebar–> … </div><!– /sidebar–> <div class=”content“><!– Начало content–> Основная часть сайта </div><!– /content–> <!– Подвал сайта–> <div class=”footer“> … </div>…</div><!– /page–></body></html>

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

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

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

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

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

Пишем комментарии для сайта на чистом PHP + MySQL + Ajax -11

JavaScript, PHP, Recovery Mode, Ajax, jQuery, MySQL madrobots.png
AliExpress RU&CIS

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

Шаг 1 – Создание таблицы для комментариев в БД

Создание PHP скрипта комментариев следует начать из создания таблицы в БД. Для этого воспользуемся следующим MySQL запросом:

CREATE TABLE `comments` ( `id` int(11) NOT NULL auto_increment, `id_article` varchar(11) NOT NULL, `name` varchar(60) NOT NULL, `mail` varchar(60) NOT NULL, `text` varchar(500) NOT NULL, `date_add` varchar(18) NOT NULL, `public` int(1) NOT NULL, PRIMARY KEY (`id`)) ENGINE=MyISAM AUTO_INCREMENT=75 DEFAULT CHARSET=cp1251 AUTO_INCREMENT=75 ;

Теперь, разберемся:

id – это идентификатор самого комментария, имеет значение NOT NULL auto_increment, он обязателен, думаю, вам понятно почему. Ведь это ключ для доступа к конкретному комментарию.

id_article – это идентификатор материала, к которому относится комментарий. В нашем случае это статья, в вашем, можете назвать его как угодно.

name – имя пользователя, который будет добавлять комментарий.

mail – e-mail пользователя.

text – текст комментария, или собственно сам комментарий.

date_add – дата добавления комментария, максимальное значение поля установлено 18 символов, это для того чтобы дата добавления комментария имела вид: 22.07.2011 в 14:03. То есть, получается, что в строке даты у нас 18 символов. А больше нам и не надо, поэтому устанавливаем значение varchar(18).

public – это будет нашим администраторским допуском к публикации комментария. Данное поле будет иметь всего 1 символ, причем цифровой: 1 или 0. (1 – публикуем, 2 – не публикуем).

Какие системы комментариев бывают!?

Системы комментирования делятся по способу хранения данных.

Простые комментарии на сайт

Простые комментарии на сайт вы установите легко в несколько простых кликов мышкой, наши комментарии простые, потому что:

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

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

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

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

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

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

Не теряйте вашу аудиторию

В 4 раза больше время на сайте

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

В 3 раза больше просмотров

Пользователи больше проводят у Вас на сайте, что увеличивает глубину просмотра страниц.

В 2 раза больше прибыли

Пользователи обсуждают, а вы монетизируете.

Алгоритм работы комментариев вне зависимости ни от чего!

У комментариев есть свой алгоритм, а все останое лишь обслуживание этого алгоритма.

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

Как добавить комментарии на сайт? Ответ вы найдете прямо здесь! На этой странице! Потому что, на самом деле, наш блок комментариев на ваш сайт установится в несколько кликов:

  1. Скопируйте код комментариев в html и установите на страницы вашего сайта между тэгами BODY – это действие нужно само по себе и, за одно, оно выполняет функцию верификатора.

    html код можно заключать в разные блоки, типа: div, span, table и т.п. Блок имеет ширину 100% – “резиновый”, а высоту имеет фиксированную, равную 50% экрана пользователя. В итоге получится iframe шириной 100% и высотой 50%.

  2. Обновите страницу, где установили этот код и у вас появится сама форма пригодная для комментирования, но в ней отобразится 404 – страница не найдена.
  3. Создание личного кабинета.

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

    Создание личного кабинета очень простое: на странице своего сайта, где вы установили код блока комментариев, жмите на кнопку ОСТАВИТЬ КОММЕНТАРИЙ, далее, при первом таком действии, система запросит указать ваш е-майл, на который, в дальнейшем, будут приходить сообщения об оставленных комментариях и ссылкой для быстрого их удаления. Остальные настройки установлены по умолчанию – это настройки дизайна, их можно поменять, зайдя в личный кабинет (значок в правом верхнем углу экрана).

  4. Оставление первого комментария, для удаления страницы, создаваемой по умолчанию.

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

  5. Обновите страницу с комментариями и теперь все будет хорошо.

1). Форма комментариев :

У любого комментария должна быть форма с полями ввода. Например.

Где есть имя пользователя.

Емайл.

Кнопка отправить.

Капча

5). Уникальность страницы, комментариев и пользователя :

У каждой страницы должен быть свой уникальный идентификатор.

У каждого комментария должен быть уникальный идентификатор. Как вы например собираетесь редактировать комментарии – как-то вам нужно будет искать данное комментирование.

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

Это всего лишь верхушка айсберга! Дьявол кроется в деталях! У меня существует несколько версий собственных комментариев, но я никак не осилю закончить последнюю версию! – потому, что это не так просто, как казалось в начале… wall

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

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

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

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

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

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

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

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

Шаг 5 – другие вспомогательные файлы скрипта комментариев

Мы подходим к завершающей части нашей статьи, и рассмотрим CSS файл. Я дам пример его кода, но объяснять, у меня уже нет сил. Если вас не устраивает дизайн блока комментариев, вы легко можете поменять css файл.

style.css:

*{ margin: 0; padding: 0; }* a {color: #266ba8; text-decoration: none; cursor:pointer;}a:hover { color: #995;text-decoration: none; }h2 {font-size: 18px; font-weight:bold; color:#133b5e; padding:4px; margin-bottom:12px; border-bottom:1px solid #CCC;}#coments {position:relative; left:0px;}#coments .title{position:relative; left:-12px; width:594px; height:70px; background: #EEE }#coments .title h2{margin:0;}#coments .title .left{float:left; padding:5px; width:500px;}#coments .addcoment {position:relative; top:-15px; background: #EEE; border:5px solid #93afbc; display:none;}#coments .addcoment img:hover{cursor:pointer;}#coments textarea{ width:535px; font-size:14px; height: 180px; margin:10px; overflow:hidden; background:#FFF; border:1px solid #DDD;}#coments input[type=”text”]{padding-left:10px; width:525px; height:25px; font-size:15px; line-height: 1.8em; margin:10px 5px 0px 10px; border:1px solid #DDD;}#coments .addcoment span{position:relative; top:-10px; margin-right:180px; left:180px; font-size:20px; color:#292;}#coments #statusbox{padding-left:10px; line-height:55px; color:#888; font-size:18px; height:50px;}#coments img.button_add{margin:10px 5px 0px 10px; padding:0; border:0; float:none;}#coments .top {font-size:15px; height:47px; padding:15px 15px 0px 195px; color:#9e9968;}#coments .main {position:relative;}#coments .block_name {height:40px; position:relative; left:10px; top:10px;}#coments .name {height:40px; font-size:17px; font-weight:normal; color: #070; float:left;}#coments .date {height:40px; font-size:10px; position:relative; left:-10px; float:right; color: #555;}#coments img{ float:left;}#coments .coment{position:relative; left:-12px; width:554px; padding:19px 20px 10px 20px; border-bottom:1px solid #DDD; font-size:12px; background: #f7f4ca url(images/coment_top.png) left top no-repeat; text-align:justify;}

 Также даю картинки, которые я использовал при создании дизайна комментариев. Еще раз напоминаю, можете менять все на свой вкус.

Аватар комментатора

coment_top.png

add_coment.png

button_add.png

wait.gif

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

Теперь займёмся установкой.

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

Пример блока с комментариями

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

О комментариях за деньги

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

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

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

Более подробно возможные варианты работы по комментированию за деньги приведены здесь:
Заработок на комментариях в Интернете

Дополнительные материалы:

1. Неписаные правила СМС-общения

2. Десять правил этикета электронной почты

3. Что такое посткроссинг

4. Что такое контент сайта и с чем его едят

Включение и отключение модерации сообщений!

Файл – ecomment.php. Строка 52, если true, то сообщения отправляются на модерацию. Если false, то сообщения сразу показываются на странице.

Включение и отключение модерации сообщений!

Всё!

Рейтинг
( 1 оценка, среднее 5 из 5 )
Загрузка ...