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

Далее «Сообщения»

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

Идём по для настройки виджета вк и выбираем своё сообщество из выпадающего списка: https://vk.com/dev/CommunityMessages

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

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

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

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

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

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

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

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

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

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

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

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

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

Указываем ссылку на ваше сообщество: Например вот ссылка на мою группу: https://vk.com/computerhelpkazan

Выбираем «Вид», «Ширину» ( я поставил «0», это автоматический размер), «Цвет». Далее смотрим что из себя будет представлять наш виджет и копируем код для вставки на наш сайт.

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

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

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

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

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

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

Позже была описана моя методика продвижения сообществ Vk.com, с помощью специальных программ (Group Builder, Inviter, Troll, Botovod), но так как они платные не каждый новичок может взять их к себе на вооружение.

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

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

Через пару минут похожая картина будет отображаться и на ваших проектах.

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

Настало время перейти от теории к практике, для чего переходим на всеми известный сайт vk.com и на любой странице спускаемся в самый низ экрана, где в футере вы должны будите нажать на ссылку «Разработчикам».

После этого вы должны попасть на специальную страницу, где можно разрабатывать или управлять социальными приложениями. В этом разделе сайта нам понадобится окно «Авторизация и виджеты для сайтов», поэтому по нему и кликаем.

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

На последней странице можно будет произвести все необходимые настройки отображения группы на сайте.

Ссылка на страницу — здесь указываем адрес группы, которая будет отображаться в блоке;

Вид — отмечаем, что будет отображаться в информационном поле:

— Участники — аватарки подписчиков;
— Новости — последние новости сообщества;
— Только название — думаю объяснять не стоит.

Настройки стилей — здесь задаете ширину и высоту блока в пикселях, а также выбираете какой у него будет цвет: фона, текста и кнопок.

Код для вставки — представлен код, который нужно добавить в файлы сайта, чтобы настраиваемый блок начал отображаться.

Первый кусок кода (красный цвет) придется вставить в любое место файла header.php перед закрывающим тегом </head>. Если вы уже ранее устанавливали подобные приложения, например виджет комментариев, то этот код по идее должен у вас уже быть добавлен.

Второй кусок кода (синий цвет) придется вставить в то место на сайте, где вы планируете вывести виджет группы от Вконтакте и ниже я покажу, как это сделать.

Установка блока сообщества от Vk на блог WordPress

Так как мой блог работает на CMS (движок) вордпресс, то я покажу на собственном примере самый простой способ реализации данного информационного окна группы в сайдбаре моего блога.

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

Переходим в административную панель сайта и выбираем вкладку «Виджеты». Из доступных блоков нас интересует тот, который называется «Текст» (произвольный текст или HTML-код.), вот его мы и перетягиваем к себе в сайдбар.

Должно получится похожая картина, как у меня:

Далее останется написать в заголовке цепляющее название (по желанию) и вставить вторую часть кода, после чего нажимаем «Сохранить».

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

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

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

На этом у меня все, если остались вопросы я всегда рад помочь. Пока!

Виджет VKontakte

В статье рассмотрим как создать виджет вконтакте (рис.1).


Рисунок 1.

Внимание

Для магазинов версии 8.0 для настройки отображения виджета ВКонтакте в магазине необходимо в разделе «Настройки — Социальные сети — Социальные виджеты» достаточно просто разместить ссылку на группу ВКонтакте.

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

Создание и установка виджета

Для того, чтобы установить виджет «Мы вКонтакте» на главной странице вашего интернет-магазина, вам нужно сделать следующее.

1) Перейти на сайт http://vk.com/dev

Далее выбрать в меню «Продукты», слева, в меню, выбрать пункт «Виджеты для сайтов», далее на странице, перейти в пункт «Сообщества» (рис.2).


Рисунок 2.

2) На открывшейся странице будет конструктор виджетов.

1. Нужно вставить ссылку на свою группу в поле «Ссылка на страницу»

2. Ширина блока на сайте по умолчанию 295px, поэтому мы рекомендуем изменить ширину на 265px.

В любом случае, виджет всегда можно повторно создать, с любыми размерами.

Также, вы можете поменять высоту и цвет блока на своё усмотрение.

3. В принципе, с виджетом всё готово, копируем весь код из поля «Код для вставки» (рис.3).


Рисунок 3.

3) Переходим в часть администрирования магазина.

Пункт меню «Настройки — Социальные сети — Социальные виджеты» в поле «Вконтакте» разместите скопированный код.

Нажимаем «Сохранить» (рис.4).


Рисунок 4.

Подробнее о том, как настраивать социальные виджеты в магазине по .

4) Переходим на главную страницу магазина чтобы проверить результат (рис.5).

Рисунок 5.

Готово. Мы разместили в магазине виджет ВКонтакте.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *