Установка виджета комментариев ВКонтакте на сайт

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

Иллюстрация на тему Виджет отзывы ВКонтакте: комментарии вставить на сайт

Зачем нужен виджет Отзывы ВК

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

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

Достоинства

Главное, что получает веб-мастер, упомянуто выше. Это своеобразная вирусность – сообщения читателей под статьёй на сайте могут сразу публиковаться на их личных страницах в ВК. То есть ещё и в ленте новостей их друзей. А это очень важно для продвижения и для роста аудитории, ведь в новости будет ссылка на сайт и на исходную статью. А модерацию дискуссии можно производить прямо на сайте.

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

Кроме этого, у софта есть и некоторые другие преимущества, о которых можно узнать прямо на странице его настройки.

Установка виджета комментариев ВКонтакте на сайт

Обычно почти все подобные плагины устроены по одному и тому же принципу. В html-код страниц сайта в определённых местах нужно вставить небольшие фрагменты стороннего кода, которые и будут выполнять там свои функции. В данном случае речь идёт о виджете, предназначенном для отрисовки формы ввода комментариев, а также самих этих комментариев.

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

Итак, что требуется для выполнения задачи?

Нужно зайти на ресурс ВК для разработчиков, вот здесь: https://vk.com/dev.

Иллюстрация на тему Виджет отзывы ВКонтакте: комментарии вставить на сайт

Кликните кнопку «Показать все», перед вами откроется такая страница:

Иллюстрация на тему Виджет отзывы ВКонтакте: комментарии вставить на сайт

Здесь вам будет нужна ссылка «Комментарии», зайдите в неё. Перед вами откроется страница предварительных настроек виджета:

Иллюстрация на тему Виджет отзывы ВКонтакте: комментарии вставить на сайт

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

Выберите количество комментариев, которое будет показано под формой; все записи сверх выбранного числа будут скрыты под кнопкой «Показать ещё».

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

Поле «Ширина» управляет размером формы ввода, она может быть актуальна для широких шаблонов.

Обратите внимание, что во время редактирования всех этих параметров пример формы, который выводится в нижней части, будет автоматически меняться – принимать нужный вид в соответствии с настройками.

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

<!– Put this script tag to the <head> of your page –>

Всё, что ниже (можно и вместе с этой строчкой) необходимо скопировать (Ctrl+C) и вставить (Ctrl+V) в заголовок соответствующего файла в шаблоне вашего сайта. Если у вас самый популярный движок WordPress, то это файл header.php, он находится в папке с вашей темой. Вставить фрагмент нужно в любом месте между тегами <head> и </head>.

Кроме этого, в секцию <head> нужно вставить дополнительные строки. О них сказано в документации виджета (ссылка сразу под окном формирования кода). Речь идёт о файле openapi.js и об инициализации Open API:

Иллюстрация на тему Виджет отзывы ВКонтакте: комментарии вставить на сайт

Вторая часть фрагмента начинается строчкой:

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

Её нужно разместить в том месте страницы, где требуется вывести форму и комменты. Обычно это – самый низ страницы, после текста статьи. Для WordPress это файл single.php.

Ссылка на основную публикацию