Как добавить группу вконтакте на свой сайт?
Рубрики: Социальные сети. автор: Sergio
Май.17,2012
Привет всем! Сегодня я расскажу про очередную полезную фишку для сайта – виджет для групп вконтакте. Думаю по названию уже понятно, что он делает. Виджет групп вконтакте – это очень полезная штука, если вы хотите привлечь побольше людей в свою группу с помощью сайта. В общем, все детали читайте в статье.
Не смотря на то, что я не использую виджет для групп на своем сайта (может быть и зря), это очень полезная фишка для удержания аудитории в курсе всех новостей.
Давайте по порядку…
Виджет для групп вконтакте
Итак, выглядит это вот так:
Это виджет с сайта моего брата. Размещаться может где угодно, у него он стоит в сайдбаре (боковая колонка сайта).
О пользе виджета для групп
Дизайн сайта вконтакте давно всем привычен и сразу бросается в глаза, что заставляет обращать на него внимание. Если бы я находился на интересном мне сайте и увидел такой виджет, подписался бы на обновления группы.
Размещается он очень легко и быстро. Плюсом является то, что посетитель, зашедший на сайт и заметивший виджет, увидит друзей, если они состоят в этой же группе, это послужит дополнительным стимулом, чтобы вступить в нее.
Можно буквально в одни клик подписаться на сообщество или публичную страницу. Кстати, я считаю, что для сайтов на много эффективнее использовать публичную страницу (как создать публичную страницу?).
Ладно, хватит о достоинствах, они итак всем понятны, я считаю.
Как установить виджет для групп вконтакте?
Итак, инструкция по установке очень похожа на инструкцию по установке комментариев вконтакте, кстати, советую установить их, если еще не установили.
Шаг 1
Переходим сюда — http://vk.com/developers.php?oid=-1&p=Groups
Шаг 2
Настраиваем наш виджет для групп.
Указываем ссылку на нашу группу или сообщество в первой строчке.
На пункте “Вид”, выбираем то, что нравится. Если листнуть страницу ниже, можете увидеть пример виджета и его изменения.
Ширина и высота не требует объяснений, если что эти значения можно менять прям в коде, изменяя значения “width” и “height”.
Шаг 3
Теперь давайте установим наш виджет на сайт.
То, что я выделил красным цветом, надо разместить в файле “header.php” (для wordpress). Второй код, который обозначен зеленым, размещайте там, где хотите, чтобы виджет групп вконтакте отображался, советую размещать его в виджете.
P.s. Если вы уже устанавливали комментарии или кнопку мне нравится от вконтакте, скорее всего вам не надо устанавливать первую часть кода потому, что она уже установлена у вас.
Вот и все!
Как видите, установка очень простая и не требует много времени и усилий. Каждому под силу справится с этим, но если у вас возникнут вопросы, обращайтесь ко мне в комментариях и я с радостью вам помогу.
На этом все, до скорых встреч, удачи вам и процветания!
Коржики на сегодня:
Забавный ролик про принцессу и рыцаря
>>> Почему надо подписаться на обновления? <<<
Буду благодарен за ретвит и клацанье по кнопочкам. Спасибо :)
Теги:
да хороший но жаль от него сайт грузится медленнее ...)
[Ответить]
Sergio Reply:
мая 17, 2012 at 23:41
Женя, да... это минус
[Ответить]
В названии статьи допущена ошибка.
[Ответить]
Sergio Reply:
мая 17, 2012 at 23:40
Хахаха, спасибо Дима. На свой «сайта»
Грузином стал О_о
[Ответить]
Волчег, посмотри на название статьи внимательно. Ничего не смущает?
Виджет классный, но как говорили выше — дополнительная нагрузка на сайт.
Да и у тебя он не стоит)
[Ответить]
Sergio Reply:
мая 17, 2012 at 23:42
Лис, спасибо за подсказку
Я не ставлю на сайт потому, что тематика не очень подходит для продвижения в вконтакте. Развлекательная тематика самый раз
[Ответить]
Я вообще, просто скопировал код, ничего ни в какие файлы не добавлял и вставил его на страничку «мы в контакте». Не так эффективно по продвижению группы, но зато не тормозюкает главную страницу.
Добавь в стать что так можно, а то народ недогадливый)
[Ответить]
Лисёнок Рэнди Reply:
мая 17, 2012 at 17:06
А ещё в конце статей можно делать тоненькой полосочкой по ширине статьи. Прикольно выглядит.
[Ответить]
Sergio Reply:
мая 17, 2012 at 23:46
Спасибо Лис, ток я не понял, какой код ты добавил на страничку?
[Ответить]
Идея установки такого виджета понятна.Жаль грузит сайт, но может есть какой-нибудь другой способ установки группы контактов к себе на сайт?
[Ответить]
Sergio Reply:
мая 18, 2012 at 22:38
Максим, другого способа не знаю, простите
[Ответить]
По мне, так это лишняя забава: Зачем? Если есть кнопка? Не даром её сам автор не поставил. Вообще, извините, это дурной тон веб мастера — предлагать людям то, что сам не используешь.
[Ответить]
Sergio Reply:
мая 18, 2012 at 22:40
Владимир, я использую этот виджет, но на других своих сайтах. Как я говорил, просто тематика Seo не очень подходит для ВК.
[Ответить]
Владимир Фесюк Reply:
мая 18, 2012 at 22:49
Ясно, извините.
[Ответить]
Спасибо! Толково и просто написано. Виджет поставил на сайт. Будем посмотреть на реакции.
[Ответить]
Sergio Reply:
июня 29, 2012 at 7:04
Ру Арт, всегда пожалуйста
[Ответить]
Добавила первую часть кода в head, вторую в тело страницы. Код после второй части перестает грузиться на сайт, так половину страницы и показывает((( Хотя таблицу после все равно закрывает.
[Ответить]
Теперь осталось группу раскрутить, чтобы не стыдно было на сайт повесить))
[Ответить]
Спасибо, сейчас пойдем пробовать ставить, полезная статья
[Ответить]
Все так просто))) спасибо за полезную информацию)))
[Ответить]
Sergio Reply:
января 29, 2013 at 12:01
Екатерина, пожалуйста
[Ответить]
Здравствуйте, а как сделать, чтобы на виджете не показывались замороженные страницы участников. Их нельзя удалить даже из группы, потому что показывается сообщение, что они нигде не состоят.
[Ответить]
Sergio Reply:
апреля 12, 2013 at 15:21
Мара, виджет показывает всех, кто находится в группе, это надо делать что-то с группой. Попробуйте написать в поддержку ВК.
[Ответить]
Благодарю за быстрый ответ
[Ответить]
а у меня виджет послу установки помещается по умолчанию в верхнем левом углу, а надо внизу, что сделать?
[Ответить]
Sergio Reply:
апреля 16, 2013 at 15:13
Эм... виджет появляется там, где вы указали его код, он не выводится по умолчанию ) Поставьте код в другое место )
[Ответить]
Группу сделал. Сейчас буду пробовать движет делать.
[Ответить]