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

24.08.2019

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

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

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

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

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

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

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

http://vk.com/public09678098767

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

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

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

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

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

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

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

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

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

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

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

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

Давайте посмотрим, как это выгладит на скриншотах:




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

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

Виджет приветствия для группы ВК устанавливается по этой ссылке (первый способ)

Подключите сообщество через соответствующую кнопку.


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


В следующем окне вы увидите сообщение, что данное приложение добавлено в ваше сообщество. Ссылка на сообщество активна – перейдите в группу.


Настройка виджета «Приветствие» в группе ВК

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

Для этого перейдите во вкладку Управление сообществом – раздел Приложения .


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

Сохраните изменения.

Теперь перейдите к настройкам приложения по ссылке вверху – Создать виджет.


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

Платный пакет включает в себя 9 виджетов:

  • Персональное предложение
  • Акционные товары
  • Точки продаж
  • Обложки
  • Акции и скидки
  • Отзывы
  • Наши клиенты
  • Мероприятия
  • Текстовый (бесплатный)

Ежемесячная подписка стоит 590 рублей.


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

Настройка шаблона Текстовый виджета приветствия

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


После клика по кнопке Создать вам необходимо заполнить поля нового виджета.

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

Наименование виджета приветствия будет видно только вам.

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

Для этого вам необходимо воспользоваться кодом {firstname}, если в заголовке вы хотите обратиться по имени. При необходимости можно добавить фамилию через код {lastname}.


Переходим к заполнению основной части.

Придумайте основной текст (поле обязательное) до 200 символов.

Вы можете так же добавить описание.

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

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

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


В следующем окне установите виджет в группу.


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

Поменяйте настройки в Приложении . Видимость поставьте для Администраторов, видимость виджета приложения – Все пользователи.


В результате Текстовый виджет приветствия будет выглядеть примерно так:


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


Основные моменты настройки виджетов приветствия

Для Текстового (бесплатного)


Для Персонального виджета (в составе платного пакета)


Бесплатный виджет приветствия для группы ВК

На самом деле я нашла еще одно приложение (сейчас речь пойдет о втором способе), которое позволяет установить виджет приветствия для группы ВК совершенно бесплатно!

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


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


Разрешите доступ к данным сообщества.


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


У вас будут появляться подсказки, поэтому сориентироваться не составит труда!




Особое внимание уделите кнопке виджета. Вы можете поставить любую ссылку, но, как и в первом варианте, она должна вести только на внутренние страницы соцсети ВК.


Кнопку можно удалить совсем. Для этого очистите поля Имя для кнопки и URL на материал .

Вот, что получается в «черновом варианте»:


Если вас все устраивает, нажмите на кнопку Установить виджет .

Еще раз проверьте результат:


После публикации виджета приветствия он отображается первоначально только для администраторов. Нам нужно опять внести изменения в настройки.


Все! Смотрите результат в вашем сообществе:


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

Как я это делаю? Конечно, благодаря виджету!

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

Вот так виджет вконтакте выглядит на сайте. Можете и «в живую» его увидеть — он как раз находится справа от вас. Прокрутите колесико мышки немного вниз и сами сможете его лицезреть 🙂

Зачем нужен виджет вконтакте

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

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

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

Запомните, что каждый лишний клик мышкой — это очередной барьер, который проходят далеко не все ваши посетители и подписчики.

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

Как создать виджет вконтакте для сайта

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

Если вы тоже устали крутить колесико мышки, то поднимитесь на самый верх вашей страницы, кликните на треугольничек возле вашего имени и найдите кнопку «Помощь»

Перед вами откроется страница, внизу которой вы без труда найдете кнопку «Разработчикам»

Вы попадете на страницу разработки приложений. Кликните на кнопку «Подключение сайтов и виджеты»

Найдите раздел «Виджеты для сайтов» и кликните на кнопку «Сообщества».

Перед вами откроется страница «Виджет для сообществ», на которой вы сможете осуществить все необходимые настройки вашего виджета вконтакте. Все поля уже будут заполнены — не пугайтесь! Поля заполнены для примера 🙂

Вы увидите перед собой 5 блоков:

  1. В поле «Ссылка на страницу» введите адрес своей группы.
  2. В поле «Вид» - выбираете наиболее интересную для вас опцию:
    Участники — на виджете будут отображаться аватарки участников вашего сообщества;
    Новости — будут видны последние новости группы;
    Только название — у вас на сайте будет только название вашего сообщества.
  3. В третьем блоке вы сможете настроить размеры виджета — его ширину и высоту.
  4. В четвертом — по своему усмотрению изменить цвет фона, текста и кнопок.
  5. В самом нижнем поле (в красном квадрате) находится как раз тот самый код, который нам нужно будет вставить на сайт.

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

Как установить блок сообщества вконтакте на сайт

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

Зайдите в админку сайта. В панели управления найдите «Внешний вид».

Затем там же кликните на вкладку «Виджеты». Вам нужно перетащить блок «Текст» (произвольный текст или HTML-код) в ваш сайдбар.

В блоке «Текст» можно придумать заголовок к виджету, вставить код и обязательно сохранить. Кстати сказать, заголовок — вещь не обязательная 🙂

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Получаем код виджета группы ВКонтакте

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

Далее нам необходимо заполнить следующие параметры:
— IDгруппы, виджет для которой мы хотим создать.
— Размеры виджета. По умолчанию стоит 240х400px
— Цвет виджета. Большая часть вебмастеров используют стандартные цвета ВКонтакте. В моем случае, т.к. сайт BIZ-NOVOSTROYвыполнен в темной цветовой гамме, эти цвета не подходят. Я заменил стандартный цвет на черный. В нижней части экрана мы получили код нашего виджета:

Размещаем на сайте код виджета ВКонтакте

В размещении виджета группы на сайте нет ничего сложного. Для того чтобы это осуществить, нам необходимо произвести следующие действия. Зайти в административную панель вашего сайта, перейти во «Внешний вид» >>> «Виджеты» . Далее перетаскиваем виджет «Текст» (html-код в свободной форме) в необходимую нам зону (в моем случае это главная страница) и нажимаем «Сохранить» .

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

В случае если в Вашей теме WordPress не предусмотрен вариант размещения в виджетах свободного html-кода, рекомендую разместить виджет через файлы самой темы. Делается это следующим образом: заходим в «Внешний вид» >>> «Редактировать» , находим там файл sidebar.php (у Вас файл может называться right_sidebar.phpи т.д.).

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

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

Успехов Вам в бизнесе!