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

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

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

Установка виджета ВКонтакте для группы может реализовываться по 3-м схемам:

1-я схема – виджет на сайте выводит только участников сообщества ВК;
2-я схема – виджет на сайте выводит только новости сообщества ВК;
3-я схема – виджет на сайте выводит только название сообщества ВК.

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

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

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

Устанавливаем виджет ВКонтакте: пошаговая инструкция

1. Для начала входим ВКонтакт и авторизуемся по стандартной схеме (Пароль и Логин). Проходим к разделу «Разработчикам – Виджеты» по прямой ссылке:
http://vk.com/dev/Community

2. Приступаем к заполнению всех необходимых полей виджета ВКонтакте. Обязательными полями можно считать:

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

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

3. Если все устраивает и внешний вид соответствует дизайну нашего сайта, где будет установлен виджет ВКонтакте, то можно скопировать созданный код и вставить его на сайт. Тем не менее, чтобы оптимизировать работу системы сайт рекомендует пройти еще по одной ссылке – «Перейти к подробной документации виджета».

Примечание: чтобы заданные настройки виджета не обнулились, лучше предварительно скопировать код в буфер обмена или в Блокнот!

4. Как видно, в документации нам предлагают поступить более разумно, вынеся скрипты в контейнер Title, а в нужном месте тела сайта (контейнер Body) вставить только новый блочный элемент DIV. Решать только вам. В любом случае код виджета будет работать нормально и без единого сбоя!

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

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

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

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

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

Итак, выглядит это вот так:

Это виджет с сайта моего брата. Размещаться может где угодно, у него он стоит в сайдбаре (боковая колонка сайта).

О пользе виджета для групп

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

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

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

Ладно, хватит о достоинствах, они итак всем понятны, я считаю.

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

Итак, инструкция по установке очень похожа на инструкцию по установке , кстати, советую установить их, если еще не установили.

Шаг 1

Шаг 2

Настраиваем наш виджет для групп.

Указываем ссылку на нашу группу или сообщество в первой строчке.
На пункте “Вид”, выбираем то, что нравится. Если листнуть страницу ниже, можете увидеть пример виджета и его изменения.
Ширина и высота не требует объяснений, если что эти значения можно менять прям в коде, изменяя значения “width” и “height”.

Шаг 3

Теперь давайте установим наш виджет на сайт.

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

P.s. Если вы уже устанавливали комментарии или от вконтакте, скорее всего вам не надо устанавливать первую часть кода потому, что она уже установлена у вас.

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

На этом все, до скорых встреч, удачи вам и процветания!

Коржики на сегодня:

Забавный ролик про принцессу и рыцаря

Вам понравилось?

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

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

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

Социальные сети – это второй по доступности источник трафика для сайта после поисковых систем, и третий по эффективности. При правильном продвижении Интернет-проекта в соц.сетях можно добиться прироста посещаемости на 30%, а количество постоянных читателей до 70%!
Вот почему вебмастеры в первую очередь обращают пристальное внимание на социальные сети, создавая официальные страницы от сайта, запуская новостей. И главной российской площадкой для раскрутки своего веб-сайта или Интернет бизнеса, является сеть , которая предоставляет достаточные мощности для свободного старта без каких-либо вложений!

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

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

Чтобы приступить к вставке кода на страницы сайта, для начала авторизуемся на сайте ВКонтакте, и проследуем по ссылке «Разработчикам» в конце страницы:

1. Найдите пункт «Авторизация и виджеты для сайта» ;
2. Щёлкаем «Сообщество» — 3 пункт сверху и настраиваем отображение;
3. Укажите ссылку на свою группу или паблик, так как она отображается в адресной строке;
4. Выберите формат отображения: Участники, новости, только название (рекомендуем вариант «Участники», как более распространённый среди блогов и большинства крупных сайтов);
5. Далее настройте габариты виджета (ширину и высоту в пикселях), и если требуется измените цветовое решение, чтобы вписать в шаблон сайта.

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

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

Как вставить виджет ВК через iframe

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

Чтобы избежать таких неполадок, можно применить иной способ вывода «Виджета Сообщества», воспользовавшись кодом построенным на показе через