Как добавить виджет вконтакте в группу: Полезные виджеты для групп ВКонтакте

Содержание

гаджеты и виджеты. Как подключить виджет на страницу группы

Автор Максим Коновалов На чтение 7 мин. Просмотров 66 Опубликовано

Содержание

  • Виджет Сообщества ВК
  • Виджет Запись на Стене ВК
  • Виджет Комментарии ВК
  • Настройка виджета «Приветствие» в группе ВК
  • Генерируем виджет ВКонтакте
  • Как установить код виджета группы ВКонтакте на сайт
  • Как получить код виджета группы ВКонтакте
  • Как вставить виджет Вконтакте на сайт WordPress

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

Виджет Сообщества ВК

Посетители вашего Сайта смогут подписаться на вашу группу Вконтакте. Перейдите на страницу подключения виджета. В настройках укажите — Ссылку на вашу Группу ВК, — ширину и высоту виджета, — цвет фона, текста и кнопок, — Скопируйте полученный код, и вставьте на Сайт, в то место где будет отображаться виджет.

Один из вариантов виджета Сообщества:

Виджет Запись на Стене ВК

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

Виджет Комментарии ВК

Итак, чтобы добавить виджет комментарии на ваш сайт, нажмите на вкладку — Комментарии. Далее у вас откроется страница подключения виджета, где вы сможете настроить виджет, и почитать о его преимуществах.

В настройках укажите — Желаемое количество комментариев, включите или отключите расширенные комментарии (чтобы узнать что это, нажмите на вкладку подробнее), укажите ширину виджета комментариев. И в конце скопируйте полученный код, и вставьте его на свой Сайт, в то место где вы хотите, чтобы у вас были комментарии Вконтакте.

Настройка виджета «Приветствие» в группе ВК

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

  1. Для этого перейдите во вкладку Управление сообществом – раздел Приложения.
  2. Настройки слева вы можете оставить по умолчанию, но вам необходимо поменять название приложения. Оно должно включать до 25 символов. Видно будет только вам.
  3. Сохраните изменения.
  4. Теперь перейдите к настройкам приложения по ссылке вверху – Создать виджет.

Внимание! Для вас это окажется скорей всего сюрпризом, но виджет приветствия для группы ВК в полноценном варианте (например, персональное предложение) входит в платный пакет сервиса Spycat. Не хотите платить деньги, ниже речь пойдет о бесплатном (втором) варианте.

Платный пакет включает в себя 9 виджетов:

  • Персональное предложение
  • Акционные товары
  • Точки продаж
  • Обложки
  • Акции и скидки
  • Отзывы
  • Наши клиенты
  • Мероприятия
  • Текстовый (бесплатный)

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

Генерируем виджет ВКонтакте

На самом деле все достаточно просто. Настроить виджет комментариев ВКонтакте у вас займет всего несколько минут.

  1. Авторизуемся под своим аккаунтом в VK и переходим по этой ссылке (https://vk.com/dev). На главной странице VK Developers нам нужно кликнуть по пункту главного меню «Мои приложения». Нам, в первую очередь нужно получить API IP для нашего виджета. Без него виджет ВКонтакте работать не будет. Для этого создадим приложение под названием
    «Виджет комментариев»
    .
  2. На странице создания приложения заполняем следующие поля и нажимаем на кнопку «Подключить сайт».
  3. Нам нужно будет подтвердить свои действия, получив проверочный код.
  4. После чего, ввести его в соответствующее поле.
  5. После подтверждения, наше приложение будет создано, и нас перенаправят на страницу настройки информации о приложении, где при необходимости вы можете задать дополнительные данные. Не забудьте нажать на кнопку «Сохранить изменения».
  6. Обратите внимание на табличку с предупреждением. Нас предупреждают о том, что скоро для работы нашего сайта c API ВКонтакте нам нужно будет подключить протокол HTTPS для нашего сайта.5.Далее, переходим в пункт меню «Настройки». Где находятся нужные нам ID приложения и защищенный ключ. Копируем их в текстовый документ у себя на компьютере.
    Больше ничего здесь менять не нужно.
  7. Далее, переходим в пункт основного меню «Продукты».
  8. На открывшейся странице переходим в пункт меню «Виджеты для сайта» или кликаем по соответствующему разделу на самой странице.
  9. В данном разделе содержится большое количество виджетов ВКонтакте, предназначенных ля выполнения определенных функций. Нам в данный момент нужен виджет «Комментарии». Выбираем этот раздел.
  10. На странице настройки виджета комментариев мы, в первую очередь, можем ознакомиться с возможностями и преимуществами использования данного виджета ВКонтакте, кликнув по спойлеру.
  11. Приступаем к настройке виджета комментариев ВКонтакте.

Вам нужно задать:

  • Количество комментариев, которое будет отображаться в виджете ВКонтакте.
  • Включить или отключить поддержку медиа. Эта опция отвечает за возможность пользователей вставлять в комментарии медиа файлы. Если кликнуть по ссылке подробнее, то откроется список медиа элементов, которые можно включить или отключить по отдельности.
  • Указываем ширину виджета комментариев ВКонтакте в зависимости от ширины места на странице, где мы хотим его разместить.
  • В окошке «Код для вставки» находятся два фрагмента кода, сгенерированные для нас. Обратите внимание на выделение, которое я указала на картинке. Здесь должен стоять, полученный ранее, ваш API ID. Проверьте!
  • Если у вас есть какие-то специфические требования, вы можете перейти по ссылочке «Перейти к подробной документации виджета». Здесь вы сможете найти дополнительные инструкции по вставке и настройке виджета ВКонтакте.

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

Установка очень простая заходим в админ панель вашего сайта WordPress. Переходим в вкладку Внешний вид далее Виджеты. Добавляем новый виджет HTML-код он позволяет встроить любой произвольный HTML-код в ваш сайт. Выбираем место в сайдбаре где будет располагаться ваша группа ВКонтакте.

Установка виджета ВК на сайт WordPress 1Установка виджета ВК на сайт WordPress 2Установка виджета ВК на сайт WordPress 3Установка виджета ВК на сайт WordPress 4

И вставляем скопированный код в новый созданный виджет.

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

Нажимаем Готово или Сохранить. Переходим в визуальный режим нашего сайта. Смотрим, что получилось.

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

Как получить код виджета группы ВКонтакте

Первое что необходимо сделать это скопировать url адрес вашей группы. В моем случае это — https://vk.com/club129803630

Далее вам необходимо зайти на свою страницу ВКонтакте и зайти по ссылке https://vk.com/dev/Community. Раньше этот раздел располагался в низу каждой страницы VK в разделе для разработчиков, теперь ее перенесли и сходу найти нежный раздел бывает непросто.

Мы попадаем на страницу (фото ниже). И можем приступить к настройке внешнего вида блока группы ВК.

Смотрите. Если вы хотите чтобы у вас на сайте отображались фото участников группы. Отмечаем в поле видУчастники. Мне же немного надоел такой вид отображения группы на своем сайте. Поэтому я выбрал Новости то есть в группе на сайте будут отображается ваши последние размещенные в VK посты.

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

Теперь следующий шаг. Необходимо скопировать код вашей группы (фото ниже).

Как вставить виджет Вконтакте на сайт WordPress

  • в админ-панели WordPress заходим во вкладку «Внешний вид/Виджеты»;
  • перетаскиваем виджет «Произвольный текст или HTML-код» в рабочую зону справа;
  • заполняем заголовок (например «»Наша группа ВКонтакте») и вставляем код, который скопировали на сайте ВКонтакте.

И наслаждаемся результатом:

К сожалению настроек виджета довольно мало (допустим нет настроек высоты блока), но можно воспользоваться документацией к виджету для сообществ и подправить код как нам нужно.

Используемые источники:

gadget-apple.ru, clickthis.blog, lifehacker.ru, info-effect.ru, siteask.ru, coolinet.ru, 8uh.ru, meshok-sovetov.ru, impuls-web.ru, ve-kon.ru

Как добавить виджет вк группы на сайт WordPress: Инструкция

  • Запись изменена: