Приветствую вас, друзья!

Сегодня разберёмся, как установить виджет Вконтакте на сайт, имеется ввиду — виджет Вашей группы Вконтакте. Делается это для того, чтобы читатели сайта могли видеть Вашу группу и добавляться в неё находясь прямо на сайте. Кстати, как создать группу в Вконтакте — пошаговое описание находится ЗДЕСЬ.

Установка виджетов групп на сайт — один из самых эффективных методов интеграции сайта с социальными сетями. Так что на одном только виджете Вконтакте рекомендую не зацикливаться — создайте ещё группу в Фэйсбуке, там есть похожая функция установки виджетов. Сама давно в планы занесла создание группы сайта в Фэйсбуке 🙂 .

Но вернёмся к нашим баранам, то есть к виджету «Мы Вконтакте.

1. На странице созданной Вами группы Вконтакте внизу есть ссылка разработчикам (отмечена красной линией) — жмём на неё:

2.На открывшейся страничке нажимаем ссылку Виджеты и сторонние сайты (показана красной стрелочкой):

3.Среди предложенных вариантов на открывшейся следующей страничке выбираем Сообщества (рядом красная стрелка):

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

Если предложенная по умолчанию ширина и высота виджета (200х290) Вас не устраивает — обычно не устраивает ширина, т. к. у многих сайдбар шире — Вы можете поменять её на нужную прямо на этой страничке.

5.Второй вариант изменения ширины — отрегулировать её прямо в HTML-коде при установке на сайт. Здесь же можно отрегулировать расположение виджета по центру — добавить тэг <center></center> заключив в него весь код виджета:

<center><script type=»text/javascript» src=»//vk.com/js/api/openapi.js?79″></script>

<!— VK Widget —>
<div id=»vk_groups»></div>
<script type=»text/javascript»>
VK.Widgets.Group(«vk_groups», {mode: 0, width: «200», height: «290»}, 50564978);
</script></center>

6.Ну, а как установить этот код в виджет, думаю, всем известно. Идём в админ-панель, открываем меню Виджеты, выбираем вариант виджета — Текст и в открывшееся поле вставляем код, сохраняем:

Заголовок вводить не обязательно, в самом виджете уже он есть («Мы Вконтакте«).

7.Вот и всё. Любуемся виджетом Мы Вконтакте на своём сайте!

Теперь вам известно буквально всё о том, как установить виджет Вконтакте на сайт 🙂 . Если остались вопросы — спрашивайте в комментариях, отвечу.

Успешного продвижения в социальных сетях!

С уважением
автор блога Александра Клименко.

Хочешь начать новую жизнь?

Начни с исполнения Мечты!

Введи свое имя и свой E-mail в эту форму и получи бесплатную книгу
«Мечтай и Действуй!»

25 практических заданий бесплатно
и плюс ко всему — несколько бонусов

Ваш e-mail: *
Ваше имя: *

 

 

Об авторе

Друзья, рада приветствовать вас на страницах своего проекта! Это проект о понимании себя и своих возможностей. Главная тема здесь — это мы сами, люди, наши огромные возможности и кратчайшие способы их реализовать. Мне очень не хотелось бы, чтобы кто-то из вас упустил свои шансы в жизни. Так бывает, мы часто откладываем наши желания и возможности их реализовать на потом. Иногда нам кажется, что наши возможности очень ограниченны из-за недостатка финансов или других ресурсов. На самом же деле ресурсов достаточно для всех. Наши Мечты остаются нереализованными не из-за недостатка ресурсов, а из-за недостатка действий. В результате получается такой дисбаланс: с одной стороны наши, такие огромные, Мечты, а с другой стороны наши, такие маленькие, действия. И как раз тому, чтобы выровнять баланс Мечт и Действий я хочу посвятить этот проект сейчас. Мы ни в коем случае не будем уменьшать наши огромные Мечты. Но мы каждый раз и в каждом конкретном случае будем увеличивать наши Действия. И придём, таким образом, к идеальному балансу. Я в прошлом главный бухгалтер, поэтому мысль об идеальном балансе мне особенно близка, бухгалтера меня поймут)). Сейчас я коуч, тренер и действующий предприниматель, читайте мою историю здесь>> Моя история Итак, да пребудет с нами сила. А так же — безграничное счастье наряду с безграничными возможностями!

19 Responses to Как установить виджет Вконтакте

  • Наталья

    Александра, давно интересовал этот вопрос. Спасибо за полезную статью!

  • Зоя

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

    • Александра Клименко

      Ой, я ведь не заставляю никого… Проверять не буду :))))

  • Владимир

    Очень полезная статья, возьму на вооружение и постараюсь в ближайшее время использовать. Спасибо.

  • Sergey

    Прямо сейчас попробую поставить, спасибо!

  • Светлана

    Большое спасибо Александра. Я в прошлой статье задавала вам этот вопрос. Вы ответили просто замечательно!

  • Теймур

    Александра! Спасибо за подробную инструкцию по установке виджета Вконтакте, установил, буду добавлять для начала друзей!

  • Елена

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

  • Елена

    Спасибо, Сашенька, огромное! И группу создала, и виджет установила, правда, пока одна там кукую. 🙂 )))

    • Александра Клименко

      Не так уж и одна. Сегодня посмотрела, а вас там уже 5 человек. Молодец, Лена!

  • Галина

    Александра, сгенерировала код, установила в виджет, а он не отображается. Делала все по — этапно Почему?

  • Денис

    Мучаюсь уже месяц: у меня не получается настроить виджет. Вместо текста в OPERA показывает квадратики . Во всех других брайзерах все в порядке. Виджеты, установленные на других сайтах, в OPERA также показывает нормально. Помогите пожалуйста, что у меня не так в настройках ?
    http://www.super-tort.ru/respond.shtml

    • Александра Клименко

      У вас что-то с браузером Опера. Я у себя открывала Ваш сайт в Опере — у меня текст в виджете отображается нормально.

      • Денис

        Это, конечно, меня радует. Может у подавляющего большинства посетителей тоже все нормально отображается и глюк исключительно у меня на компьютере. Значит наверно какие-то индивидуальные настройки OPERA именно у меня на компьютере ? …. Это подбешивает немного …. и напрягает ….

        • Александра Клименко

          У меня знакомая недавно так мучилась: у неё звук в роликах отсутствовал — и в блоге, и на ютубе. Её это тоже бесило, пока она не пошла в другие браузеры (кроме хрома) и не увидела что там звук включается.
          Потом нашла в и-нете в чём проблема — оказалось, какой-то плагин в браузер надо установить.

  • Антон

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

    • Александра Клименко

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

  • Pasekavod

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

  • Елена

    Спасибо, совершенно ничего сложного как оказалось нет, установила виджет к себе за пару минут, всё работает прекрасно!

Написать ответ

Your email address will not be published. Required fields are marked *