Привет всем! Сегодня я расскажу про очередную полезную фишку для сайта – виджет для групп вконтакте. Думаю по названию уже понятно, что он делает. Виджет групп вконтакте – это очень полезная штука, если вы хотите привлечь побольше людей в свою группу с помощью сайта. В общем, все детали читайте в статье.
Не смотря на то, что я не использую виджет для групп на своем сайта (может быть и зря), это очень полезная фишка для удержания аудитории в курсе всех новостей.
Давайте по порядку…
Виджет для групп вконтакте
Итак, выглядит это вот так:
Это виджет с сайта моего брата. Размещаться может где угодно, у него он стоит в сайдбаре (боковая колонка сайта).
О пользе виджета для групп
Дизайн сайта вконтакте давно всем привычен и сразу бросается в глаза, что заставляет обращать на него внимание. Если бы я находился на интересном мне сайте и увидел такой виджет, подписался бы на обновления группы.
Размещается он очень легко и быстро. Плюсом является то, что посетитель, зашедший на сайт и заметивший виджет, увидит друзей, если они состоят в этой же группе, это послужит дополнительным стимулом, чтобы вступить в нее.
Можно буквально в одни клик подписаться на сообщество или публичную страницу. Кстати, я считаю, что для сайтов на много эффективнее использовать публичную страницу ( ?).
Ладно, хватит о достоинствах, они итак всем понятны, я считаю.
Как установить виджет для групп вконтакте?
Итак, инструкция по установке очень похожа на инструкцию по установке , кстати, советую установить их, если еще не установили.
Шаг 1
Шаг 2
Настраиваем наш виджет для групп.
Указываем ссылку на нашу группу или сообщество в первой строчке.
На пункте “Вид”, выбираем то, что нравится. Если листнуть страницу ниже, можете увидеть пример виджета и его изменения.
Ширина и высота не требует объяснений, если что эти значения можно менять прям в коде, изменяя значения “width” и “height”.
Шаг 3
Теперь давайте установим наш виджет на сайт.
То, что я выделил красным цветом, надо разместить в файле “header.php” (для wordpress). Второй код, который обозначен зеленым, размещайте там, где хотите, чтобы виджет групп вконтакте отображался, советую размещать его в виджете.
P.s. Если вы уже устанавливали комментарии или от вконтакте, скорее всего вам не надо устанавливать первую часть кода потому, что она уже установлена у вас.
Вот и все!
Как видите, установка очень простая и не требует много времени и усилий. Каждому под силу справится с этим, но если у вас возникнут вопросы, обращайтесь ко мне в комментариях и я с радостью вам помогу.
На этом все, до скорых встреч, удачи вам и процветания!
Коржики на сегодня:
Забавный ролик про принцессу и рыцаря
Вам понравилось?
Так как я являюсь практикующим администратором групп в социальных сетях, то заходя на какой-нибудь сайт из поисковика, я обязательно заглядываю и в их группу ВКонтакте.
Как я это делаю? Конечно, благодаря виджету!
Почему я это делаю? Потому что мне интересно, каким образом тот или иной проект представлен в социальных сетях, как ведется группа, насколько она активна и т.д.
Вот так виджет вконтакте выглядит на сайте. Можете и «в живую» его увидеть — он как раз находится справа от вас. Прокрутите колесико мышки немного вниз и сами сможете его лицезреть 🙂
Зачем нужен виджет вконтакте
Самая главная задача, которую выполняет виджет — он связывает ваш сайт и ваше сообщество ВКонтакте. Огромный плюс в том, что посетитель сайта, видит на виджете, в первую очередь, своих друзей, состоящих в группе. Это всегда повышает доверие.
Вспомните себя. Наверняка вы с большим желанием вступали в группы, где уже состояли ваши друзья.
Причем, посетитель сайта буквально в один клик может подписаться на новости вашей группы. И это здорово! Ну не любят люди делать лишних телодвижений и ничего с этим не поделаешь. Лень-матушка…)
Запомните, что каждый лишний клик мышкой — это очередной барьер, который проходят далеко не все ваши посетители и подписчики.
ВКонтакте — самая посещаемая сеть рунета и огромное количество людей (если быть более точной, то около 60 млн.человек) заходят в эту социальную сеть ежедневно. И вашему бизнесу явно пойдет на пользу тот факт, что люди будут получать новости от вас именно на том ресурсе, на котором они привыкли проводить свое свободное время.
Как создать виджет вконтакте для сайта
Для того, чтобы создать виджет вконтакте откройте свою страницу в этой социальной сети.
Затем спускайтесь в самый низ экрана и слева, под таргетированными объявлениями, ищите кнопку «Разработчикам». Пару раз ко мне обращались за помощью начинающие администраторы и писали, что не могут внизу страницы найти эту самую кнопку.
Если вы тоже устали крутить колесико мышки, то поднимитесь на самый верх вашей страницы, кликните на треугольничек возле вашего имени и найдите кнопку «Помощь»
Перед вами откроется страница, внизу которой вы без труда найдете кнопку «Разработчикам»
Вы попадете на страницу разработки приложений. Кликните на кнопку «Подключение сайтов и виджеты»
Найдите раздел «Виджеты для сайтов» и кликните на кнопку «Сообщества».
Перед вами откроется страница «Виджет для сообществ», на которой вы сможете осуществить все необходимые настройки вашего виджета вконтакте. Все поля уже будут заполнены — не пугайтесь! Поля заполнены для примера 🙂
Вы увидите перед собой 5 блоков:
- В поле «Ссылка на страницу» введите адрес своей группы.
- В поле «Вид» - выбираете наиболее интересную для вас опцию:
Участники — на виджете будут отображаться аватарки участников вашего сообщества;
Новости — будут видны последние новости группы;
Только название — у вас на сайте будет только название вашего сообщества. - В третьем блоке вы сможете настроить размеры виджета — его ширину и высоту.
- В четвертом — по своему усмотрению изменить цвет фона, текста и кнопок.
- В самом нижнем поле (в красном квадрате) находится как раз тот самый код, который нам нужно будет вставить на сайт.
Попробуйте поиграться с настройками виджета. Это очень увлекательное занятие, потому что все изменения вы сможете наблюдать в режиме реального времени 🙂
Как установить блок сообщества вконтакте на сайт
Несмотря на то, что все технические вопросы, связанные с сайтом даются мне не просто, виджет вконтакте я смогла установить самостоятельно. Я думаю, что если у вас вордпрессовская площадка (мой сайт работает на движке Вордпресс), то и вам не составит труда сделать это.
Зайдите в админку сайта. В панели управления найдите «Внешний вид».
Затем там же кликните на вкладку «Виджеты». Вам нужно перетащить блок «Текст» (произвольный текст или HTML-код) в ваш сайдбар.
В блоке «Текст» можно придумать заголовок к виджету, вставить код и обязательно сохранить. Кстати сказать, заголовок — вещь не обязательная 🙂
Здравствуйте, уважаемые читатели. В нашем курсе “Как создать сайт на WordPress” мы уже изучили огромное количество материалов, посвященных сайтостроению. Фактически дело осталось за малым. И сегодня мы разберем, как добавить виджет группы ВКонтакте на Ваш сайт.
Получаем код виджета группы ВКонтакте
Итак, для того чтобы разместить виджет группы на сайте, для начала Вам необходимо создать эту группу. Как это сделать, я описал в своей статье «Как правильно создать группу ВКонтакте».
Допустим, группа у Вас уже есть. На следующем этапе нам необходимо перейти по этой ссылке, и перед нами откроется интерфейс, в котором необходимо выбрать «Авторизация и виджеты для сайтов»
.
На следующем этапе выбираем раздел сообщества:
Далее нам необходимо заполнить следующие параметры:
— IDгруппы, виджет для которой мы хотим создать.
— Размеры виджета. По умолчанию стоит 240х400px
— Цвет виджета. Большая часть вебмастеров используют стандартные цвета ВКонтакте. В моем случае, т.к. сайт BIZ-NOVOSTROYвыполнен в темной цветовой гамме, эти цвета не подходят. Я заменил стандартный цвет на черный. В нижней части экрана мы получили код нашего виджета:
Размещаем на сайте код виджета ВКонтакте
В размещении виджета группы на сайте нет ничего сложного. Для того чтобы это осуществить, нам необходимо произвести следующие действия. Зайти в административную панель вашего сайта, перейти во «Внешний вид» >>> «Виджеты» . Далее перетаскиваем виджет «Текст» (html-код в свободной форме) в необходимую нам зону (в моем случае это главная страница) и нажимаем «Сохранить» .
Запасной способ размещения виджета группы ВКонтакте
В случае если в Вашей теме WordPress не предусмотрен вариант размещения в виджетах свободного html-кода, рекомендую разместить виджет через файлы самой темы. Делается это следующим образом: заходим в «Внешний вид» >>> «Редактировать» , находим там файл sidebar.php (у Вас файл может называться right_sidebar.phpи т.д.).
Теперь в конце данного файла сохраняем код нашего виджета. Виджет должен появиться в правом сайдбаре.
В заключение хотел бы сказать, что виджеты имеют большое значение для развития Вашего сайта. Благодаря виджетам Вы собираете целевую аудиторию, которую в перспективе можно неплохо монетизировать.
Кроме этого, тесное взаимодействие сайта с социальными сетями отлично сказывается на его продвижении в поисковых системах. Обязательно помните, что основа любого сайта — это качественный контент. Постоянно работайте над качеством материала. Таким образом Ваш сайт постепенно станет для Ваших читателей вторым домом, что в перспективе даст Вам возможность отлично зарабатывать.
Успехов Вам в бизнесе!
Зацепить чем-то привередливых пользователей «ВКонтакте» всё сложнее: аудитория привыкает и к ярким картинкам, и к кричащим надписям. Но что делать, если нужно привлечь внимание подписчиков к важной информации?
В конце ноября появился интересный вариант решения этой проблемы. Ребята из Spycat выпустили виджет приветствия для сообществ «ВКонтакте». Такой виджет позволяет обратиться к пользователю лично.
Выглядит такое обращение вот так:
Ко мне обратились по имени и показали мою аватарку. Приятно, что на концерт зовут именно меня.
Виджет приветствия «ВКонтакте» поможет подтолкнуть аудиторию, которая заходит в сообщество, к целевому действию:
- оформить заказ;
- подписаться на рассылку;
- почитать FAQ;
- почитать приятный бонус (например, промокод на скидку).
В этой статье я расскажу, как пользоваться виджетом, и дам парочку полезных советов.
Как установить виджет приветствия в группу «ВКонтакте»
Чтобы установить виджет приветствия, идём в каталог приложений «ВКонтакте» и жмём на кнопку «Добавить» напротив нужного нам приложения Spycat.
Важно: в настройках видимости поставьте галочку «Только для администраторов», чтобы обычные посетители не видели кнопку «Открыть приложение» рядом с обложкой сообщества. А в настройках «Видимость виджета приложения», наоборот, ставим «Все пользователи».
Пока вы создаете виджет, можете ограничить видимость только администраторами. Главное - не забыть потом открыть виджет для всех.
К счастью, Spycat подготовили удобную шпаргалку:
В текстах для виджета приветствия «ВКонтакте» можно использовать несколько переменных:
- имя и фамилию: {Firstname} и {Lastname} соответственно;
- город проживания: {City};
- последнюю указанную в профиле профессию: {Career}.
Обратите внимание, что каждое текстовое поле имеет ограничение до 100 символов, а надпись на кнопке — до 50. Поэтому в Льва Толстого поиграть не получится.
Как можно использовать виджет приветствия «ВКонтакте»
Общий совет: не пишите размыто. Пока я писала пост, успела забыть, из какого сообщества взяла этот пример.
Невнятные характеристики вроде «много интересных записей» и «много прикольных картинок» в тексте виджета не помогли мне вспомнить. Лучше писать что-то конкретное и свойственное именно вашему сообществу. По крайней мере здесь есть призыв к действию «Подпишись» — это хороший ход.
А теперь расскажу, что можно делать при помощи виджета приветствия «ВКонтакте».
1. Рассылка
С помощью виджета стало гораздо проще убедить аудиторию подписаться на рассылку сообщений сообщества или просто на ваше сообщество. О том, как уже рассказывал мой коллега Серёжа.
2. ЧаВо
Ещё с помощью виджета приветствия «ВКонтакте» можно направить пользователей на страницу FAQ, чтобы вам не пришлось тысячу раз объяснять новичкам в сообщениях и комментариях одно и тоже. Вот как это сделали фанаты ручкокручения:
С помощью виджета приветствия «ВКонтакте» обладатели странноватого хобби значительно упростили новобранцам жизнь: теперь, чтобы найти все необходимые уроки в правильном хронологическом порядке, посетители просто жмут на кнопку и получают результат.
3. Приятные бонусы
Ещё один актуальный способ использования персональных виджетов — выдача промокодов на скидку.
В этом виджете админы группы, которая продаёт духи, применили довольно редкую переменную — число. Видите, где написано 45? Число связывается с CRM-системой магазина. С каждым проданным по акции флаконом число будет уменьшаться.
Конечно, для нас с вами было бы понятнее, если бы вместо «всего 45 ароматов» было бы написано «осталось 45 ароматов». Возьмите себе на заметку такой способ обратного отсчёта.
4. Конкурс
Кроме того, виджет приветствия «ВКонтакте» помогает поднять активность участников сообщества. Это особенно полезно, если вы проводите творческий конкурс. Вот пример от анимешников:
Только не берите с них пример написания числительных.
5. Оффер
Ну и конечно, зачем ходить вокруг да около, если можно просто призвать пользователя оформить заказ или попросить отправить заявку. Особенно это подойдёт для сообществ, где продаются простые товары.
Вот такую милую манипуляцию использует детский благотворительный фонд «С любовью»:
Для более сложных товаров лучше предложить пользователю задать вопрос или помочь ему рассчитать стоимость услуги - к примеру, если вы продаёте окна или занимаетесь дизайном помещений. Ссылку поставьте на диалог с сообществом.
Подытожим. Чтобы успешно использовать виджет приветствия «ВКонтакте», нужно:
- Определиться с целью и страницей, на которую будет вести виджет.
- Прописать призыв к действию на кнопке или в тексте виджета.
- Не забыть о пользе, которую виджет должен приносить не только вам, но и аудитории.
Я рассказала, как наиболее эффективно использовать виджет приветствия «ВКонтакте», однако вы можете применять его и для других задач. Поделитесь опытом и идеями, как вы используете персональные виджеты, обсудим вместе!
«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Социальная сеть ВКонтакте запустила новый виджет - Сообщения сообщества. Теперь вместо обычного чата пользователи смогут задать вопросы представителю компании через знакомый виджет»
Эксперты социальной сети ВКонтакте на недавнем внутреннем марафоне разработчиков создали прототип нового виджета для брендовых сайтов - Сообщения сообщества. Это инструмент для общения компании и клиентами на брендовом сайте с помощью знакомого и проверенного инструмента.
Что делает новый виджет?
Виджет упрощает коммуникацию пользователей и компании. Любой зарегистрированный ВКонтакте пользователь сможет задать вопросы представителям компании в новом виджете непосредственно на сайте без необходимости переходить в социальную сеть. Ждать ответа на сайте как в случае с онлайн-чатом не обязательно. Ответить на сообщение можно будет как в веб-версии, так и в мобильном приложении. Новый виджет автоматически просчитывает среднее время ответа, анализируя историю переписки с другими клиентами за последние 72 часа.
Сообщения администраторам сообществ будут приходить в привычном режиме. Настройки виджета позволяют добавить брендовый приветственный месседж. Это продемонстрирует заботу о клиентах, повысит лояльность и вызовет доверие.
На что делают ставку разработчики?
У большинства активных пользователей есть аккаунты в ВКонтакте. Это избавляет пользователей от необходимости авторизоваться, дополнительно регистрироваться, предоставлять на сайте контакты. Виджет сообщений сохраняет весь функционал, доступный в десктопной версии социальной сети: в диалоге можно отправить фотографию, изображение, документ для более детального обсуждения.
Это снижает конверсионные трения, делает компанию ближе к пользователю, снижает риски для пользователя (теперь не надо оставлять на незнакомом сайте реальные контакты).
Что необходимо для установки виджета Сообщения сообщества?
Чтобы установить виджет на сайт, компании необходимо:
- вести сообщество в социальной сети ВКонтакте
- в разделе «Управление сообществом» активировать виджет
