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

0

Комментарии – неотъемлемая часть новостных, информационных, справочных и тематических сайтов. Комментарии – обязательный атрибут сайта, у которого есть ядро постоянных пользователей или на современном сленге – комьюнити. Существует несколько способов сделать форму комментариев на сайте. Все популярные системы управления сайтом (CMS) уже давно имеют готовые встроенные решения, поэтому делая сайт на WordPress, Joomla, DLE, Bitrix и т.д. об этом можно не беспокоиться.

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

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

После регистрации открываем следующую страницу: https://vk.com/dev/Comments

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


На этом настройка виджета завершена. Переходим к установке виджета комментариев Вконтакте на свой сайт. Под формой настройки есть код, который состоит из двух блоков:

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>

<script type="text/javascript">
VK.init({apiId: API_ID, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Comments block will be -->

<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, attach: "*"});
</script>

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

Теперь непосредственно добавляем виджет на сайт. В шаблоне сайта между тегами <head></head> вставляем первую часть кода:

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>

<script type="text/javascript">
VK.init({apiId: API_ID, onlyWidgets: true});
</script>

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


<!-- Put this div tag to the place, where the Comments block will be -->

<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, attach: "*"});
</script>

Вот собственно и всё. Остался последний нюанс: модерация комментариев. Будучи залогененным в ВК на любой странице своего сайта в форме виджета у вас будет ссылка Администрирование. Нажав ее, можно увидеть все оставленные комментарии, ответить на них или удалить, либо назначить других ответственных администраторов.

Оставить ответ

Имя
Имя*
E-mail
E-mail *
Четыре + Шecть