Инструкция
1
Определитесь, для каких целей вам нужен виджет «Вконтакте». Обратите внимание, что каждый из виджетов будет занимать определенную область на вашем сайте, поэтому при верстке страниц не забудьте об этом.
2
Перейдите на официальный сайт социальной сети. Чтобы подключить данное расширение, необязательно проходить регистрацию на сайте. Внизу страницы кликните по синей ссылке «Разработчикам» и из трех визуализированных блоков, выберите тот, что имеет название «Авторизация и виджеты для сайтов». Либо перейдите по прямой ссылке, указанной в конце статьи.
3
На открывшейся странице вы увидите краткое описание того, как работает сама система «API ВКонтакте» и список тех плагинов, которые вы можете добавить на свой сайт. Для того, чтобы установить на сайт авторизацию через «Вконтакте», нужно иметь специальное приложение в социальной сети - делать его желательно заранее. Остальные же виджеты добавляются значительно проще.
4
Виджет «Комментарий» позволит добавлять посетителям сайта комментарии без дополнительной регистрации. Это быстро и удобно, тем более «лицо» пользователя всегда остается открытым для остальных. Но будьте готовы к тому, что в комментариях вашего сайта могут появляться сторонние ссылки от спамеров. Их придется постоянно модерировать.
5
«Сообщество», пожалуй, самый распространенный виджет среди обладателей сайтов. Он позволяет расположить на странице блок-ссылку на вашу группу. В самом блоке будут отображаться участники, либо последние новости сообщества. Кроме того, пользователь сможет подписаться на обновления тут же на сайте, нажав кнопку «Вступить в группу».
6
Также на этой странице вы найдете и другие виджеты, которые расширят функционал вашего сайта. Выберите из списка тот вариант, который вам больше подходит, и кликните по нему. Вы попадете на страницу с настройками. Введите запрашиваемую системой информацию о вашем сайте в соответствующих полях в начале страницы. Практически для каждого виджета можно выбрать свой цвет, размер, количество (для комментариев).
7
В поле, которое будет находиться чуть ниже, сгенерируется специальный код, зависимый от ваших настроек. Скопируйте его и вставьте на свой сайт. Чтобы лучше понять, как это делается, в конце этой страницы кликните по ссылке «Перейти к подробной документации». Предварительный результат вы можете посмотреть на этой же странице, чуть ниже html-кода.