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

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

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

Что делает новый виджет?

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

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

На что делают ставку разработчики?

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

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

Что необходимо для установки виджета Сообщения сообщества?

Чтобы установить виджет на сайт, компании необходимо:

• вести сообщество в социальной сети ВКонтакте
• в разделе «Управление сообществом» активировать виджет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Таким образом, можно существенно улучшить показатели конверсии, а как мы знаем, именно этот коэффициент больше всего волнует владельцев бизнеса, хотя с точки зрения 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 (именно его используем в группе SMM Aero ВКонтакте). С помощью виджета можно:

• поприветствовать посетителя по имени и показать ему его фотографию (вдруг забыл, ну и эмпатия);
• написать текст: рассказать про акцию или что-то ещё;
• создать кнопку в стиле ВКонтакте.

Чтобы установить виджет, зайдите в SpyCat и нажмите «Запустить».

Установите виджет в свое сообщество.

Настройка виджета

После того, как установили виджет, зайдите в свое сообщество, нажмите Действия - Управление сообществом - Приложения (или подставьте линк вашего сообщества в ссылку https://vk.com/ИМЯ СООБЩЕСТВА?act=apps).

Задайте настройки видимости: кнопка - никто (это чтобы справа не было ничего видно), виджет - все пользователи (или только администраторы, если хотите потренироваться).

Нажмите «Перейти к настройкам в приложении» сверху. Выберите тип виджета, которых хотите разместить: только текст или персональный. Нажмите «Настроить виджет».

Выбираем персональный. Заполняем нужные поля виджета:

• заголовок - текст слева вверху (обязательно, до 100 символов)
• ссылка заголовка - URL при клике на заголовок (не обязательно)
• число - целое число, справа от заголовка (не обязательно)
• заголовок карточки - второй заголовок, справа от аватарки (обязательно)
• ссылка заголовка карточки - URL при клике на заголовок карточки (не обязательно)
• текст - основной текст виджета (обязательно, до 200 символов)
• текст кнопки - добавляет кнопку в стиле ВК (не обязательно, до 50 символов)
• ссылка кнопки - URL при клике на кнопку (обязательно, если есть «Текст кнопки»)
• текст футера - добавляет нижнюю часть виджета (не обязательно, до 100 символов)
• ссылка футера - URL при клике на футер (обязательно, но только если есть «Текст футера»)
• аватарка выводится автоматически.