Интернет. Программы. Советы. Гаджеты. Безопасность

Как создать виджет группы вконтакте. Виджет группы вконтакте. Установка виджета на примере

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

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

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

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

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

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

Позже была описана моя методика , с помощью специальных программ (Group Builder, Inviter, Troll, Botovod), но так как они платные не каждый новичок может взять их к себе на вооружение.

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

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

Через пару минут похожая картина будет отображаться и на ваших проектах.

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

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

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

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

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

Вид — отмечаем, что будет отображаться в информационном поле:

Участники — аватарки подписчиков;
Новости — последние новости сообщества;
Только название — думаю объяснять не стоит.

Настройки стилей — здесь задаете ширину и высоту блока в пикселях, а также выбираете какой у него будет цвет: фона, текста и кнопок.

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

Первый кусок кода (красный цвет ) придется вставить в любое место файла header.php перед закрывающим тегом . Если вы уже ранее устанавливали подобные приложения, например виджет комментариев, то этот код по идее должен у вас уже быть добавлен.

Второй кусок кода (синий цвет ) придется вставить в то место на сайте, где вы планируете вывести виджет группы от Вконтакте и ниже я покажу, как это сделать.

Установка блока сообщества от Vk на блог WordPress

Так как мой блог работает на CMS (движок) вордпресс, то я покажу на собственном примере самый простой способ реализации данного информационного окна группы в сайдбаре моего блога.

Данная технология будет работать на всех вордпрессовских площадках, а сам виджет можно вывести в любом удобном для вас месте: подвале (футере), шапке, статье.

Переходим в административную панель сайта и выбираем вкладку «Виджеты». Из доступных блоков нас интересует тот, который называется «Текст» (произвольный текст или HTML-код.), вот его мы и перетягиваем к себе в сайдбар.

Должно получится похожая картина, как у меня:

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

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

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

На этом у меня все, если остались вопросы я всегда рад помочь. Пока!

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

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

На самом деле инструкция по созданию виджета VK для сайта очень проста. Выглядит она так:

  • Войти в свой профиль ВКонтакте.
  • Внизу под левым меню найти кнопку Разработчикам и нажать на неё.
  • На странице разработки приложений нажать на кнопку Показать все.

  • В группе ссылок Виджеты для сайтов найти строку Сообщества и нажать на нее.

На следующем этапе нужно настроить правильную работу виджета.

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

На открывшейся страничке Виджет для сообществ можно настроить виджет в соответствии со своими потребностями и ожиданиями.

Внимание! Все поля в форме заполнены автоматически. Эти данные нужно рассматривать в качестве примера. Их легко изменить на соответствующие конкретной группе.

Для настройки предназначены следующие строки:

  • Ссылка на страницу, где нужно прописать адрес группы.

  • Вид. В данном разделе можно выбрать наиболее удобную опцию. К примеру, Участники позволяет увидеть на виджете участников группы, Новости отображает последние обновления, Только название оставляет в виджете исключительно название сообщества.

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

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

Установка блока сообщества на сайт

Процесс установки виджета на сайт настолько прост, что с ним справится даже человек, далекий от программирования и технического обслуживания веб-ресурсов. Если речь идет о работе с сайтом на WordPress, то инсталляция - это дело пары кликов. Инструкция выглядит так:

  • Войти в панель администратора сайта.

  • В левом меню найти вкладку Внешний вид.

  • Найти раздел Виджеты и там перетащить блок Текст в сайдбар.

  • В блоке Текст прописать название виджета и вставить скопированный ранее код. Нажать кнопку Сохранить.

  • В режиме предварительного просмотра проследить внешний вид и содержание виджета.

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

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

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

Как добавить виджет группы ВКонтакте

1. Авторизуемся и переходим в раздел для разработчиков

Ищем на страничке надпись «Разработчикам» .

2. Переходим в раздел «Виджеты для сайтов»

Опускаемся в самый низ страницы и в подвале находим ссылку.

3. Выбираем раздел «Сообщества»

Он дает возможность связать группу ВК с сайтом.

4. Настраиваем виджет группы

  1. Указываем адрес сообщества
  2. Устанавливаем внешний вид. Можно настроить содержимое окна, а именно: Участники – будут отображаться в виджете фотографии участников группы, Новости – отображается новостная лента сообщества, Только название – показывается только название сообщества и количество подписчиков. Все изменения будут показаны внизу окна настройки, изменив один пункты, можете посмотреть, как это будет визуально выглядеть
  3. Ширина. Указываем, какого размера должен быть плагин
  4. Цвет фона, текста, кнопки – настраиваем палитру виджета

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

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

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

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

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

Установка и настройка конструктора виджетов ВК

Начнем с основ и разберемся, как вообще подключать сторонние программы к сообществу. Для этого переходим в меню “Управление” -> “Приложения”. К сожалению, каталог не имеет адекватной встроенной навигации, так что придется по старинке прожимать Ctrl+F. Воспользуемся ключевым словом “конструктор”, чтобы найти нужную строку.

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

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

Нажимаем на “Создать первый виджет” и выбираем вариант “Персональный с аватаром”. Здесь все просто: щелкаем по нужному полю и вводим текст во всплывающем окне, а к кнопке привязываем ссылку на целевую страницу. Напоминаем, что URL может быть только внутренним, то есть, относящимся к домену второго уровня vk.com или vk.me.

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

● имя;
● фамилия;
● аватар;
● город;
● страна;
● id.

Кроме того, слова можно склонять в родительном, винительном, дательном, творительном и предложном падежах, например {ИМЯ_ПРЕД}. С полным списком команд можно ознакомиться .

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

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

Помимо стандартного модуля, приложение поддерживает следующие конфигурации виджетов:

● плитки - выводит вертикальные изображения с кратким описанием;
● обложки - демонстрирует до трех широкоформатных картинок с интерактивной кнопкой;
● список и компактный список- от 3 до 6 (в премиум-версии) текстовых блоков с кнопками;
● текст - отображает обширные текстовые блоки;
● таблица - данные в виде сетки, содержащей 1–6 строк и до 4-х колонок;
● матчи - специальные модули для отображения счета спортивных состязаний.

Скидка читателям

Вам повезло, сервис smmbox.com раздаёт скидки.
Сегодня скидка 15% на использование сервиса. Вам нужно просто зарегистрироваться и ввести при оплате промокод smmbox_blog

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

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

Следующее приложение является не менее популярным, и даже снискало звание “народного”. Причина - бесплатность и простота использования. Принцип его установки тот же: ищете в списке “Виджет в сообществе”, добавляете к администрируемой группе, скрываете отображение программы, но делаете сам графический модуль доступным для всех (или только подписчикам, если планируете проводить эксклюзивные акции).

Настройка расширения также не вызовет проблем: выбираете один из 4-х доступных стилей отображения, щелкаете по нужному полю и меняете информацию во всплывающем окне.

Функционал данного конструктора скромнее, однако и он имеет свои фишки. Здесь нам предлагают только две переменные:

● - отображается только имя;
● - выводятся имя и фамилия.

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

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

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

Другое популярное решение - SpyCat, упоминание которого можно встретить во множестве материалов по SMM. Его востребованность в среде оптимизаторов объясняется встроенным таргетингом на платных тарифах, стоимость которых начинается от 590 рублей в месяц на каждое (!) подключенное сообщество (по состоянию на август 2018 года). Однако мы настоятельно не рекомендуем его новичкам: бесплатный функционал весьма скуден, а если вы еще не определились с портретом ЦА и методами стимулирования конверсии, подписка обернется лишь пустой тратой денег.

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

Ограничений на переменные нет, но их количество не радует в принципе:

● {Firstname} - имя;
● {Lastname} - фамилия;
● {City} - город;
● {Career} - профессия.

Склонения, как вы могли догадаться, недоступны.

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

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

Подытожим

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

● если ранее вы никогда не работали с виджетами и только начинаете прощупывать почву, начните с программы “Виджет в сообществе” - она абсолютно бесплатна и идеально подходит для экспериментов благодаря богатым возможностям;
● лучше изучив свою ЦА и ее реакцию на персонализированные предложения, можно перейти на “Конструктор” - обилие переменных поможет составлять более действенные с точки зрения маркетинга тексты, а демократичная платная подписка (тариф для всего вашего аккаунта обойдется в 200 рублей/месяц на 08.2018) позволит создавать блоки любой сложности;
● SpyCat можно рекомендовать лишь в том случае, если вы хотите получать в разы больше лидов, персонализируя предложения на разные аудитории. Вам потребуется сначала понять аудиторию, вложиться в сервис и изучить его, но это окупится (судя по кейсам). К сожалению, бесплатная версия данного решения проигрывает аналогам по всем фронтам из-за ничтожно малого количества настроек.

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

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

В конце ноября появился интересный вариант решения этой проблемы. Ребята из 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. Не забыть о пользе, которую виджет должен приносить не только вам, но и аудитории.

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