Так как я являюсь практикующим администратором групп в социальных сетях, то заходя на какой-нибудь сайт из поисковика, я обязательно заглядываю и в их группу ВКонтакте.
Как я это делаю? Конечно, благодаря виджету!
Почему я это делаю? Потому что мне интересно, каким образом тот или иной проект представлен в социальных сетях, как ведется группа, насколько она активна и т.д.
Вот так виджет вконтакте выглядит на сайте. Можете и «в живую» его увидеть — он как раз находится справа от вас. Прокрутите колесико мышки немного вниз и сами сможете его лицезреть 🙂
Зачем нужен виджет вконтакте
Самая главная задача, которую выполняет виджет — он связывает ваш сайт и ваше сообщество ВКонтакте. Огромный плюс в том, что посетитель сайта, видит на виджете, в первую очередь, своих друзей, состоящих в группе. Это всегда повышает доверие.
Вспомните себя. Наверняка вы с большим желанием вступали в группы, где уже состояли ваши друзья.
Причем, посетитель сайта буквально в один клик может подписаться на новости вашей группы. И это здорово! Ну не любят люди делать лишних телодвижений и ничего с этим не поделаешь. Лень-матушка…)
Запомните, что каждый лишний клик мышкой — это очередной барьер, который проходят далеко не все ваши посетители и подписчики.
ВКонтакте — самая посещаемая сеть рунета и огромное количество людей (если быть более точной, то около 60 млн.человек) заходят в эту социальную сеть ежедневно. И вашему бизнесу явно пойдет на пользу тот факт, что люди будут получать новости от вас именно на том ресурсе, на котором они привыкли проводить свое свободное время.
Как создать виджет вконтакте для сайта
Для того, чтобы создать виджет вконтакте откройте свою страницу в этой социальной сети.
Затем спускайтесь в самый низ экрана и слева, под таргетированными объявлениями, ищите кнопку «Разработчикам». Пару раз ко мне обращались за помощью начинающие администраторы и писали, что не могут внизу страницы найти эту самую кнопку.
Если вы тоже устали крутить колесико мышки, то поднимитесь на самый верх вашей страницы, кликните на треугольничек возле вашего имени и найдите кнопку «Помощь»
Перед вами откроется страница, внизу которой вы без труда найдете кнопку «Разработчикам»
Вы попадете на страницу разработки приложений. Кликните на кнопку «Подключение сайтов и виджеты»
Найдите раздел «Виджеты для сайтов» и кликните на кнопку «Сообщества».
Перед вами откроется страница «Виджет для сообществ», на которой вы сможете осуществить все необходимые настройки вашего виджета вконтакте. Все поля уже будут заполнены — не пугайтесь! Поля заполнены для примера 🙂
Вы увидите перед собой 5 блоков:
- В поле «Ссылка на страницу» введите адрес своей группы.
- В поле «Вид» - выбираете наиболее интересную для вас опцию:
Участники — на виджете будут отображаться аватарки участников вашего сообщества;
Новости — будут видны последние новости группы;
Только название — у вас на сайте будет только название вашего сообщества. - В третьем блоке вы сможете настроить размеры виджета — его ширину и высоту.
- В четвертом — по своему усмотрению изменить цвет фона, текста и кнопок.
- В самом нижнем поле (в красном квадрате) находится как раз тот самый код, который нам нужно будет вставить на сайт.
Попробуйте поиграться с настройками виджета. Это очень увлекательное занятие, потому что все изменения вы сможете наблюдать в режиме реального времени 🙂
Как установить блок сообщества вконтакте на сайт
Несмотря на то, что все технические вопросы, связанные с сайтом даются мне не просто, виджет вконтакте я смогла установить самостоятельно. Я думаю, что если у вас вордпрессовская площадка (мой сайт работает на движке Вордпресс), то и вам не составит труда сделать это.
Зайдите в админку сайта. В панели управления найдите «Внешний вид».
Затем там же кликните на вкладку «Виджеты». Вам нужно перетащить блок «Текст» (произвольный текст или HTML-код) в ваш сайдбар.
В блоке «Текст» можно придумать заголовок к виджету, вставить код и обязательно сохранить. Кстати сказать, заголовок — вещь не обязательная 🙂
Виджет сообщений вконтакте на свой сайт. Необходимо зайти в своё сообщество/группу вконтакте. P.S: У вас должны быть права администратора для управления сообществом. Заходим в «Управление сообществом «
Настраиваем форму сообщений. Заполняем выделенные поля (В пункте «Разрешённые домены» указываем доменное имя своего сайта, у меня сайта 2, поэтому и 2 домена) :
Далее ставим галочку «Раскрывать сразу» , если требуется. На моём сайте для примера раскрывается данный виджет сразу, на сайте http://айти-казань.рф просто отображается справа внизу и открывается при нажатии на него. Копируем код для вставки на сайт.
Идём в админку своего сайта. Внешний вид — виджеты.
Добавляем текстовое поле и вставляем туда скопированный код. Можно так же данный код вставить не в виджеты, а в «Footer» (подвал) вашего сайта (на скриншоте выделено жёлтым, зависит от темы WordPress). В подвал сайта это более правильно, но я не стал заморачиваться. Смотрите как удобнее. Мне удобнее было в виджеты. Результат одинаковый был. Тестировал на 2-х своих сайтах. Сохраняем.
Вот что в итоге получилось:
Смотрим, радуемся, отмечаем успех!!!
Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.
Виджет для сообществ
Виджет для сообществ тесно свяжет ваш сайт с соответствующей группой или официальной страницей ВКонтакте . Виджет позволяет подписаться на новости сообщества, не покидая страницы.
В виджете могут отображаться фотографии друзей пользователя и других участников сообщества. По ссылке «Подписаны..» доступна демографическая статистика по участникам.
Вместо фотографий также могут отображаться новости сообщества . В этом случае внизу виджета будет располагаться небольшой блок с фотографией самого близкого друга пользователя из числа подписавшихся и списком остальных друзей, состоящих в сообществе. При прокрутке блока вниз автоматически подгружаются более старые записи.
Подключение виджета к Вашему сайту
Для добавления виджета на Ваш сайт, просто скопируйте код для вставки на страницу, на которой Вы хотите разместить виджет.
Здесь всё очень просто.
Для начала определимся с понятиями. Термин “виджет” означает графический блок, в котором выводится информация или некие функциональные элементы группы в социальной сети. Во ВКонтакте подобных модулей существует великое множество, однако сегодня нас с вами будут интересовать конкретно лид-виджеты - веб-приложения для сообществ, пабликов и мероприятий, позволяющие создавать персонализированные рекламные предложения и привлекать внимание посетителей к важной информации. Кроме того, их можно использовать для призыва к совершению определенных действий, в числе которых:
Таким образом, можно существенно улучшить показатели конверсии, а как мы знаем, именно этот коэффициент больше всего волнует владельцев бизнеса, хотя с точки зрения 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 можно рекомендовать лишь в том случае, если вы хотите получать в разы больше лидов, персонализируя предложения на разные аудитории. Вам потребуется сначала понять аудиторию, вложиться в сервис и изучить его, но это окупится (судя по кейсам). К сожалению, бесплатная версия данного решения проигрывает аналогам по всем фронтам из-за ничтожно малого количества настроек.
Хотя приложения для создания виджетов ВК помогают решать задачи технического характера, их эффективность определяется в первую очередь тем, насколько хорошо вы умеете составлять продающие тексты (пускай и короткие), а также знанием предпочтений целевой аудитории. Однако эти вопросы выходят за рамки сегодняшней темы и заслуживают рассмотрения в отдельных публикациях.
Всем доброго дня! Я уже много раз затрагивал тему социальных сетей, где в основном упор делаю на получения социальных сигналов.
Сегодня же я продолжу тему по раскрутке сообщества, но уже одним из бесплатных методов, благодаря виджету группы Вконтакте на сайте.
Какой вебмастер не стремится к увеличения посещаемости своих проектов, ведь это один из значимых факторов успеха его деятельности в сети. Раз надо трафик, так почему бы его добывать не только из поисковиков, но и из социальных сетей, например: Одноклассники, Фейсбук, Вконтакте и другие.
Подробно о продвижении в социлаках я сейчас останавливаться не буду, а затрону лишь отдельную тему касаемую получения переходов из сообществ (групп) от ВК.
В прошлых статьях я подробно рассказал, кто не читал этот пост, пользуйтесь вышеприведенной ссылкой.
Суть этой методики проста, как мир, вам надо сделать сообщество сходной тематики с вашим сайтов и раскручивать его возможными способами.
Позже была описана моя методика , с помощью специальных программ (Group Builder, Inviter, Troll, Botovod), но так как они платные не каждый новичок может взять их к себе на вооружение.
Но тем у кого на площадке варится хоть немного трафика, есть превосходная возможность привлечь внимание посетителей к виджету тематической группы Vkontakte, что будет способствовать увеличения числа подписчиков, которых в будущем можно будет конвертировать не только в постоянных посетителей, но и в клиентов.
Чтобы сразу стало понятно, что мы сегодня будем делать, прошу вас обратить внимание на сайдбар, правую колонку, блога сайт.
Через пару минут похожая картина будет отображаться и на ваших проектах.
Как сделать виджет группы Вконтакте
Настало время перейти от теории к практике, для чего переходим на всеми известный сайт vk.com и на любой странице спускаемся в самый низ экрана, где в футере вы должны будите нажать на ссылку «Разработчикам».
После этого вы должны попасть на специальную страницу, где можно разрабатывать или управлять социальными приложениями. В этом разделе сайта нам понадобится окно «Авторизация и виджеты для сайтов», поэтому по нему и кликаем.
Теперь надо из раздела «Виджеты для сайта» нажать на ссылку «Сообщества», чтобы его подключить к площадке.
На последней странице можно будет произвести все необходимые настройки отображения группы на сайте.
Вид — отмечаем, что будет отображаться в информационном поле:
— Участники
— аватарки подписчиков;
— Новости
— последние новости сообщества;
— Только название
— думаю объяснять не стоит.
Настройки стилей — здесь задаете ширину и высоту блока в пикселях, а также выбираете какой у него будет цвет: фона, текста и кнопок.
Код для вставки — представлен код, который нужно добавить в файлы сайта, чтобы настраиваемый блок начал отображаться.
Первый кусок кода (красный цвет ) придется вставить в любое место файла header.php перед закрывающим тегом . Если вы уже ранее устанавливали подобные приложения, например виджет комментариев, то этот код по идее должен у вас уже быть добавлен.
Второй кусок кода (синий цвет ) придется вставить в то место на сайте, где вы планируете вывести виджет группы от Вконтакте и ниже я покажу, как это сделать.
Установка блока сообщества от Vk на блог WordPress
Так как мой блог работает на CMS (движок) вордпресс, то я покажу на собственном примере самый простой способ реализации данного информационного окна группы в сайдбаре моего блога.
Данная технология будет работать на всех вордпрессовских площадках, а сам виджет можно вывести в любом удобном для вас месте: подвале (футере), шапке, статье.
Переходим в административную панель сайта и выбираем вкладку «Виджеты». Из доступных блоков нас интересует тот, который называется «Текст» (произвольный текст или HTML-код.), вот его мы и перетягиваем к себе в сайдбар.
Должно получится похожая картина, как у меня:
Теперь если перейти на страницу блога, то в сайдбаре будет отображаться ваша группа из Вконтакте.
Кстати, настройки стилей можете редактировать непосредственно из самого кода, если внимательно присмотреться, то там видны все заданные ранее параметры (ширина, высота, цвет).
Казалось бы, такой до безобразия простой способ, но почему то вызывает у некоторых проблемы.
На этом у меня все, если остались вопросы я всегда рад помочь. Пока!
Работает на повышение доверия и лояльности со стороны целевой аудитории, поэтому с ним продажи будут вестись гораздо активнее.
Визуально он представляет собой стилистически оформленный квадрат, в верхней части которого обозначено название группы, чуть ниже - количество участников и аватары некоторых из них. Клик по виджету перебрасывает пользователя в сообщество, где можно подписаться на новости и следить за жизнью компании в целом.
На самом деле инструкция по созданию виджета VK для сайта очень проста. Выглядит она так:
- Войти в свой профиль ВКонтакте.
- Внизу под левым меню найти кнопку Разработчикам и нажать на неё.
- На странице разработки приложений нажать на кнопку Показать все.
- В группе ссылок Виджеты для сайтов найти строку Сообщества и нажать на нее.
На следующем этапе нужно настроить правильную работу виджета.
Настройка виджета группы ВК для сайта
На открывшейся страничке Виджет для сообществ можно настроить виджет в соответствии со своими потребностями и ожиданиями.
Внимание! Все поля в форме заполнены автоматически. Эти данные нужно рассматривать в качестве примера. Их легко изменить на соответствующие конкретной группе.
Для настройки предназначены следующие строки:
- Ссылка на страницу, где нужно прописать адрес группы.
- Вид. В данном разделе можно выбрать наиболее удобную опцию. К примеру, Участники позволяет увидеть на виджете участников группы, Новости отображает последние обновления, Только название оставляет в виджете исключительно название сообщества.
- В строке Ширина можно задать это значение в процентах от ширины родительского элемента.
- Цвет текста и Цвет кнопок - цветовые решения кнопки, фона и текста.
- Ниже формируется код виджета, который затем нужно будет вставить на сайт.
Справка! Создавая виджет, можно поэкспериментировать с настройками, подбирая идеальные сочетания ширины блока, его цветов и отображаемых элементов. Все изменения можно отслеживать в режиме реального времени.
Установка блока сообщества на сайт
Процесс установки виджета на сайт настолько прост, что с ним справится даже человек, далекий от программирования и технического обслуживания веб-ресурсов. Если речь идет о работе с сайтом на WordPress, то инсталляция - это дело пары кликов. Инструкция выглядит так:
- Войти в панель администратора сайта.
- В левом меню найти вкладку Внешний вид.
- Найти раздел Виджеты и там перетащить блок Текст в сайдбар.
- В блоке Текст прописать название виджета и вставить скопированный ранее код. Нажать кнопку Сохранить.
- В режиме предварительного просмотра проследить внешний вид и содержание виджета.
Итак, виджет сообщества ВК для сайта позволяет наладить связь основного сайта с группой в социальной сети. Это обеспечивает стабильный поток посетителей на сторонний ресурс и в сообщество, повышает и количество продаж. Виджет легко создать и настроить, а также установить на сайт. Даже без специальных навыков и умений с этой задачей справится любой человек.