Как добавить группу вконтакте на сайт?

Как добавить группу вконтакте на сайт?
Подключаем виджет Вконтакте на сайт
Думаю ни для кого ни секрет, что социальная сеть вконтакте очень популярна в рунете. Цитирую Википедию:

По данным на январь 2014 года ежедневная аудитория «ВКонтакте» — около 60 миллионов человек

Аудитория просто огромна, поэтому сейчас очень актуально продвижение сайтов в социальных сетях, в особенности в Вконтакте. Один из способов привлечения трафика из социальной сети «Вконтакте» — это зарегистрировать в этой сети свое сообщество. Сообщество — это лично ваша страничка, которая находится в социальной сети «Вконтакте». Вот пример моего сообщества:

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

Группа Вконтакте — дополнительный трафик на сайт

Как видите, группа пока еще пустая, там всего два подписчика, но это временное явление. Скоро все изменится, со временем появятся новые подписчики и группа начнет расти. Принцип действия такой — пользователи «Вконтакте» видят вашу страничку, подписываются на неё и получают какую-то информацию. Эту информацию предоставляете вы, обычно это анонсы статей на вашем сайте или какие-то другие новости, которые пользователи «Вконтакте» видят и по этим новостям переходят на ваш сайт или блог. Вот таким не хитрым образом мы привлекаем дополнительный трафик на сайт. Чтобы не оперировать одной теорией, хочу показать вам некоторые цифры для моей другой группы Вконтакте, она связана с другим сайтом и приносит туда хороший трафик, вот цифры:

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

Настройка виджета группы «Вконтакте» для сайта

Раз уж вы собрались прикреплять виджет группы к сайту, значит группа у вас уже зарегистрирована, если — нет, то сначала зарегистрируйте группу «Вконтакте».  Итак, чтобы добавить виджет группы Вконтакте на сайт, нам нужно перейти на страницу разработки виджета.

Приступим к созданию виджета. Сначала, введите адрес своей группы в поле «Ссылка на страницу». Обязательно поэкспериментируйте с видом виджета, я выбрал вид — «Участники», то есть выводится список подписчиков группы. Обратите внимание, что все ваши изменения автоматически применяются, вы можете их увидеть внизу страницы. Следующий этап — «ширина и высота виджета», значения выставляются в пикселях. То есть, если нам нужен блок шириной 200px и высотой 400px, то просто вводим в эти поля значения 200 и 400, для ширины и высоты соответственно. В моем случае, мне нужен «резиновый» блок, чтобы он растягивался по ширине и высоте в зависимости от ширины сайдбара на блоге. Поэтому я ставлю значения «auto», ширина и высота блога теперь не фиксированные. Цвета подстраиваем под стиль своего сайта.

Подключаем виджет группы «Вконтакте» на сайт

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

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

5 Комментариев

  1. Валерий 3 года назад

    Постоянно вижу этот виджет на сайтах. Возникает вопрос — почему конкуренты не предоставляют подобную возможность? Это ведь так удобно. И читателям. И блоггерам для продвижения сайта в сети

  2. Анна 3 года назад

    Практически на всех сайтах вижу этот виджет. Сама как-то не думала такой же установить, хотя группа ВК есть. Теперь вот думаю, а почему бы и нет. Спасибо за такое подробное описание установки. Чайники, вроде меня, одобрили))

  3. Вика 3 года назад

    Очень классный виджет, спасибо за подробное описание настроек. Поставлю и себе.:-)

  4. Софья 2 года назад

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

  5. Ян 4 недели назад

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

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

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

*

http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://seofine.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img src="" alt="" class="" width="" height="">