Не каждый пользователь социальной сеть ВКонтакте знает, что это не только средство общения с друзьями, но и мощный инструмент для веб-мастеров. Даже имея мало-мальские знания в сайтостроении вы сможете интегрировать ваш веб-ресурс с ВКонтакте, получив не только полнофункциональные средства интерфейса, но и дополнительный трафик посещаемости.
Как же это сделать?
3. Переходим на страницу «Мои Настройки».
4. Прокручиваем страницу вниз и в подвале сайта находим меню с ссылкой «разработчикам». Переходим по данной ссылке.
6. Перейдём в этот раздел, где будет перечислен список виджетов для сайта.
Начнём по порядку.
Виджет «Комментарии» позволяет настроить блок комментариев к статьям вашего сайта.
Переходим на страницу этого виджета.
И заполняем все поля: указываем название, адрес, основной домен и тематику сайта. В списке «Количество комментариев» выбираем необходимое число комментариев, которые будут отображаться на странице, остальные будут скрываться под кнопкой «Предыдущие комментарии», которые можно будет так же прочитать, нажав на эту кнопку.
Напротив пункта «Медиа» убираем галочку, если вы хотите чтобы в комментариях был только текст. Если хотите дать волю пользователям, то галочку можно оставить или настроит данную функцию на ваше усмотрение.
Например, разрешить пользователю кроме текста прикреплять к своим комментариям фотографии, видео и ссылки, а рисовать графити и добавлять аудиозаписи запретить.
В поле «Ширина» необходимо указать ширину блока «Комментари». Чтобы блок комментариев эстетично отображался на вашем сайте, целесообразно указать ширину, равную ширине области, отведённой под контент.
Например, если ширина области под контент равна 600 пикселей, то и ширину блока «Коммертарии» указываем аналогичную. Не беда, если вы не угадаете с шириной изначально, потом её можно будет исправить в коде вручную.
Теперь вы можете получать комментарии к своим статьям, имея гарантию, что это будут реальные люди. Так же данный виджет имеет возможность модерации (удаления сообщений, добавление отдельных пользователей в чёрный список, назначение модераторов).
Виджет «Запись на стене» — для чего он нужен? Попробую объяснить на примере.
Допустим, вы на своём блоге размещаете новость об увольнении Павла Дурова из ВКонтакте, и хотели бы процитировать его мнение по этому поводу. Вам всего-навсего необходимо найти нужную запись в социальной сети. Скопировать её URL.
Перейти на страницу виджета «Запись на стене».
Спросите зачем такие сложности, если в HTML для этого есть специальный тег «Цитата»? Отвечаю: функция данного виджета — это достоверность информации. Ваши читатели будут уверены, что информация, так сказать. из первых уст и в ней нет «отсебятины».
Виджет «Сообщества» — если вы для своего сайта завели одноимённую группу или публичную страницу Вконтакте, то можно на своём сайте для привлечения подписчиков на своём сайте установить данный виджет.
В пункте «Вид» выбираем, что будет отображаться в виджите.
Участники : фотографии подписчиков и их количество.
Только название : в виджете будет отображаться логотип вашего сообщества и его название.
В отличие от «Комментарии» виджет «Сообщества» позволяет настроить дизайн блока под цветовую гамму вашего сайта, а так же указать не только ширину, но и высоту элемента.
После всех настроек, вы так же копируете «Код для вставки» и добавляете его в отведённую область на сайте.
С помощью виджета «Мне нравится» пользователи смогут те только ставить лайки вашим статьям, но и публиковать ссылку на них на своей стене, что тоже будет способствовать привлечению на ваш сайт дополнительного трафика.
Здесь также как и для комментариев указываем название сайта, его адрес, основной домен и тематику. Далее жмём кнопку «Сохранить».
Теперь необходимо настроить внешний вид кнопки. Здесь на ваше усмотрение. Далее выбираем высоту кнопки — для всех вариантов кнопок предложенные значения одинаковые: 18, 20, 22 или 24 пикселя. Так же если вы выбрали вариант кнопки «Кнопка с миниатюрным счётчиком» или «Кнопка с текстовым счётчиком», то можно в пункте «Название кнопки» выбрать текст, который будет отображаться на кнопке. Вариантов всего два: «Мне нравится» или «Это интересно».
Всё! Копируем код и добавляем на страницы сайта.
Следующий виджет «Рекомендации» без установки предыдущего («Мне нравится») работать не будет, так как отображает наиболее популярные статьи вашего веб-ресурса по мнению читателей. С помощью этого виджета вы сможете упростить пользователю поиск наиболее интересных постов на вашем блоге.
С первыми пунктами настройки данного виджета думаю вам о так уже всё ясно, поэтому начну с «Количества записей». Здесь вы выбираете количество отображаемых популярных страниц. Их может быть 3, 5 или 10.
В выпадающем списке «Период выборки» выбираем наиболее оптимальный интервал времени. Думаю здесь нужно учитывать частоту публикации новых постов на вашем блоге и количество посетителей вашего блога. Чем выше первый и второй показатель, тем меньше должен быть период.
В пункте «Формулировка» выбираем наиболее приемлемую фразу («Понравилось» или «Интересно») и вновь копируем «Код для вставки».
Виджет «Опросы». Это, пожалуй самый интересный виджет. С его помощью вы можете на своём сайте организовать опрос по любой тематике и с любым количеством вариантов ответов.
Например, вы сменили дизайн своего блога и хотите узнать мнение своих читателей. Идём в раздел виджета «Опросы». Заполняем форму (вы конечно для своего сайта описание добавляете):
Теперь формулируем опрос. В поле «Тема опроса» пишем волнующий вас вопрос. Далее заполняем «Варианты ответа». По умолчанию их два. Чтобы добавить большее количество вариантов необходимо нажать на ссылку «добавить», после чего появится ещё одно поле для ввода текста.
Когда анкета опроса сформулирована, указываем ширину блока с опросом и нажимаем кнопку «Получить код».
Появится всплывающее окошко, из которого вы сможете скопировать Код для вставки.
После вставки кода на сайт, ваши читатели увидят вот такую форму опроса:
Хотите чтобы ссылки на ваши статьи стали бессмертными? Тогда на помощь вам придёт виджет «Публикация ссылок», позволяющий пользователям ВК публикацию ссылок на статью прямо на стену. А как известно — вся информация опубликованная на стене обязательно транслируется в новостную ленту.
Настройки данного виджета элементарные: вы выбираете стиль кнопки (с прямыми или закруглёнными краями, просто иконка или кнопка с текстом, со счётчиком публикаций или без), можете изменить текст на ней (например, заменить слово по умолчанию «Сохранить» на «Рассказать друзьям») и вариант логотипа.
Последний в этом списке виджет «Подписаться на пользователя» . Позволит вашим читателям одним кликом стать подписчиком вашего сообщества или лично вас. Вам необходимо указать ссылку на страницу сообщества и выбрать вид кнопки. А скопированный код вставить на свой сайт.
Думаю этот виджет можно ещё использовать в том случае, если, например, вам на блог пишут статьи другие люди (как у Александра Борисова), где в конце статьи вы указываете ссылку-имя автора на его сайт. А если сайта нет? Вот тогда можно воспользоваться этим виджетом и отправлять всех желающих познакомиться с автором на его страничку в соцсети.
На этом всё! Удачных вам экспериментов!
Зацепить чем-то привередливых пользователей «ВКонтакте» всё сложнее: аудитория привыкает и к ярким картинкам, и к кричащим надписям. Но что делать, если нужно привлечь внимание подписчиков к важной информации?
В конце ноября появился интересный вариант решения этой проблемы. Ребята из Spycat выпустили виджет приветствия для сообществ «ВКонтакте». Такой виджет позволяет обратиться к пользователю лично.
Выглядит такое обращение вот так:
Ко мне обратились по имени и показали мою аватарку. Приятно, что на концерт зовут именно меня.
Виджет приветствия «ВКонтакте» поможет подтолкнуть аудиторию, которая заходит в сообщество, к целевому действию:
- оформить заказ;
- подписаться на рассылку;
- почитать FAQ;
- почитать приятный бонус (например, промокод на скидку).
В этой статье я расскажу, как пользоваться виджетом, и дам парочку полезных советов.
Как установить виджет приветствия в группу «ВКонтакте»
Чтобы установить виджет приветствия, идём в каталог приложений «ВКонтакте» и жмём на кнопку «Добавить» напротив нужного нам приложения Spycat.
Важно: в настройках видимости поставьте галочку «Только для администраторов», чтобы обычные посетители не видели кнопку «Открыть приложение» рядом с обложкой сообщества. А в настройках «Видимость виджета приложения», наоборот, ставим «Все пользователи».
Пока вы создаете виджет, можете ограничить видимость только администраторами. Главное - не забыть потом открыть виджет для всех.
К счастью, Spycat подготовили удобную шпаргалку:
В текстах для виджета приветствия «ВКонтакте» можно использовать несколько переменных:
- имя и фамилию: {Firstname} и {Lastname} соответственно;
- город проживания: {City};
- последнюю указанную в профиле профессию: {Career}.
Обратите внимание, что каждое текстовое поле имеет ограничение до 100 символов, а надпись на кнопке — до 50. Поэтому в Льва Толстого поиграть не получится.
Как можно использовать виджет приветствия «ВКонтакте»
Общий совет: не пишите размыто. Пока я писала пост, успела забыть, из какого сообщества взяла этот пример.
Невнятные характеристики вроде «много интересных записей» и «много прикольных картинок» в тексте виджета не помогли мне вспомнить. Лучше писать что-то конкретное и свойственное именно вашему сообществу. По крайней мере здесь есть призыв к действию «Подпишись» — это хороший ход.
А теперь расскажу, что можно делать при помощи виджета приветствия «ВКонтакте».
1. Рассылка
С помощью виджета стало гораздо проще убедить аудиторию подписаться на рассылку сообщений сообщества или просто на ваше сообщество. О том, как уже рассказывал мой коллега Серёжа.
2. ЧаВо
Ещё с помощью виджета приветствия «ВКонтакте» можно направить пользователей на страницу FAQ, чтобы вам не пришлось тысячу раз объяснять новичкам в сообщениях и комментариях одно и тоже. Вот как это сделали фанаты ручкокручения:
С помощью виджета приветствия «ВКонтакте» обладатели странноватого хобби значительно упростили новобранцам жизнь: теперь, чтобы найти все необходимые уроки в правильном хронологическом порядке, посетители просто жмут на кнопку и получают результат.
3. Приятные бонусы
Ещё один актуальный способ использования персональных виджетов — выдача промокодов на скидку.
В этом виджете админы группы, которая продаёт духи, применили довольно редкую переменную — число. Видите, где написано 45? Число связывается с CRM-системой магазина. С каждым проданным по акции флаконом число будет уменьшаться.
Конечно, для нас с вами было бы понятнее, если бы вместо «всего 45 ароматов» было бы написано «осталось 45 ароматов». Возьмите себе на заметку такой способ обратного отсчёта.
4. Конкурс
Кроме того, виджет приветствия «ВКонтакте» помогает поднять активность участников сообщества. Это особенно полезно, если вы проводите творческий конкурс. Вот пример от анимешников:
Только не берите с них пример написания числительных.
5. Оффер
Ну и конечно, зачем ходить вокруг да около, если можно просто призвать пользователя оформить заказ или попросить отправить заявку. Особенно это подойдёт для сообществ, где продаются простые товары.
Вот такую милую манипуляцию использует детский благотворительный фонд «С любовью»:
Для более сложных товаров лучше предложить пользователю задать вопрос или помочь ему рассчитать стоимость услуги - к примеру, если вы продаёте окна или занимаетесь дизайном помещений. Ссылку поставьте на диалог с сообществом.
Подытожим. Чтобы успешно использовать виджет приветствия «ВКонтакте», нужно:
- Определиться с целью и страницей, на которую будет вести виджет.
- Прописать призыв к действию на кнопке или в тексте виджета.
- Не забыть о пользе, которую виджет должен приносить не только вам, но и аудитории.
Я рассказала, как наиболее эффективно использовать виджет приветствия «ВКонтакте», однако вы можете применять его и для других задач. Поделитесь опытом и идеями, как вы используете персональные виджеты, обсудим вместе!
Всем доброго дня! Я уже много раз затрагивал тему социальных сетей, где в основном упор делаю на получения социальных сигналов.
Сегодня же я продолжу тему по раскрутке сообщества, но уже одним из бесплатных методов, благодаря виджету группы Вконтакте на сайте.
Какой вебмастер не стремится к увеличения посещаемости своих проектов, ведь это один из значимых факторов успеха его деятельности в сети. Раз надо трафик, так почему бы его добывать не только из поисковиков, но и из социальных сетей, например: Одноклассники, Фейсбук, Вконтакте и другие.
Подробно о продвижении в социлаках я сейчас останавливаться не буду, а затрону лишь отдельную тему касаемую получения переходов из сообществ (групп) от ВК.
В прошлых статьях я подробно рассказал, кто не читал этот пост, пользуйтесь вышеприведенной ссылкой.
Суть этой методики проста, как мир, вам надо сделать сообщество сходной тематики с вашим сайтов и раскручивать его возможными способами.
Позже была описана моя методика , с помощью специальных программ (Group Builder, Inviter, Troll, Botovod), но так как они платные не каждый новичок может взять их к себе на вооружение.
Но тем у кого на площадке варится хоть немного трафика, есть превосходная возможность привлечь внимание посетителей к виджету тематической группы Vkontakte, что будет способствовать увеличения числа подписчиков, которых в будущем можно будет конвертировать не только в постоянных посетителей, но и в клиентов.
Чтобы сразу стало понятно, что мы сегодня будем делать, прошу вас обратить внимание на сайдбар, правую колонку, блога сайт.
Через пару минут похожая картина будет отображаться и на ваших проектах.
Как сделать виджет группы Вконтакте
Настало время перейти от теории к практике, для чего переходим на всеми известный сайт vk.com и на любой странице спускаемся в самый низ экрана, где в футере вы должны будите нажать на ссылку «Разработчикам».
После этого вы должны попасть на специальную страницу, где можно разрабатывать или управлять социальными приложениями. В этом разделе сайта нам понадобится окно «Авторизация и виджеты для сайтов», поэтому по нему и кликаем.
Теперь надо из раздела «Виджеты для сайта» нажать на ссылку «Сообщества», чтобы его подключить к площадке.
На последней странице можно будет произвести все необходимые настройки отображения группы на сайте.
Вид — отмечаем, что будет отображаться в информационном поле:
— Участники
— аватарки подписчиков;
— Новости
— последние новости сообщества;
— Только название
— думаю объяснять не стоит.
Настройки стилей — здесь задаете ширину и высоту блока в пикселях, а также выбираете какой у него будет цвет: фона, текста и кнопок.
Код для вставки — представлен код, который нужно добавить в файлы сайта, чтобы настраиваемый блок начал отображаться.
Первый кусок кода (красный цвет ) придется вставить в любое место файла header.php перед закрывающим тегом . Если вы уже ранее устанавливали подобные приложения, например виджет комментариев, то этот код по идее должен у вас уже быть добавлен.
Второй кусок кода (синий цвет ) придется вставить в то место на сайте, где вы планируете вывести виджет группы от Вконтакте и ниже я покажу, как это сделать.
Установка блока сообщества от Vk на блог WordPress
Так как мой блог работает на CMS (движок) вордпресс, то я покажу на собственном примере самый простой способ реализации данного информационного окна группы в сайдбаре моего блога.
Данная технология будет работать на всех вордпрессовских площадках, а сам виджет можно вывести в любом удобном для вас месте: подвале (футере), шапке, статье.
Переходим в административную панель сайта и выбираем вкладку «Виджеты». Из доступных блоков нас интересует тот, который называется «Текст» (произвольный текст или HTML-код.), вот его мы и перетягиваем к себе в сайдбар.
Должно получится похожая картина, как у меня:
Теперь если перейти на страницу блога, то в сайдбаре будет отображаться ваша группа из Вконтакте.
Кстати, настройки стилей можете редактировать непосредственно из самого кода, если внимательно присмотреться, то там видны все заданные ранее параметры (ширина, высота, цвет).
Казалось бы, такой до безобразия простой способ, но почему то вызывает у некоторых проблемы.
На этом у меня все, если остались вопросы я всегда рад помочь. Пока!
Наверное, каждый замечал, что на большинстве современных сайтов и блогов установлены виджеты для групп ВКонтакте. Таким образом осуществляется неразрывная связка тематического сообщества в социальной сети и одноименного тематического веб-ресурса. Зачем это нужно?
Зачем устанавливать виджет группы ВКонтакте
Прежде всего, это нужно для тех пользователей, которые:
Установка виджета ВКонтакте для группы может реализовываться по 3-м схемам:
1-я схема – виджет на сайте выводит только участников сообщества ВК;
2-я схема – виджет на сайте выводит только новости сообщества ВК;
3-я схема – виджет на сайте выводит только название сообщества ВК.
При этом 1-я схема является наиболее интересной и достойной внимания, а значит, именно ее мы и научимся устанавливать в данной пошаговой инструкции на сайт. Прочие схемы встречаются гораздо реже, ввиду своей нецелесообразности. Почему так?
Во-вторых, главный продвигаемый ресурс – это сайт, второстепенный – группа ВК, поэтому, именно в группе публикуются анонсы на новые темы сайта, а не наоборот! Вот если бы мы занялись продвижением сообщества ВКонтакте, тогда было бы логичным поставить на сайте виджет с новостями группы, чтобы привлечь интерес читателей, которые захотят подписаться на тематическое сообщество в Контакте.
В общем, пора приступать к реализации задуманного – установке виджета ВКонтакте на все страницы своего блога или сайта. Начинаем!
Устанавливаем виджет ВКонтакте: пошаговая инструкция
1. Для начала входим ВКонтакт и авторизуемся по стандартной схеме (Пароль и Логин). Проходим к разделу «Разработчикам – Виджеты» по прямой ссылке:
http://vk.com/dev/Community
2. Приступаем к заполнению всех необходимых полей виджета ВКонтакте. Обязательными полями можно считать:
— ссылку на страницу (сообщество Контакта, которое пытаемся привязать к сайту);
— вид (по умолчанию – Участники);
— ширину виджета ВКонтакте (в пикселях);
— высоту виджета ВКонтакте (в пикселях);
— цветовую палитру (фон, текст, кнопка).
Код для вставки на сайт формируется автоматически в зависимости от передаваемых в него параметров. Код править вручную не нужно, достаточно заполнить соответствующие поля и оценить наглядный результат на примере, расположенном чуть пониже поля с программным кодом.
3. Если все устраивает и внешний вид соответствует дизайну нашего сайта, где будет установлен виджет ВКонтакте, то можно скопировать созданный код и вставить его на сайт. Тем не менее, чтобы оптимизировать работу системы сайт рекомендует пройти еще по одной ссылке – «Перейти к подробной документации виджета».
Примечание: чтобы заданные настройки виджета не обнулились, лучше предварительно скопировать код в буфер обмена или в Блокнот!
4. Как видно, в документации нам предлагают поступить более разумно, вынеся скрипты в контейнер Title, а в нужном месте тела сайта (контейнер Body) вставить только новый блочный элемент DIV. Решать только вам. В любом случае код виджета будет работать нормально и без единого сбоя!
Итак, вставив полученный код в нужную область своего блога или сайта, можем оценить наглядно работу установленного виджета ВКонтакте. Никакой задержки здесь не наблюдается. Блок ВК заметен сразу же после его вставки на сайт.
Тем не менее, если что-то происходит не так, пройдите все пункты инструкции с самого начала или пишите свои комментарии к пошаговой инструкции в форме под статьей, а сайт постарается вам помочь! Кроме этого, посмотрите, как данная операция проделана на видео. Возможно, вы что-либо упустили из виду или ошиблись на одном из этапов. Хотя сложностей возникнуть не должно. Ведь все так просто!
«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Социальная сеть ВКонтакте запустила новый виджет - Сообщения сообщества. Теперь вместо обычного чата пользователи смогут задать вопросы представителю компании через знакомый виджет»
Эксперты социальной сети ВКонтакте на недавнем внутреннем марафоне разработчиков создали прототип нового виджета для брендовых сайтов - Сообщения сообщества. Это инструмент для общения компании и клиентами на брендовом сайте с помощью знакомого и проверенного инструмента.
Что делает новый виджет?
Виджет упрощает коммуникацию пользователей и компании. Любой зарегистрированный ВКонтакте пользователь сможет задать вопросы представителям компании в новом виджете непосредственно на сайте без необходимости переходить в социальную сеть. Ждать ответа на сайте как в случае с онлайн-чатом не обязательно. Ответить на сообщение можно будет как в веб-версии, так и в мобильном приложении. Новый виджет автоматически просчитывает среднее время ответа, анализируя историю переписки с другими клиентами за последние 72 часа.
Сообщения администраторам сообществ будут приходить в привычном режиме. Настройки виджета позволяют добавить брендовый приветственный месседж. Это продемонстрирует заботу о клиентах, повысит лояльность и вызовет доверие.
На что делают ставку разработчики?
У большинства активных пользователей есть аккаунты в ВКонтакте. Это избавляет пользователей от необходимости авторизоваться, дополнительно регистрироваться, предоставлять на сайте контакты. Виджет сообщений сохраняет весь функционал, доступный в десктопной версии социальной сети: в диалоге можно отправить фотографию, изображение, документ для более детального обсуждения.
Это снижает конверсионные трения, делает компанию ближе к пользователю, снижает риски для пользователя (теперь не надо оставлять на незнакомом сайте реальные контакты).
Что необходимо для установки виджета Сообщения сообщества?
Чтобы установить виджет на сайт, компании необходимо:
- вести сообщество в социальной сети ВКонтакте
- в разделе «Управление сообществом» активировать виджет
