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

Социальные сети в современном интернете начинают играть всё большую и большую роль. В каждый сайт, ориентированный на широкую аудиторию, непременно интегрируются социальные кнопки ( «Мне нравится», «Like», «Поделиться», «Сохранить в…»). Помимо кнопок появилась и возможность добавлять комментирование через социальные сети. Это позволяет избавиться от лишней нагрузки на сервер сайта.

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

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

Статистика показывает, что большинство пользователей социальных сетей, авторизировавшись в соцсети, не выходят из неё. И отвлекшись от общения в социальной сети ( в нашем случае соцсети ВКонтакте ), найдя через поиск ваш сайт, такие пользователи могут спокойно комментировать различные материалы. Очень удобно и пользователям и веб-мастерам.

Ещё одна особенность использования комментариев от Вконтакте в том, что комментарии автоматически переносятся в статус пользователя (с добавлением адреса комментируемого объекта) для быстрого оповещения всех друзей комментатора и возможного продолжения обсуждения. Эта особенность особенно полезна для веб-мастера, потому как расширяет круг потенциальных посетителей вашего сайта.

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

 

Получения кода комментариев ВКонтакте

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

Далее меняете все оставшиеся настройки под себя, где нужно будет указать количество отображаемых комментариев, задать ширину поля с комментариями (в соответствии с шириной области отведенной на вашем сайте под контент) и получаете необходимый код. Внешний вид комментариев от «В контакте» вы сможете увидеть внизу формы.

blok-kommanriev-vkontakte

 

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

Первую часть кода необходимо вставить в файл шаблона вашего сайта - index.php, между тегами head и /head. Расположен этот файл обычно по такому пути: public_html/templates/ваш_шаблон/index.php

Вставляем часть кода:

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

<script type="text/javascript">
  VK.init({apiId: ВАШ-ID, onlyWidgets: true});
</script>

 

Вторую же часть кода комментариев от соцсети «В контакте» нужно будет вставить именно в то место шаблона, где комментарии должны выводиться (т.е. в конце статьи).  Для этого вторую часть кода можно вставить в модуль, а сам модуль разместить под статьёй.

Для этого (на примере CMS Joomla) нужно зайти в административную панель сайта, затем пункт меню "Расширения" - "Менеджер модулей", жмёте кнопку "Создать" и в появившемся окне выбираете тип модуля "HTML-код" и вставляете туда вторую часть кода комментариев. Кроме этого, встроенного в Joomla модуля, вы можете использовать другие сторонние модуль для вставки различных кодом. Их можно скачать на официальном сайте разработчиком CMS Joomla.

Подсказка. Узнать какие позиции модулей у шаблона вашего сайта можно так: ввести в адресную строку браузера адрес ваш-сайт/?tp=1

<!-- 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, width: "496", attach: "*"});
</script>

 

На этом установка комментариев от В контакте завершена, проверяете и любуетесь на результат. Успехов вам!