Для вебмастеров и владельцев сайтов это отличный способ как повысить коментируемость и вовлеченность пользователей в свои статьи и записи, так и получить новый заинтересованный трафик благодаря алгоритму комментирования Вконтакте.
Суть этого алгоритма в том, что у пользователя, который оставил комментарий на вашем сайте через форму Вконтакте, по умолчанию включена галочка "Отображать комментарий на моей странице Вконтакте". Таким образом, добавление формы комментариев Вконтакте на свой сайт или блог просто не может не повлиять положительно на его социальные факторы.
Как же добавить форму Вконтакте на сайт? Инструкция довольно простая.
1. Откройте раздел для разработчиков
Зайдите в свой аккаунт Вконтакте и найдите там раздел для разработчиков, в нем нам понадобится создать приложение для своего сайта. Ссылка на этот раздел находится в "футере" (самом низу) любой страницы вконтакте, или просто перейдите по этой ссылке: http://vk.com/dev
2. Создайте приложение для сайта
Для того, что бы подключить форму комментариев, нужно создать приложение для своего сайта. Нажмите кнопку "Создать приложение" на странице разработчика.
Затем введите в открывшемся окне требуемую информацию о вашем сайте, не забыв отметить галочкой чек-бокс "Веб-сайт", как это показано на картинке ниже.
Далее вам необходимо будет подтвердить создание приложения стандартным способом - при помощи смс на привязанный номер телефона.
После подтверждения остальные графы можно не заполнять, так как они используются для встроенных приложений, а не для прикрепленный сайтов. Закончите создание приложения кнопкой "Сохранить изменения".
3. Настройте форму комментариев Вконтакте
Следующим пунктом вам нужно получить и настроить код формы комментариев для того, что бы вставить его на свой сайт или блог. Для этого перейдите на страницу https://vk.com/dev/Comments, в графе "Сайт/приложение" выберите ваш созданный сайт и выберите количество отображаемых комментариев.
Так же здесь можно выбрать хотите ли вы, что бы пользователи могли вставлять медиа в свои комментарии, или они могут содержать только текст. Для этого выберите разрешенные типы контента в пункте "Включить расширенные комментарии".
Немаловажным является и размер формы, и если по высоте она будет растягиваться сама в зависимости от количества комментариев, то ширину стоит выбрать так, что бы она органично вписывалась на страницы вашего сайта. Если у вас, например, блог на wordpress, то стоит выбрать такую же ширину, как у стандартной формы комментирования. Она задается внизу в пикселях.
4. Добавьте готовый код на сайт
Последним пунктом инструкции является добавление готового кода виджета комментариев на свой сайт. Здесь ничего сложного нет. Просто скопируйте сформированный код формы с комментариями.
Верхнюю часть кода нужно разместить между тегами <head> и </head> вашего сайта, т.е. в начале страницы. Вторую же часть кода, которая и отвечает за вызов формы с комментариями, нужно разместить непосредственно там, где вы хотите видеть виджет комментариев Вконтакте. Обычно, это делается где-то после статьи и перед основными комментариями, или же после них.
Для примера, на сайтах под управлением Blogger для редактирования шаблона нужно зайти в раздел "Тема" и выбрать пункт "Редактировать HTML". Первую часть кода нужно вставлять перед тегом </head>, а вторую - создав например в футере гаджет HTML/JAVA, как на рисунках .
или установить в шаблон:
MS: Вторую часть кода нужно вставить там, где должен отобразиться блок с комментариями. Если у вас установлен один из стандартных шаблонов Blogger, нужно найти в шаблоне строчку кода <b:includable id='comment_picker' var='post'> и сразу после неё вставить вторую часть кода виджета. У меня это выглядит так:
<b:includable id='comment_picker' var='post'>
<h4>Комментировать в ВКонтакте</h4>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id='vk_comments'/>
<script type='text/javascript'>
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script>
5. Проверка и модерация
После установки обоих кодов обновите страницу и убедитесь, что форма отображается правильно и её ширина вписывается в размеры вашего сайта. Так же, пока вы находитесь залогиненными в вашем аккаунте Вконтакте, вы видите вкладку "администрирование", на которой отображаются все оставленные на вашем сайте комментарии, и где вы можете отвечать на интересные и удалять неугодные. Например, так это выглядит на сайте созданном в Blogger'e.
