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

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

Как же это сделать?

3. Переходим на страницу «Мои Настройки».

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

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

Начнём по порядку.

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

Переходим на страницу этого виджета.

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

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

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

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

Например, если ширина области под контент равна 600 пикселей, то и ширину блока «Коммертарии» указываем аналогичную. Не беда, если вы не угадаете с шириной изначально, потом её можно будет исправить в коде вручную.

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

Виджет «Запись на стене» — для чего он нужен? Попробую объяснить на примере.

Допустим, вы на своём блоге размещаете новость об увольнении Павла Дурова из ВКонтакте, и хотели бы процитировать его мнение по этому поводу. Вам всего-навсего необходимо найти нужную запись в социальной сети. Скопировать её URL.

Перейти на страницу виджета «Запись на стене».

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

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

В пункте «Вид» выбираем, что будет отображаться в виджите.

Участники : фотографии подписчиков и их количество.

Только название : в виджете будет отображаться логотип вашего сообщества и его название.

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

После всех настроек, вы так же копируете «Код для вставки» и добавляете его в отведённую область на сайте.

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

Здесь также как и для комментариев указываем название сайта, его адрес, основной домен и тематику. Далее жмём кнопку «Сохранить».

Теперь необходимо настроить внешний вид кнопки. Здесь на ваше усмотрение. Далее выбираем высоту кнопки — для всех вариантов кнопок предложенные значения одинаковые: 18, 20, 22 или 24 пикселя. Так же если вы выбрали вариант кнопки «Кнопка с миниатюрным счётчиком» или «Кнопка с текстовым счётчиком», то можно в пункте «Название кнопки» выбрать текст, который будет отображаться на кнопке. Вариантов всего два: «Мне нравится» или «Это интересно».

Всё! Копируем код и добавляем на страницы сайта.

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

С первыми пунктами настройки данного виджета думаю вам о так уже всё ясно, поэтому начну с «Количества записей». Здесь вы выбираете количество отображаемых популярных страниц. Их может быть 3, 5 или 10.

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

В пункте «Формулировка» выбираем наиболее приемлемую фразу («Понравилось» или «Интересно») и вновь копируем «Код для вставки».

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

Например, вы сменили дизайн своего блога и хотите узнать мнение своих читателей. Идём в раздел виджета «Опросы». Заполняем форму (вы конечно для своего сайта описание добавляете):

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

Когда анкета опроса сформулирована, указываем ширину блока с опросом и нажимаем кнопку «Получить код».

Появится всплывающее окошко, из которого вы сможете скопировать Код для вставки.

После вставки кода на сайт, ваши читатели увидят вот такую форму опроса:

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

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

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

Думаю этот виджет можно ещё использовать в том случае, если, например, вам на блог пишут статьи другие люди (как у Александра Борисова), где в конце статьи вы указываете ссылку-имя автора на его сайт. А если сайта нет? Вот тогда можно воспользоваться этим виджетом и отправлять всех желающих познакомиться с автором на его страничку в соцсети.

На этом всё! Удачных вам экспериментов!

Зацепить чем-то привередливых пользователей «ВКонтакте» всё сложнее: аудитория привыкает и к ярким картинкам, и к кричащим надписям. Но что делать, если нужно привлечь внимание подписчиков к важной информации?

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

Выглядит такое обращение вот так:

Ко мне обратились по имени и показали мою аватарку. Приятно, что на концерт зовут именно меня.

Виджет приветствия «ВКонтакте» поможет подтолкнуть аудиторию, которая заходит в сообщество, к целевому действию:

• оформить заказ;
• подписаться на рассылку;
• почитать FAQ;
• почитать приятный бонус (например, промокод на скидку).

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

Как установить виджет приветствия в группу «ВКонтакте»

Чтобы установить виджет приветствия, идём в каталог приложений «ВКонтакте» и жмём на кнопку «Добавить» напротив нужного нам приложения Spycat.

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

Пока вы создаете виджет, можете ограничить видимость только администраторами. Главное - не забыть потом открыть виджет для всех.

К счастью, Spycat подготовили удобную шпаргалку:

В текстах для виджета приветствия «ВКонтакте» можно использовать несколько переменных:

1. имя и фамилию: {Firstname} и {Lastname} соответственно;
2. город проживания: {City};
3. последнюю указанную в профиле профессию: {Career}.

Обратите внимание, что каждое текстовое поле имеет ограничение до 100 символов, а надпись на кнопке — до 50. Поэтому в Льва Толстого поиграть не получится.

Как можно использовать виджет приветствия «ВКонтакте»

Общий совет: не пишите размыто. Пока я писала пост, успела забыть, из какого сообщества взяла этот пример.

Невнятные характеристики вроде «много интересных записей» и «много прикольных картинок» в тексте виджета не помогли мне вспомнить. Лучше писать что-то конкретное и свойственное именно вашему сообществу. По крайней мере здесь есть призыв к действию «Подпишись» — это хороший ход.

А теперь расскажу, что можно делать при помощи виджета приветствия «ВКонтакте».

1. Рассылка

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

2. ЧаВо

Ещё с помощью виджета приветствия «ВКонтакте» можно направить пользователей на страницу FAQ, чтобы вам не пришлось тысячу раз объяснять новичкам в сообщениях и комментариях одно и тоже. Вот как это сделали фанаты ручкокручения:

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

3. Приятные бонусы

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

В этом виджете админы группы, которая продаёт духи, применили довольно редкую переменную — число. Видите, где написано 45? Число связывается с CRM-системой магазина. С каждым проданным по акции флаконом число будет уменьшаться.

Конечно, для нас с вами было бы понятнее, если бы вместо «всего 45 ароматов» было бы написано «осталось 45 ароматов». Возьмите себе на заметку такой способ обратного отсчёта.

4. Конкурс

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

Только не берите с них пример написания числительных.

5. Оффер

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

Вот такую милую манипуляцию использует детский благотворительный фонд «С любовью»:

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

Подытожим. Чтобы успешно использовать виджет приветствия «ВКонтакте», нужно:

1. Определиться с целью и страницей, на которую будет вести виджет.
2. Прописать призыв к действию на кнопке или в тексте виджета.
3. Не забыть о пользе, которую виджет должен приносить не только вам, но и аудитории.

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

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

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

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

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

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

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

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

http://vk.com/public09678098767

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итак, приступим к установке. Прежде всего, для того, чтобы виджет этот нам раздобыть, нужно перейти по такому адресу: http://vk.com/dev

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

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

Также на нужную страницу можно попасть минуя все предыдущие пункты, просто перейдя по адресу: http://vk.com/dev/Community Попадете в то же место.

Настройки буду разбирать по пунктам, которые я пронумеровала на рисунке:

1. В первом пункте нужно вставить адрес страницы Вашей группы. Для этого откройте в новом окне свою группу и скопируйте из адресной строки адрес группы.

2. Определитесь как будет виджет отображаться: в виде аватарок участников (как в моем примере), новостей, или просто в виде названия. Протестируйте все пункты по очереди и посмотрите как больше нравится.

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

3. Настройте ширину и высоту, в зависимости от места, на сайте, где будет находится виджет.
Кстати, в дальнейшем, если нужно будет изменить размер, совсем не обязательно снова заходить на эту страничку и выставлять другие цифры. Достаточно просто в коде, который мы будем вставлять на блог, изменить параметры «width» (ширина) и «height» (высота)

4. В четвертом пункте выбираем цвет фона, текста и кнопки по своему вкусу.

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

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

Теперь давайте разберем как виджет Вконтакте вставить на сайт.

Есть два варианта вставки кода. Я использовала оба и оба у меня работали без проблем. Поэтому смотрите какой из вариантов Вам больше подойдет

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

Вторую часть кода (помечена буквой В ) нужно прописать в то место, где будет находится виджет. Чаще всего это файл «sidebar.php» . Или его просто можно вставить через админку сайта. Для этого нужно перейти в раздел «Виджеты» , выбрать виджет «текст» , перетянуть его на сайдбар и прописать туда вторую часть кода.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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