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

Доброго времени суток, уважаемые читатели.

vkontakte
В моей рубрике Задайте вопрос пока ещё мало вопросов от читателей, чтобы составить полноценную статью, но зато поступил очень интересный вопрос от читателя:
Вечер добрый!
Очень хотелось бы заменить стандартное поле для ввода комментариев к постам полем, предложенным разработчиками Вконтакте. Возможно ли это, и если да, то каким образом?
Заранее безмерно благодарен:)
Есть вопрос, дам ответ. Да, действительно, можно установить виджет комментариев от социальной сети Вконтакте в любой блог, в частности и на Blogger/Blogspot.

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

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

Подключение виджета комментариев к блогу
Естественно, указываем свой блог, на который хотим установить код виджета комментариев. У меня на картинке адрес тестового блога.
Обратите внимание, что в поле Адрес сайта, на конце адреса не должно быть косой черты /.
Жмем кнопку сохранить. Обязательно!

Дальше, устанавливаем настройки. Здесь, думаю, каждый справится сам.

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

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

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

Я экспериментировала с этим шаблоном, и установила код сразу после строки:
<div class='comments' id='comments'>
Как это получилось, вы можете увидеть по этой ссылке на тестовом блоге. Т.к. у всех шаблоны разные, если у вас возникнет проблема с нахождением правильного местоположения для виджета, пишите в комментариях, постараюсь помочь каждому.

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

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

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

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

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

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