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

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

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

Как установить виджеты Вконтакте?

Все необходимые коды находятся в специальном разделе сайта. Прокрутите любую страницу Вконтакте в самый низ и выберите «Разработчикам»:

После этого переходите к разделу с виджетами и выбираете необходимое дополнение для своего сайта:

Коды от виджетов одинаковые, но устанавливаются они по-разному, давайте рассмотрим установку самых популярных расширений.

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

Чтобы ваши посетители могли оставлять комментарии через свои профили, вам потребуется заполнить форму и установить специальный код. Всё это делается на одной странице (vk.com/dev/Comments):

На изображении выделено два блока из полученного кода. Вам потребуется установить их в разные части своего ресурса. Верхнюю часть кода добавляйте в код сайта, а нижнюю часть в файл с кодом комментариев. Пользуетесь WordPress? Добавляйте часть кода, выделенную красным цветом в файл header.php (до тега </head>). Часть кода, выделенную синим цветом нужно добавить в single.php (например, перед кодом комментариев). Обратите внимание, что во второй части кода можно вносить изменения по ширине, чтобы комментарии отображались корректно.

2. Виджет группы Вконтакте.

На Next Invest установлен данный виджет, можете посмотреть на него в правой колонке под меню. Добавить его не сложно, для этого также потребуется получить код и после этого добавить его в разные файлы. Для начала переходим к виджету (vk.com/dev/Community):

Здесь также нужно заполнить небольшую форму и настроить некоторые параметры. Полученный код тоже делится на 2 части и первую так же необходимо добавить в header.php. Куда добавить вторую часть, зависит от того, где вы хотите установить виджет. Например, вы можете создать новый виджет через админку и выбрать страницу с текстом, установив туда код, выделенный синим цветом:

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

3. Виджет поделиться Вконтакте.

Полезнейший инструмент для сайта, с его помощью посетители смогут делиться ссылками на ваш ресурс через свои профили. Чтобы добавить такую кнопку, выбирайте виджет «Публикация ссылок» (vk.com/dev/Share):

Настроек здесь ещё меньше, но их вполне достаточно. Процесс установки кнопки не отличается от других виджетов. Вставляете верхнюю часть в header.php, а нижнюю часть туда, где хотите её расположить (как вариант, можете расположить её выше комментариев).

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