Установка на сайт виджета группы Вконтакте

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

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

В этой статье я расскажу вам как быстро установить на сайт виджет группы Вконтакте.

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

После этого вы увидите страницу, где нужно кликнуть по вкладке "Авторизация и виджеты для сайтов":Авторизация и виджеты для сайтов

Теперь откроется страница, где в разделе "Виджеты для сайтов" нужно кликнуть по ссылке "Сообщества":Сообщества

И мы попадем на страницу настройки виджета:Настройки виджета

В поле "ссылка на страницу" надо вставить ссылку на необходимое сообщество. Далее идут настройки ширины и высоты виджета в пикселях. С некоторых пор появилась возможность изменять цвет фона, текста и кнопок. Еще совсем недавно эти параметры изменить стандартными способами было нельзя.

После вы можете видеть необходимый для вставки html-код, еще ниже можно видеть изменения внешнего вида будущего виджета:Внешний вид

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

В панели управления щелкните по вкладке "Внешний вид" и перейдите по ссылке "Виджеты": Виджеты

 

В появившемся окне найдите панель "Текст" и перетащите ее в необходимый сайдбар, панели которых расположены слева. Для этого просто удерживайте панель левой кнопкой мыши:Текст

 

Установка в сайдбар

 

Панель "Текст" откроется, в поле "Заголовок" можно вписать любой заголовок или оставить поле пустым. В пустое поле необходимо вставить html-код, скопированный со страницы настройки виджета группы:Код для вставки

 

Скопируйте его и вставьте в пустое поле, а затем нажмите кнопку "Сохранить". Если вы все сделали правильно, на вашем сайте должен появиться виджет группы:Результат

 

Виджет можно установить не только в сайдбар, но также в любую запись, страницу, footer, header или другое место.

Вы можете оставить комментарий, или ссылку на Ваш сайт.

2 комментария к записи “Установка на сайт виджета группы Вконтакте”

  1. Уже цвет нельзя изменять, походу кто успел тот воспользовался.

    • Только что проверил, изменения цвета работает. Если кому то понадобится, можете взять здесь:

      <script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
       
      <!-- VK Widget -->
      <div id="vk_groups"></div>
      <script type="text/javascript">
      VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2C7A2A', color3: 'A5745B'}, 20003922);
      </script>

      Соответственно, color1, color2 и color3 это коды цветов. 20003922 — это ID вашего сообщества, который просто надо заменить на необходимый вам.

Оставить комментарий

Яндекс.Метрика