Пока ещё мало вопросов от читателей, чтобы составить полноценную статью, но зато поступил очень интересный вопрос от читателя:

Вечер добрый!

Очень хотелось бы заменить стандартное поле для ввода комментариев к постам полем, предложенным разработчиками Вконтакте. Возможно ли это, и если да, то каким образом?

Заранее безмерно благодарен:)

Есть вопрос, дам ответ. Да, действительно, можно установить виджет комментариев от социальной сети Вконтакте в любой блог, в частности и на Blogger/Blogspot.

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

Процесс получения кода разделен на 2 этапа.

Этап первый . Обязательно указываем название и url-адрес сайта.

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

Обратите внимание, что в поле Адрес сайта, на конце адреса не должно быть косой черты /.

Второй этап - установка кода. Тут будьте очень внимательны. Код, который вы получили, необходимо разделить на 2 части.

Ту часть кода, которую я выделила желтым цветом, необходимо установить в шаблон блога (Дизайн – Изменить HTML) перед строкой .

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

Я экспериментировала с этим шаблоном, и установила код сразу после строки:

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

В данном примере у вас на блоге будет сразу две разные формы для комментирования, стандартная от Blogger и интегрированная от Вконтакте. Если вы хотите отключить показ стандартной формы, идем в Дизайн – Элементы страницы – Сообщения блога – Изменить. Находим пункт:

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

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

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

Мне очень хотелось рассказать вам, как установить такую же форму комментариев от Facebook, но возникла небольшая неприятность. В целом, установить его было бы не сложно и я могу рассказать это в теории. А на практике сделать пока не удалось. Дело в том, что для получения индивидуального кода API, необходимо подтвердить себя (свой сайт) с помощью кода, который высылается sms-кой на мобильный.

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

12 октября 2011 в 18:59 Виджет комментариев вконтакте для вашего сайта и хранение количества комментариев на сервере

• Социальные сети и сообщества

Двигаясь в ногу со временем, я решил разместить на своем сайте виджет комментариев «Вконтакте». Немного терпения, гугла и документации вполне достаточно для того чтобы достичь результата. Разместить сам виджет не составляет никакого труда, вконтакте предоставляет простой интерфейс генерирующий код для сайта. Мне хотелось в некоторых местах отображать количество комментариев. Тут и возникли сложности, как обычно это бывает, дьявол кроется в мелочах. Я попробую разложить по полочкам то, о чём умалчивает документация.

1.Регистрация cайта вконтакте Чтобы разместить сам виджет, сначала сайт следует зарегистрировать как приложение Вконтакте . Заполняем форму, получаем СМС, еще раз заполняем форму, в результате регистрации приложения мы должны получить два ключа :

api_id - идентификатор нашего сайт как приложения в вконтакте

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

P.S: Вконтакте предоставляет упрощенный способ регистрации приложения для виджета «Комментарии», но в этом случае невозможно получить ключ api_secret(по крайней мере я битый час искал способ его получить и… не нашёл), который необходим в случае хранения количества комментариев. Поэтому не ленимся и создаём приложение.

2.Создание виджета Создаём сам виджет, не имею желания дублировать документацию к виджету, скажу что в итоге должно получиться что-то вроде этого:
VK.init({apiId: %ВАШ_api_id%, onlyWidgets: true}); VK.Widgets.Comments("vk_comments", {limit: 10, width: "1000", attach: "*", onChange: addCommentCallback}, "post_");

Что такое onChange, читайте дальше; Третий параметр - это ID данного виджета(блока) комментариев, если его не указывать в качестве id используется md5-хэш от location.href(ссылки на эту страницу). Мне это не подошло, так как на один элемент у меня указывало несколько разных ссылок. На этой стадии виджет уже работает, теперь нужно сообразить отображение количества комментариев.

3.Передача данных о количестве комментариев на сервер Очевидно, что самым удачным вариантом является хранение количества комментариев в базе данных, даже если мы не храним сами комментарии, так как получение количества комментариев через API вконтакте будет слишком сильно тормозить работу сайта. Я храню количество комментариев в отдельном столбце таблицы с данными. Вопрос только в том, как держать в базе значение в обновленном состоянии и избежать рассинхронизации.
API виджета комментария имеет параметр onChange . Функция, которую содержит параметр onChange , вызывается каждый раз при событии удаления/создания комментария. Колбек-функция onChange вызывается с четырьмя параметрами

num - количество комментариев
last_comment - последний комментарий
date - дата
sign - ключ

Это нам и нужно. Теперь пишем саму функцию addCommentCallback, она будет делать ajax запрос, передавая все 4 параметра выше, а также id записи на сервер. Вот что получилось у меня(используется jquery):

Function addCommentCallback(num, last_comment, date, sign){ $.post("%ССЫЛКА_НА_СТРАНИЦУ_ОБРАБОТКИ_КОММЕНТАРИЯ%",{ type: "vkontakte", num: num, last_comment: last_comment, date: date, sign: sign, id: "" }); }

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

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

Php-код, обрабатывающий запрос, и пишущий в базу количество комментариев:
$post = $_POST; if (!isset($post["num"])){ $error = "не указано количество"; } else{ $apiSecret = %ВАШ_API_SECRET%;//(да, за этим мы и прошли полную регистрацию) $hash = md5($apiSecret.$post["date"].$post["num"].$post["last_comment"]);// до того, как обновить количество комментариев, мы получаем md5 - хэш от параметров api_secret, date, num, last_comment: if (strcmp($hash, $post["sign"]) == 0){//проверяем что хэши совпадают //тут код сохранения в базу } else{ $error = "не совпадает хэш"; } }
Вот и всё! При желании, можно в базу сохранять не только количество комментариев, но и сами комментарии. Надеюсь что статья оказалась полезной и я не потратил зря время.

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

Зачем нужны внешние системы комментирования

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

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

• Удобство авторизации для участия в дискуссии. Здесь нужно найти баланс между желанием пользователя как можно быстрее оставить комментарий и необходимостью получить данные о комментаторе со стороны владельца ресурса.
• Вовлечение аудитории в обсуждение. Сторонние сервисы уведомляют пользователей о появлении новых комментариев.
• Хранение комментариев. Сторонние системы хранят комментарии пользователей на своих серверах. Это экономит дисковое пространство и уменьшает нагрузку на сервер владельца сайта.
• Возможность оценивать комментарии.
• Возможность рекомендовать комментарии.
• Расширение охвата аудитории за счет автоматической публикации комментариев в профилях пользователей в социальных сетях.
• Возможность вставлять в комментарии визуальный контент.

Ниже вы найдете обзоры возможностей наиболее удобных систем внешнего комментирования.

Какие альтернативные системы комментирования можно использовать на сайте

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

Система комментирования Disqus

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

Благодаря популярности сервис Disqus можно считать эталоном или отправной точкой для оценки других внешних систем комментирования.

Как установить Disqus на сайт

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

На следующем шаге выберите план. Доступны следующие варианты:

• Базовый. Бесплатный план для любых сайтов, в системе комментирования отображается реклама. Disqus делится доходами от рекламы только с сайтами, которые соответствуют внутренним критериям платформы.
• Plus. Стоимость подписки – 9 долларов в месяц. План позволяет выключить рекламу. Для некоммерческих сайтов, личных блогов, которые не показывают рекламу, план Plus можно подключить бесплатно. Количество просмотров не должно превышать 50 000 в сутки.
• Pro. Стоимость 89 долларов в месяц, количество просмотров страниц не более 150 000 в сутки. В профессиональном плане есть дополнительная функциональность: расширенная аналитика, приоритетная поддержка, расширенные возможности модерирования.

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

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

Система предложит вам инструкцию по установке плагина Disqus для WordPress. Действуйте так:

• В консоли WP выберите меню «Плагины – добавить новый».
• В поле «Поиск плагинов» введите запрос Disqus.
• Установите и активируйте плагин.
• На странице установленных плагинов в строке Disqus Comment System выберите меню Configure.

• Система предложит обновить базу данных. Примите предложение.

• Введите данные доступа к профилю Disqus.
• Выберите сайт, на который устанавливаете систему комментирования.
• Экспортируйте в Disqus комментарии, которые пользователи оставили до установки системы. Для этого перейдите в меню настроек плагина. В разделе Import and Export нажмите кнопку Export Comments.

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

Настройки системы комментирования Disqus

Перейдите в меню настроек сообщества на сайте Disqus. На вкладке Settings в разделе General укажите URL сайта. Убедитесь, что напротив опции Enable recommendations for your site установлен флаг. Выберите язык интерфейса комментариев. Сохраните изменения.

В разделе Community в поле Moderator Badge Text выберите текст, который будет отображаться напротив имени пользователей с правами модераторов. С помощью выпадающего меню выберите принцип отображения комментариев. Доступны следующие вариант: сверху новые, сверху старые и сверху лучшие.

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

Установите флажок напротив опции Links in Comments. В этом случае система автоматически отправит на модерацию любые комментарии со ссылками. Убедитесь, что напротив опции Media Attachments установлена галочка. Это разрешение публиковать в комментариях изображения и видео.

Установите флажки напротив двух опций в разделе Flagged Comments. Так вы позволяете пользователям оповещать модераторов о нежелательных комментариях. Также после указанного с помощью выпадающего меню числа отметок система скроет подозрительный комментарий до рассмотрения жалобы модератором. Сохраните изменения.

В личном кабинете Disqus на вкладке Community вы можете следить за количеством комментариев и отметок «Нравится» и «Не нравится», назначать модераторов, импортировать и экспортировать комментарии. Обратите внимание, экспорт комментариев в Disqus позволяет создать резервную копию файла с комментариями. Эту функцию нельзя использовать, чтобы перенести пользовательский контент в альтернативную систему комментариев.

Обратите внимание на функцию Word Filter. В соответствующем меню можно добавить стоп-слова, при использовании которых система отправит комментарий в папку «Спам».

В меню Moderate Comments отображаются все комментарии. Обратите внимание, комментарии на проверке находятся в папке Pending. Они не отображаются на сайте, если их не одобрил модератор. На вкладках Spam и Deleted можно просмотреть спам-сообщения и удаленные комментарии.

Полезный совет: быстро одобрить или удалить комментарий можно с помощью электронной почты. Для этого достаточно ответить на электронное письмо с уведомлением о новом сообщении на сайте. Чтобы одобрить комментарий, в ответе укажите Approve, чтобы удалить или отправить в папку спам укажите Delete и Spam соответственно.

Недостатки Disqus

Самая популярная внешняя система комментирования имеет несколько недостатков. Вот наиболее важные из них:

• По некоторым данным, Disqus снижает вовлеченность аудитории. Например, летом 2015 года блог о CMS WordPress WPBeginner отказался от Disqus из-за жалоб читателей. После этого количество комментариев увеличилось на 304 % .
• Непонятная ситуация с индексацией комментариев. Поисковики индексируют их с перебоями. Например, оставленные два месяца назад к одной из публикаций в блоге «Текстерры» комментарии до сих пор остаются уникальными. Написанные год назад комментарии проиндексированы, но в качестве источника система Text.ru показывает сайт Disqus..
• Отсутствие бесплатного тарифа для коммерческих сайтов.

Популярность и функциональность превратили Disqus в эталонную внешнюю систему комментирования. Ее достоинства и недостатки можно использовать при оценке альтернативных сервисов.

Сервис комментирования Cackle

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

Как установить Cackle на сайт

После регистрации и подтверждения аккаунта система предложит создать новый виджет. Укажите URL сайта и название виджета и нажмите кнопку «Продолжить».

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

Чтобы использовать систему Cackle на сайте под управлением WordPress, установите плагин Cackle . В консоли WordPress выберите меню «Комментарии – Cackle настройки». Скопируйте из административной панели Cackle сгенерированные ключи к API и ID сайта. Вставьте их в соответствующие поля в меню настроек плагина в WordPress. Активируйте виджет.

Экспортируйте существующие комментарии в систему Cackle. Синхронизируйте виджет с базой данных WordPress.

Между прочим:

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

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

Как настроить систему комментирования Cackle

Чтобы использовать все возможности сервиса, уделите внимание настройкам. В административной панели Cackle выберите соответствующее меню. На вкладке «Общие» уделите внимание пункту «Удаление комментариев». Вы можете запретить эту возможность или разрешить в течение нескольких минут после публикации. Также в общих настройках можно выбрать текст значка модератора и изменить порядок расположения иконок социальных сервисов, через которые можно авторизоваться.

В расширенных настройках обратите внимание на следующие пункты:

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

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

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

На вкладке «Капча» можно подключить сервис reCAPTCHA от Google , а на вкладке «Спам защита» есть возможность подключить антиспам-сервис Akismet.

Модерировать комментарии можно в консоли WordPress или в административной панели на сайте Cackle. Также вы можете установить мини-виджет модерации. С его помощью модерировать комментарии можно непосредственно на сайте.

Недостатки системы Cackle

Cackle - платный сервис. Это его главный недостаток по сравнению с Disqus. Стоимость использования на одном сайте составляет 200 рублей в месяц. Стоит ли тратить деньги ради возможности авторизации пользователей через «Вконтакте» и «Одноклассники»? Это главный вопрос, по результатам ответа на который владелец конкретного сайта должен принимать решение.

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

Система HyperComments

HyperComments - платная система комментирования, которая поддерживает авторизацию с помощью профилей в популярных в рунете сетях. Пользователям доступны три тарифа:

• Personal. Стоит 24 доллара в год, можно использовать на одном сайте. Поддерживает до 500 тыс. загрузок виджета в месяц.
• Professional. Три сайта, 120 долларов в год, до 2 млн загрузок виджета в месяц.
• Enterprise. 480 долларов в год, сколько угодно сайтов, до 6 млн загрузок виджета в месяц.

Кроме авторизации через «Вконтакте», HyperComments имеет другие важные преимущества. Это функция гиперкомментариев, которая позволяет выделять фрагмент текста и обсуждать его. Также комментаторы могут делиться цитатами со своими подписчиками. Подробнее о возможностях системы дальше.

Как установить и настроить HyperComments

Нажмите кнопку «Далее». Система перенаправит вас на страницу плагина HyperComments в каталоге WordPress. Установите и активируйте плагин. В консоли сайта выберите меню «Комментарии – HyperComments» и авторизуйтесь с помощью аккаунта Google. На странице настроек выберите вкладку Settings. Импортируйте в систему существующие комментарии.

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

В разделе «Общие» включите уведомления администратора и модераторов о публикации нового комментария. При необходимости включите премодерацию всех комментариев.

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

В разделе «Цитаты» включите соответствующий виджет. Он позволяет пользователям выделять отрывок текста и делиться им с подписчиками в социальных сетях.

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

В разделе «Стереокомментарии» можно включить соответствующую функцию. Она объединяет комментарии в две колонки: сообщения автора и всех пользователей. При необходимости можно добавить в колонку автора логотип компании.

Недостатки системы HyperComments

Главный недостаток системы - отсутствие бесплатного тарифа.

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

Еще один важный недостаток - система по умолчанию не сообщает пользователям о появлении новых комментариев. Это снижает вовлеченность аудитории.

Система комментирования IntenseDebate

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

IntenseDebate - бесплатный сервис. Его функциональность не уступает эталонному Disqus. Система обеспечивает владельцам сайтов следующие возможности:

Чтобы воспользоваться возможностями системы, установите ее на сайт и настройте.

Как установить и настроить IntenseDebate

После регистрации в системе перейдите на страницу установки системы комментирования . Укажите URL ресурса. Если вы пользуетесь WordPress, установите и активируйте плагин IntenseDebate. Авторизуйтесь на странице настроек в консоли WP.

В личном кабинете на сайте IntenseDebate включите уведомления о публикации новых комментариев. Переключите язык на русский.

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

В меню Comments включите возможность авторизации с помощью Facebook и Twitter. Воспользуйтесь подсказками системы, чтобы создать приложение Facebook и получить ключ API. Установите флаг напротив меню Enable «Report this comment» button. Вы включите кнопку «Пожаловаться на комментарий». Выберите вариант отображения трэкбэков. Они могут публиковаться вместе с пользовательскими комментариями или в отдельной области. Для большинства проектов подходит второй вариант.

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

• Статистика комментариев - показывает количество комментаторов и сообщений.
• Последние комментарии.
• Популярный публикации. Этот виджет отображает список наиболее обсуждаемых постов.
• Активные комментаторы. Надстройка отображает десять наиболее активных пользователей со ссылкой на их профили в IntenseDebate.

Модерировать сообщения можно в консоли WordPress в меню «Комментарии».

Недостатки системы IntenseDebate

Главный недостаток IntenseDebate - отсутствие интеграции с популярными в рунете сетями, например, «Вконтакте». Для участия в дискуссиях пользователям придется авторизоваться с помощью аккаунтов в Facebook, Twitter, WordPress.com, регистрироваться на IntenseDebate или указывать имя и электронный адрес.

Tolstoy comments

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

Как установить Tolstoy comments на сайт

После регистрации на платформе система предложит вставить код виджета на все страницы сайта.

Если все сделано верно, на сайте появится виджет комментариев.

В панели управления на сайте Tolstoy comments настройте размеры виджета. Выберите подходящее время загрузки виджета. Остальные настройки можно не менять.

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

Пользователи могут оценивать комментарии. А за активность система присваивает комментаторам значки.

На каждой странице сайта виджет создает отдельный чат. Но список чатов доступен пользователям с любой страницы сайта по ссылке «Все чаты».

Недостатки системы Tolstoy comments

Главный недостаток – хранение комментариев на сервере Tolstoy comments, а не в базе данных сайта. Из-за этого пользовательский контент не индексируется. Разработчики планируют в будущем решить эту проблему.

В обсуждения на сайте Tolstoy comments пользователи говорят, что виджет замедляет работу сайтов. На тестовой площадке такого эффекта я не заметил.

Альтернативы универсальным системам

Вместо универсальных кроссплатформенных решений некоторые владельцы сайтов устанавливают форму комментирования одной социальной сети. Обычно это Facebook или «Вконтакте». На некоторых ресурсах есть сразу две формы комментирования.

Чтобы установить форму комментирования Facebook, воспользуйтесь

Вконтакте

Сегодня хочу рассказать Вам о том как установить комментарии вконтакте на сайте и показать статистику одного своего сайта.

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

И так начнем по порядку.

У меня есть сайт развлекательной тематики и проблема в том, что через стандартную форму комментариев, за месяц оставляли около 20 комментов.Что очень мало как мне кажется, особенно если учесть что на других сайтах схожей тематики в каждой публикации минимум по 5-10 комментов.

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

И тут на одном сайте СМИ тематики я увидел форму комментариев от вконтакте. Я прочитал на том сайте новость и легко отправил свой комментарий. И до меня дошло, что как все это просто и удобно .

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

А вот аккаунт вконтакте есть у всех (за исключением некоторых особей которые игнорируют соц. сети) и мы всегда там авторизованны.

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

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

Шаг №1. Настраиваем виджет комментариев вконтакт

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

Перед вами будет такая форма:

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

Прошу обратить внимание на поле "Код для вставки ".

Шаг №2. Ставим комментарии вконтакте на сайт.

В предыдущем шаге я попросил Вас обратить внимание на поле "Код для вставки". Если вы знаете анг. язык и смогли прочитать и понять, что код сразу в комменты ставить нельзя. Ну или можно поставить, только он не будет работать.

И так у нас есть такой код:

VK.init({apiId: API_ID, onlyWidgets: true});

Обратите внимание на жирный шрифт, которым я выделил нужные нам ДВА шага.

1. Открываем файл с шаблоном в котором находиться код .

Обычно в DLE это файл main.tpl.
В WP это header.php.
И в других движках или статических сайтах это файл index.

Когда мы нашли код head (всегда в самом вверху), между ним или перед закрывающим тегом ставим первый код.

VK.init({apiId: ТУТ ВАШ ID КОД , onlyWidgets: true});

Этот кусок кода нужно копировать с формы виджета (Шаг 1) и только после того как нажали кнопку сохранить! После этого у Вас должен появиться уникальный ID.

Сохраняем этот файл и заливаем на хостинг.

2. Второй код ставим вместо или выше ваших комментов.

VK.Widgets.Comments("vk_comments", {limit: 20, width: "496", attach: "*"});

Должна появиться такая форма (сделала моя любимая жена):

Вот и все с установкой мы закончили, с чем я вас и поздравляю!!!

Шаг №3. Управление комментариями.

Одному отслеживать комментарии тяжело, особенно если их очень много. Для этого вверху формы комментариев есть ссылочка "администрирование "

Нажмите на неё и вы сможете сами удалить не нужные вам комменты или добавить спамера в черный список.

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

Шаг №4. Трафик.

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

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

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

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

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

Думаю хватит слов, теперь нужны цифры!!

Срин опубликован 24.09

Что же тут можно понять?

За август на сайт через вконтакте зашло 40 человек, а за сентябрь 82 человека! (хотя месяц ещё не закончился). Я согласен с Вами что это не много, но все таки я на это потратил всего пару минут и теперь с каждым месяцем трафик с вконтакте растет без моего участия.

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

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

12 октября 2011 в 18:59 Виджет комментариев вконтакте для вашего сайта и хранение количества комментариев на сервере

Двигаясь в ногу со временем, я решил разместить на своем сайте виджет комментариев «Вконтакте». Немного терпения, гугла и документации вполне достаточно для того чтобы достичь результата. Разместить сам виджет не составляет никакого труда, вконтакте предоставляет простой интерфейс генерирующий код для сайта. Мне хотелось в некоторых местах отображать количество комментариев. Тут и возникли сложности, как обычно это бывает, дьявол кроется в мелочах. Я попробую разложить по полочкам то, о чём умалчивает документация.

1.Регистрация cайта вконтакте Чтобы разместить сам виджет, сначала сайт следует зарегистрировать как приложение Вконтакте . Заполняем форму, получаем СМС, еще раз заполняем форму, в результате регистрации приложения мы должны получить два ключа :

api_id - идентификатор нашего сайт как приложения в вконтакте

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

P.S: Вконтакте предоставляет упрощенный способ регистрации приложения для виджета «Комментарии», но в этом случае невозможно получить ключ api_secret(по крайней мере я битый час искал способ его получить и… не нашёл), который необходим в случае хранения количества комментариев. Поэтому не ленимся и создаём приложение.

2.Создание виджета Создаём сам виджет, не имею желания дублировать документацию к виджету, скажу что в итоге должно получиться что-то вроде этого:
VK.init({apiId: %ВАШ_api_id%, onlyWidgets: true}); VK.Widgets.Comments("vk_comments", {limit: 10, width: "1000", attach: "*", onChange: addCommentCallback}, "post_");

Что такое onChange, читайте дальше; Третий параметр - это ID данного виджета(блока) комментариев, если его не указывать в качестве id используется md5-хэш от location.href(ссылки на эту страницу). Мне это не подошло, так как на один элемент у меня указывало несколько разных ссылок. На этой стадии виджет уже работает, теперь нужно сообразить отображение количества комментариев.

3.Передача данных о количестве комментариев на сервер Очевидно, что самым удачным вариантом является хранение количества комментариев в базе данных, даже если мы не храним сами комментарии, так как получение количества комментариев через API вконтакте будет слишком сильно тормозить работу сайта. Я храню количество комментариев в отдельном столбце таблицы с данными. Вопрос только в том, как держать в базе значение в обновленном состоянии и избежать рассинхронизации.
API виджета комментария имеет параметр onChange . Функция, которую содержит параметр onChange , вызывается каждый раз при событии удаления/создания комментария. Колбек-функция onChange вызывается с четырьмя параметрами

num - количество комментариев
last_comment - последний комментарий
date - дата
sign - ключ

Это нам и нужно. Теперь пишем саму функцию addCommentCallback, она будет делать ajax запрос, передавая все 4 параметра выше, а также id записи на сервер. Вот что получилось у меня(используется jquery):

Function addCommentCallback(num, last_comment, date, sign){ $.post("%ССЫЛКА_НА_СТРАНИЦУ_ОБРАБОТКИ_КОММЕНТАРИЯ%",{ type: "vkontakte", num: num, last_comment: last_comment, date: date, sign: sign, id: "" }); }

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

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

Php-код, обрабатывающий запрос, и пишущий в базу количество комментариев:
$post = $_POST; if (!isset($post["num"])){ $error = "не указано количество"; } else{ $apiSecret = %ВАШ_API_SECRET%;//(да, за этим мы и прошли полную регистрацию) $hash = md5($apiSecret.$post["date"].$post["num"].$post["last_comment"]);// до того, как обновить количество комментариев, мы получаем md5 - хэш от параметров api_secret, date, num, last_comment: if (strcmp($hash, $post["sign"]) == 0){//проверяем что хэши совпадают //тут код сохранения в базу } else{ $error = "не совпадает хэш"; } }
Вот и всё! При желании, можно в базу сохранять не только количество комментариев, но и сами комментарии. Надеюсь что статья оказалась полезной и я не потратил зря время.