Виджет поделиться вконтакте. Виджеты в ВК для группы — как добавить и настроить

26.07.2019

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

Виджет сообщества или группы Вконтакте, размещённый на сайте, позволит увеличить приток участников в группу и получить дополнительный трафик с vk.com.

Чтобы создать виджет сообщества, нужно авторизоваться в социальной сети Вконтакте и перейти в раздел для разработчиков по ссылке http://vk.com/dev/Community . Первый пункт формы для настройки виджета сообщества для сайта — это ссылка на страницу. Для получения ссылки, необходимо открыть группу, для которой вы создаёте виджет и скопировать из адресной строки браузера адрес группы. Копируем адрес и вставляем в форму «Ссылка на страницу «:

  • участников
  • последние новости
  • только название группы и количество участников

Выберем отображение «Участники».

В следующем пункте настроек нужно указать ширину и высоту виджета. Высоту можно оставить по-умолчанию, то есть 400 пикселей, а вод с шириной нужно подумать. Если у вас статический сайт, дизайн которого одинаково выглядит на любом экране, то необходимо лишь измерить ширину того места, куда будет помещён виджет. Зачастую виджеты помещаются в сайдбар, поэтому измеряйте ширину сайдбара.

При адаптивном дизайне и вставке виджета сообщества Вконтакте также в сайдбар, нужно будет измерить его ширину на любом разрешении экрана. Сделать это можно изменяя ширину окна браузера.

Пусть ширина у нас также будет равна значению по-умолчанию 220 пикселей:

Затем, также можно изменить цвет фона, цвет кнопок и текста. Здесь всё зависит от ваших предпочтений и вкусов. Желательно подбирать цвета, которые будут сочетаться с цветами, использованными на сайте.

Размещение виджета группы Вконтакте на сайте

После настроек на этой же странице вы получите код, который нужно разместить на сайте. Для размещения на сайт, необходимо выделить и скопировать этот код, затем перейти в административную часть своего сайта. Так как самым оптимальным местом для виджета группы Вконтакте является сайдбар, необходимо открыть раздел «Виджеты » (если сайт на Вордпресс) и добавить новый виджет «Текст » в боковую колонку. Затем, добавить полученный с vk.com код и сохранить изменения:

Покажите, что у вас есть группа Vk.com

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

Кроме того, чтобы количество подписчиков росло — нужно добавлять в группу интересную информацию и делать это регулярно. Это лишь базовая рекомендация. Чуть позже мы расскажем, как раскручивать группу, используя белые и не очень методы.

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

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

Виджет для групп вконтакте

Итак, выглядит это вот так:

Это виджет с сайта моего брата. Размещаться может где угодно, у него он стоит в сайдбаре (боковая колонка сайта).

О пользе виджета для групп

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

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

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

Ладно, хватит о достоинствах, они итак всем понятны, я считаю.

Как установить виджет для групп вконтакте?

Итак, инструкция по установке очень похожа на инструкцию по установке , кстати, советую установить их, если еще не установили.

Шаг 1

Шаг 2

Настраиваем наш виджет для групп.

Указываем ссылку на нашу группу или сообщество в первой строчке.
На пункте “Вид”, выбираем то, что нравится. Если листнуть страницу ниже, можете увидеть пример виджета и его изменения.
Ширина и высота не требует объяснений, если что эти значения можно менять прям в коде, изменяя значения “width” и “height”.

Шаг 3

Теперь давайте установим наш виджет на сайт.

То, что я выделил красным цветом, надо разместить в файле “header.php” (для wordpress). Второй код, который обозначен зеленым, размещайте там, где хотите, чтобы виджет групп вконтакте отображался, советую размещать его в виджете.

P.s. Если вы уже устанавливали комментарии или от вконтакте, скорее всего вам не надо устанавливать первую часть кода потому, что она уже установлена у вас.

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

На этом все, до скорых встреч, удачи вам и процветания!

Коржики на сегодня:

Забавный ролик про принцессу и рыцаря


Вам понравилось?

«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Социальная сеть ВКонтакте запустила новый виджет - Сообщения сообщества. Теперь вместо обычного чата пользователи смогут задать вопросы представителю компании через знакомый виджет»

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

Что делает новый виджет?

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

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

На что делают ставку разработчики?

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

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

Что необходимо для установки виджета Сообщения сообщества?

Чтобы установить виджет на сайт, компании необходимо:

  • вести сообщество в социальной сети ВКонтакте
  • в разделе «Управление сообществом» активировать виджет

Здравствуйте, уважаемые читатели и гости LediSeo! Начало осени в этом году у меня ознаменовалось полным погружением в учебный процесс. Так в сентябре я усиленно занималась по заработку в интернете на партнерских программах, затем был трех недельный тренинг у Цымбалиста по контекстной рекламе . Сделав передышку в полторы недели пошла к Одеговой на курс по увеличению трафика из социальных сетей, а именно из Вконтакте. Мало мне учебы, так я еще записывала в это время курс по созданию профессиональной e-mail рассылке и занималась продвижением своих других блогов. Все это в купе стало причиной того, что я не оперативно отвечала на Ваши вопросы, присылаемые на почтовый ящик, но думаю я все смогу компенсировать очень скоро, делясь с Вами полученными знаниями, а они как в прямом так и в переносном смысле очень дорогие. И сегодня я отвечу одной из постоянных читательниц блога Отчаянной, которая попросила рассказать как вставить виджет сообщества от Вконтакте на блог . Думаю, эта тема будет интересна многих и не стоит ее обходить стороной. Итак, поехали…..

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

Поэтому создав блог, заполнив его контентом, можно смело отправляться в социальные сети для поиска новых читателей, но вот тут возникает ряд проблем – группу или страницу надо развивать, то есть не только анонсировать материалы, но и писать короткие статьи, комментировать одногруппников, ставить “Мне нравится”. Группа должна жить, только в этом случае можно получить результат от продвижения в соцсетях.

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

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

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

Прежде, чем перейти к размещению виджета на блоге рекомендую изменить адрес Вашей группы Вконтакте и сделать его более запоминающим. Дело в том, что по умолчанию адрес группы будет иметь примерно следующий вид:

http://vk.com/public09678098767

Согласитесь, что такой адрес сложно запомнить даже мне, как автору, а что же говорить про посетителей. Поэтому я адрес своей группы немного изменила и получилось следующее (стрелочка 1):

Чтобы получить подобный адрес необходимо на странице группы нажать на пункт “Управление сообществом” (стрелочка 2), с помощью которого мы можем производить основные настройки группы. В результате чего перед нами открывается страница,

где в поле “Адрес страницы” и производим изменения, то есть оставляем основную часть url – http://vk.com/, а вот после слеша (наклонной палочки) прописываем на латинице необходимое нам имя. Сохраняем произведенные изменения, нажав на кнопку “Сохранить”. Таким образом мы изменили адрес группы Вконтакте.

Теперь нам остается только вставить виджет сообщества от Вконтакте на блог, а вот для этого в ленте новостей, на странице http://vk.com/feed , в самом низу кликаем по ссылке “Разработчикам”

В результате мы попадаем на страницу, где нам предлагается всевозможные дополнительные инструменты для интеграции с сайтами. Меня на данный момент интересует раздел “Виджеты и сторонние сайты”

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

Нажав по данному пункту мы попадем на страницу “Подключения виджета”, где первым делом нам необходимо в строке “Ссылка на страницу”указать адрес нашей группы, то есть просто заменить по умолчанию – public20003922 – например в моем случае на lediseo

  • участники – будет отражение аватарок участников группы
  • новости – в этом случае в виджете будет демонстрироваться записи со стены из группы
  • только название – будет отражено только название группы

Затем указываем необходимые нам размеры виджета. И теперь остается только скопировать сгенерированный код системы из поля “Код для вставки” и разместить в боковой колонке блоге, с помощью виджета произвольного html –кода или текста.

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

который позволит улучшить продвижение ресурса и увеличить количество посетителей. Данный код виджета можно не закрывать от индексации, он не передает вес страницы, так как реализован на Js. Единственный его недостаток – он слегка тормозит загрузку ресурса, но это можно исправить, удалив какой – нибудь лишний плагин.

Виджет сообщений вконтакте на свой сайт. Необходимо зайти в своё сообщество/группу вконтакте. P.S: У вас должны быть права администратора для управления сообществом. Заходим в «Управление сообществом «

Настраиваем форму сообщений. Заполняем выделенные поля (В пункте «Разрешённые домены» указываем доменное имя своего сайта, у меня сайта 2, поэтому и 2 домена) :

Далее ставим галочку «Раскрывать сразу» , если требуется. На моём сайте для примера раскрывается данный виджет сразу, на сайте http://айти-казань.рф просто отображается справа внизу и открывается при нажатии на него. Копируем код для вставки на сайт.

Идём в админку своего сайта. Внешний вид — виджеты.

Добавляем текстовое поле и вставляем туда скопированный код. Можно так же данный код вставить не в виджеты, а в «Footer» (подвал) вашего сайта (на скриншоте выделено жёлтым, зависит от темы WordPress). В подвал сайта это более правильно, но я не стал заморачиваться. Смотрите как удобнее. Мне удобнее было в виджеты. Результат одинаковый был. Тестировал на 2-х своих сайтах. Сохраняем.

Вот что в итоге получилось:

Смотрим, радуемся, отмечаем успех!!!

Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.

Виджет для сообществ

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

В виджете могут отображаться фотографии друзей пользователя и других участников сообщества. По ссылке «Подписаны..» доступна демографическая статистика по участникам.

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

Подключение виджета к Вашему сайту

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

Здесь всё очень просто.

Похожие статьи