Устанавливаем форму комментирования VKontakte

как установить форму комментариев ВКонтакте Добрый день, уважаемые читатели и гости LediSeo! Сегодняшний мой материал будет неким продолжением моего диалога с Вами, моими читателя. То есть сегодня я снова пишу ответ на один из вопрос в комментариях – мне это нравится, ведь блог Отчаянной и задумывался для того, чтобы помогать решать проблемы при создании и продвижение сайтов. К сожалению, я пока просто физически не успеваю писать материалы, чтобы ответить всем, но я помню и обязательно по мере возможности всем отвечу. Так сегодня, по просьбе Геннадия Лемешко, оставившего свой комментарий в статье “Кнопки социальных сетей — ВКонтакте, Я.ru, Twitter, Mail на wordpress”, мы будем с Вами разбирать как установить форму комментирования от социальной сети VKontakte

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

Итак, перейдем все же к теме нашего сегодняшнего материала и поговорим как установить форму комментариев от VKontakte. Реализовать это можно двумя способами – установить дополнительный плагин или же прописать специальный код в файлах нашего шаблона.

Конечно, проще всего установить плагин, но тогда мы можем столкнуться с рядом проблем. Во – первых, как показала практика, плагин Vkontakte API конфликтует с системой Дискус. Во-вторых, зачем устанавливать дополнительный плагин wordpress и тем самым снижать скорость загрузки блога, когда можно воспользоваться кодом вывода комментариев от VKontakte . Именно этот способ я и буду сейчас использовать, для того чтобы установить форму комментариев от соцсети VKontakte .

Прежде всего нам для получения кода необходимо зайти в свой аккаунт в VKontakte и выбрать вкладку “Приложения”

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

Откроется страница, на которой представлены различные игрушки и другие приложения, но нам же интересна ссылка “Настройки”, которая располагается в правом верхнем углу

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

Нажав на данную ссылку нас перебрасывает на страницу с приложениями, которые мы уже используем, но мне же снова интересует ссылка, которая располагается внизу и имеет название “Разработчикам”

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

Пройдя по данной ссылке мы попадаем на страницу, где представлены возможные используемые функции, с которыми Вы можете ознакомиться самостоятельно, но меня же интересует вкладка “Документация ВКонтакте API”

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

Перед нами открывается страница с возможными подключениями приложений. Меня интересует раздел Для сайтов и ссылка — Comments встраивание универсального блока комментариев на стороннем сайте.

создания формы комментирования от соцсети VKontakte

Проходим по данной ссылке и попадаем на страницу мастера создания формы комментирования от соцсети VKontakte, которую мы и разместим на нашем блоге.

создания формы комментирования от соцсети VKontakte

Здесь все элементарно просто. В поле “Название сайта” прописываем название нашего ресурса.

В поле “Адрес сайта” следует прописать полный адрес ресурса, на котором будем интегрировать форму комментариев.

В строке “Основной домен сайта” указываем домен ресурса.

Затем следует указать сколько комментариев у нас будет отражаться в данной форме, а также ее ширину. По идеи я здесь все оставила по умолчанию.

Далее следует окно “Код для вставки”,в котором отражается два кода. Первый код (выделен зеленной рамкой),

1
2
3

<!-- Put this script tag to the <head> of your page --><script src="http://userapi.com/js/api/openapi.js?49" type="text/javascript"></script><script type="text/javascript">// <![CDATA[
VK.init({apiId: *******, onlyWidgets: true});
// ]]></script>

нам необходимо вставить будет в файл header.php нашего шаблона, перед закрывающим тегом </header>

создания формы комментирования от соцсети VKontakte

При этом хочу заметить что скопированный код формы комментариев от соцсети VKontakte я закомментировала, то есть перед кодом прописала строчку

1

<!--начало вывода вконтакте-->

а в конце кода разместила

1

<!--конец вывода вконтакте-->

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

Вторую часть кода (на скриншоте подсвечена желтой рамкой)

1

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

<script type="text/javascript">// <![CDATA[
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
// ]]></script>

размещаю в файл single.php шаблона, в то место где должна выводиться форма комментариев от VKontakte (в моем случае это в конце основного контента и формой комментариев от Дискус)

создания формы комментирования от соцсети VKontakte

Данный код также комментирую и сохраняю произведенные изменения.

Открываю блог, захожу в любую статью и проверяю. Форма комментариев от соцсети VKontakte появилась именно в том месте страницы, где я и хотела ее видеть.

создания формы комментирования от соцсети VKontakte

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

Итак, я разместила форму комментариев именно описанным способом, но как показала моя практика, то ли в системе ВКонтакт происходят сбои, то ли не срабатывает скрипт, но бывает, что форма комментирования не отражается по причине отсутствия в интегрированном коде вашего API.

Поэтому прежде чем возмущаться, что у Вас что – то не получается вывести форму комментариев, внимательно изучаем код, отвечающий за вывод, который мы разместили в файле header.php и ищем в нем строчку

1

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

Если у Вас вместо ******* (где вместо ******* должно быть прописано 7 цифр) прописана фраза API_ID, то это значит его Вам необходимо получить и прописать вместо этих слов. Для этого на странице, где мы получали код формы комментирования проходим по ссылке “….полную документацию по работе виджета” (стрелочка 1)

создания формы комментирования от соцсети VKontakte

Перед нами откроется страница OPEN API, где нас должен интересовать раздел Подключение OPEN API, а более конкретно ссылочка “Создать новое”

создания формы комментирования от соцсети VKontakte

Пройдя по которой мы попадаем на страницу “Создания нового приложения”.

создания формы комментирования от соцсети VKontakte

Здесь нам необходимо заполнить поле “Название” и выбрать тип – веб – сайт и затем нажать на кнопку “Перейти к загрузке приложения”. Система нас попросить подтвердить наши действия

создания формы комментирования от соцсети VKontakte

введя код, полученный на номер мобильного телефона, указанного при регистрации аккаунта ВКонтакте. Вводим код и нажимаем “Отправить”. Далее следуем подсказкам и совершив еще несколько шагов получаем в форме наш API, который и прописываем вместо слова API_ID . Сохранив произведенные изменения, обновляем блог и смотрим на результат нашей деятельности – форма комментирования от соцсети VKontakte появляется на блоге.

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

На этом я сегодня завершаю, теперь Вы знаете как установить форму комментариев ВКонтакте.

Всем удачи, пока-пока и до новых встреч.

С уважением, Наталья Яшина.

Вам понравилась статья? Расскажите о ней друзьям!