Популярные виджеты

Главная Контакты
Как поставить виджет "ВКонтакте" на сайт PDF Печать E-mail
10.06.2014 09:40

Итак, давайте рассмотрим, как сделать так, чтобы читатели вашего сайта смогли видеть ваш паблик или группу Вконтакте. Для этого нужно установить виджет в контакте на веб-страницу.

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

  1. На странице вашей группы на сайте vk.com есть ссылка «разработчикам». Нажимаем на нее;
  2. На странице, которая открылась, жмем ссылку «Виджеты и сторонние сайты»;
  3. Среди вариантов, предлагаемых на открывшейся странице, выбираем «Сообщества»;
  4. Затем в специальном поле «Ссылка на страницу» нужно добавить ссылку на группу, и тут получается код для вставки виджета на сайт. Внизу вы увидите предпросмотр будущего виджета.

Если вам не подходят размеры по умолчанию 200х290 (нередко не подходит ширина, потому что многие сайдбары сайтов несколько шире), то можно изменить ее на необходимую прямо на текущей странице.

  1. Еще одна возможность изменить ширину – это довести ее до нужного состояния прямо в HTML-коде при добавлении на сайт;
  2. Для установки кода в виджет нужно зайти в админ-панель, открыть «Виджеты» и выбрать текстовый вариант виджета. В поле, которое открывается, вставляем код и сохраняем;
  3. Ввод заголовка не обязателен, он уже имеется в самом виджете;
  4. Ну вот, собственно, и все! Любуемся полученным виджетом на своем веб-ресурсе!

Теперь вы знаете все о том, как правильно устанавливать надстройку известной социальной сети ВКонтакте. Такие шаги помогут вам скорее пройти процесс интеграции вашего сайта и социальной сети, что, несомненно, отразится на популярности ресурса.

 

[+]
  • Increase font size
  • Decrease font size
  • Default font size
  • default color
  • blue color
  • green color