Уверен, что каждый, кто прочитает данную статью, зарегистрировать хотя бы в одной из социальной сети. И практический каждый из зарегистрированных пользователей с большим удовольствием пользуется предложенными функционалом и возможностями социалок.
Именно поэтому некоторый функционал оказывается востребованным и для нас, владельцев сайтов и блогов, который мы сегодня рассмотрим.
Виджет сообщения сообщества Вконтакте
К самому полезному, по-моему мнению, следует отнести виджет «Сообщения сообщества».
Виджет, с помощью которого любой зарегистрированный пользователь сети Вконтакте может отправить сообщение с сайта в вашу группу.
Установка виджета «Сообщения сообщества» на сайт
Для того, чтобы виджет мог работать, необходимо в настройках группы в разделе «Сообщения» включить виджет и разрешить его использование на страницах блога или сайта.
- выбираем необходимую нам группу,
- копируем и вставляем полученный код на страницы вашего сайта (например: footer)
Из дополнительных настроек следует отметить параметр «Раскрыть сразу» (shown: 1). Не будьте назойливы, дайте возможность вашему пользователю самостоятельно принять решение о написании вам сообщения, оставляйте данный параметр скрытым.
Виджет вы можете наблюдать в правом нижней части моего блога, попробуйте написать что-то.
Виджет «Напишите нам»
Виджет «Напишите нам» является упрощенным вариантом предыдущего виджета. Разница лишь в том, что авторизованный пользователь сети Вконтакте при нажатии «Напишите нам» переходит к диалогу с группой или определенной персоной.
В данном виджете можно указать не только группу и собственную страницу.
Установка виджета «Напишите нам»
Достаточно внести необходимые данные и установить код для вывода в нужном месте сайта кнопки «Напишите нам»:
- ссылка на группу,
- текст сообщения в кнопке (не более 140 символов),
- размер кнопки (18, 20, 22, 24, 30).
Виджет комментариев вконтакте для сайта
Виджет «Комментарии» — готовый функционал комментирования для вашего сайта.
К сожалению, данный виджет невозможно интегрировать в систему сайта, а следовательно комментарии вконтакте на страницах вашего сайта или блога не попадут в индексацию, что является одновременно и минусом, и плюсом.
Подобного рода форма комментирования подойдёт для информационных сайтов, где отсутсвует модерации информации, поступаемой от пользователей, или её объем не дает возможности модерирования. Все что будет написано в комментариях пока не доступно для поисковых роботов. Одновременно расширить объём контента и разбавить его «хорошими дополнительными» ключами в том числе не получится.
Дополнительным плюсом данного виджета можно считать дублирование оставленного комментария на странице пользователя с обратной ссылкой на источник.
Установка виджета «Комментарии»
- выбираем необходимое приложение,
- указываем необходимое количество для вывода комментариев,
- отключаем или включаем функционал вложений, выбираем нужные,
- указываем ширину виджета комментариев (минимальное значение 300px),
- вставляем полученный код в место вывода формы комментирования.
Администрирование виджета
Любой из подключенных к приложению администратор может модерировать комментарии. Достаточно нажать в шапке комментирования на ссылку «администрирование»
Виджет «Запись на стене»
Один из самых простых виджетов, в котором вы можете использовать любые записи со страниц вконтакте (в том числе аудиозаписи и видеозаписи)
Полезен данный виджет будет тем, кто проводит различные акции и конкурсы в собственных группах, либо же публикует пользовательский контент, который по той или иной причине не может быть размещен на официальном сайте.
Установка виджета «Запись на стене»
- указываем ссылку на нужный пост или сообщение,
- выбираем необходимую ширину,
- устанавливаем полученный код в необходимое место на сайте (например: sidebar).
Виджет сообщества Вконтакте
Один из самых распространенных виджетов от социальной сети Вконтакте.
Данный виджет вы встречали, а возможно и сами используете на страницах собственного блога.
Установка виджета «Сообщества»
- указываем ссылку на группу вконтакте,
- выбираем вид:
участники (название, описание, количество участников с вывод нескольких и кнопка подписаться)
новости (название, описание, участники сообщества, закрепленная запись и кнопка подписаться)
только название (название, описание, количество участников и кнопка подписаться) - указываем ширину (минимальная 120px), высоту можно указать в коде (минимальная 120px, максимальная 1200px)
- выбираем цвет текста, фона и кнопок,
- устанавливаем код в нужное место на сайте.
Два связанных друг с другом и одновременно малополезных виджета.
Виджет «Мне нравится»
С помощью данного виджета можно поставить лайк странице. Данные будут внесены в приложение Вконтакте и будут храниться в течение месяца.
Установка виджета «Мне нравится»
- указываем нужное приложение,
- выбираем нужный формат вывода,
- задаем высоту кнопки,
- изменяем текст кнопки (два варианта: «мне нравится», «это интересно»),
Данный виджет вывод записи понравившиеся вашим пользователям по количеству лайков, но считавает их исключительно из приложения. Следовательно, учитывает лишь те лайки, которые были сделаны благодаря виджету «Мне нравится».
- указываем нужное приложение,
- выбираем количество выводимых записей,
- указываем период выборки (максимальный месяц),
- выбираем формулировку,
- устанавливаем код в нужное место сайта.
Виджет опроса вконтакте
С помощью виджета «Опросы» любой зарегистрированный пользователь Вконтакте, может поучаствовать в голосовании или высказать собственное мнение на страницах вашего сайта.
Установка виджета «Опросы»
- указываем нужное приложение,
- создаем тему опроса,
- указываем варианты ответов,
- указывание ширину блока (минимальная 300px),
- устанавливаем код в нужное место сайта.
Виджет авторизации вконтакте
Данный виджет может быть невероятно полезным, но в случаях, когда привязан к конкретному функционалу. Данная тема, считаю, достаточно сложная, и требует отдельной статьи. Если в ней есть необходимость, прошу чуть выше проголосовать за её появление на блоге.
Виджет «Публикация ссылок» — отличное название для виджета, особенно для сеошника. Шары страниц вашего сайта или блога в социальной сети, с помощью которых действительно можно получить значительное число ссылок, которыми делятся ваши читатели и пользователи.
Установка виджета «Публикация ссылок»
- выбираем стиль кнопки,
- указывает текст для кнопки,
- указываем что будет публиковаться (страница на которой расположена кнопка или же конкретный url),
- устанавливаем код в нужное место сайта.
Информация о расшаренной страницу лучше всего считывается через OGP.
Виджет «Подписаться на автора»
Стандартный функционал подписки на группу или определенную страницу для авторизованных пользователей Вконтакте.
Установка виджета «Подписаться на автора»
- указываем ссылку на страницу для подписки,
- выбираем вид кнопки,
- устанавливаем код в нужное место сайта.
Социальные сети – это второй по доступности источник трафика для сайта после поисковых систем, и третий по эффективности. При правильном продвижении Интернет-проекта в соц.сетях можно добиться прироста посещаемости на 30%, а количество постоянных читателей до 70%!
Вот почему вебмастеры в первую очередь обращают пристальное внимание на социальные сети, создавая официальные страницы от сайта, запуская новостей. И главной российской площадкой для раскрутки своего веб-сайта или Интернет бизнеса, является сеть , которая предоставляет достаточные мощности для свободного старта без каких-либо вложений!
Как вставить виджет группы ВК?
Создание и не представляется сложной задачей, даже для новичков. Благодаря интуитивно-понятному интерфейсу соц.сети от Вас потребуется лишь время.
А чтобы аудитория сайта узнала о вашей социальной страничке нужно рассказать об этом любым доступным для Вас способом. И многие вебмастеры предпочитают формат виджета, который легко встраивается в веб-дизайн. ВКонтакте, как и другие социальные сети, предоставляет набор веб-инструментов, из которых можно выделить «Виджет Сообщества».
Чтобы приступить к вставке кода на страницы сайта, для начала авторизуемся на сайте ВКонтакте, и проследуем по ссылке «Разработчикам» в конце страницы:
- Найдите пункт «Авторизация и виджеты для сайта» ;
- Щёлкаем «Сообщество» — 3 пункт сверху и настраиваем отображение;
- Укажите ссылку на свою группу или паблик, так как она отображается в адресной строке;
- Выберите формат отображения: Участники, новости, только название (рекомендуем вариант «Участники», как более распространённый среди блогов и большинства крупных сайтов);
- Далее настройте габариты виджета (ширину и высоту в пикселях), и если требуется измените цветовое решение, чтобы вписать в шаблон сайта.
Первую часть кода вставляем после открывающегося тега
, который находится в файле «footer.php» тем WordPress. Вторую часть копируем в «Sidebar» в разделе «Внешний вид»-«Виджеты», помещая в стандартный текстовый блок. После нажатия кнопки «Сохранить» можно проверить отображение «Виджета Сообщества» на сайте.Примечание! Скопированный код делится на две части по причине оптимизации загрузки основного контента на страницах сайта. Если у Вас минимальное использование сторонних скриптов, то при вставке кода в виджет «Текст» полностью, разница во времени будет незаметна.
Как вставить виджет ВК через iframe
Иногда может возникать проблема с правильным отображением виджета на страницах сайта, что несёт негативные последствия в процессе активного продвижения. Как оказалось, виноват скрипт виджета, который не всегда корректно обрабатывается интернет-браузерами.
Чтобы избежать таких неполадок, можно применить иной способ вывода «Виджета Сообщества», воспользовавшись кодом построенным на показе через
Наверное, каждый замечал, что на большинстве современных сайтов и блогов установлены виджеты для групп ВКонтакте. Таким образом осуществляется неразрывная связка тематического сообщества в социальной сети и одноименного тематического веб-ресурса. Зачем это нужно?
Зачем устанавливать виджет группы ВКонтакте
Прежде всего, это нужно для тех пользователей, которые:
Установка виджета ВКонтакте для группы может реализовываться по 3-м схемам:
1-я схема – виджет на сайте выводит только участников сообщества ВК;
2-я схема – виджет на сайте выводит только новости сообщества ВК;
3-я схема – виджет на сайте выводит только название сообщества ВК.
При этом 1-я схема является наиболее интересной и достойной внимания, а значит, именно ее мы и научимся устанавливать в данной пошаговой инструкции на сайт. Прочие схемы встречаются гораздо реже, ввиду своей нецелесообразности. Почему так?
Во-вторых, главный продвигаемый ресурс – это сайт, второстепенный – группа ВК, поэтому, именно в группе публикуются анонсы на новые темы сайта, а не наоборот! Вот если бы мы занялись продвижением сообщества ВКонтакте, тогда было бы логичным поставить на сайте виджет с новостями группы, чтобы привлечь интерес читателей, которые захотят подписаться на тематическое сообщество в Контакте.
В общем, пора приступать к реализации задуманного – установке виджета ВКонтакте на все страницы своего блога или сайта. Начинаем!
Устанавливаем виджет ВКонтакте: пошаговая инструкция
1. Для начала входим ВКонтакт и авторизуемся по стандартной схеме (Пароль и Логин). Проходим к разделу «Разработчикам – Виджеты» по прямой ссылке:
http://vk.com/dev/Community
2. Приступаем к заполнению всех необходимых полей виджета ВКонтакте. Обязательными полями можно считать:
— ссылку на страницу (сообщество Контакта, которое пытаемся привязать к сайту);
— вид (по умолчанию – Участники);
— ширину виджета ВКонтакте (в пикселях);
— высоту виджета ВКонтакте (в пикселях);
— цветовую палитру (фон, текст, кнопка).
Код для вставки на сайт формируется автоматически в зависимости от передаваемых в него параметров. Код править вручную не нужно, достаточно заполнить соответствующие поля и оценить наглядный результат на примере, расположенном чуть пониже поля с программным кодом.
3. Если все устраивает и внешний вид соответствует дизайну нашего сайта, где будет установлен виджет ВКонтакте, то можно скопировать созданный код и вставить его на сайт. Тем не менее, чтобы оптимизировать работу системы сайт рекомендует пройти еще по одной ссылке – «Перейти к подробной документации виджета».
Примечание: чтобы заданные настройки виджета не обнулились, лучше предварительно скопировать код в буфер обмена или в Блокнот!
4. Как видно, в документации нам предлагают поступить более разумно, вынеся скрипты в контейнер Title, а в нужном месте тела сайта (контейнер Body) вставить только новый блочный элемент DIV. Решать только вам. В любом случае код виджета будет работать нормально и без единого сбоя!
Итак, вставив полученный код в нужную область своего блога или сайта, можем оценить наглядно работу установленного виджета ВКонтакте. Никакой задержки здесь не наблюдается. Блок ВК заметен сразу же после его вставки на сайт.
Тем не менее, если что-то происходит не так, пройдите все пункты инструкции с самого начала или пишите свои комментарии к пошаговой инструкции в форме под статьей, а сайт постарается вам помочь! Кроме этого, посмотрите, как данная операция проделана на видео. Возможно, вы что-либо упустили из виду или ошиблись на одном из этапов. Хотя сложностей возникнуть не должно. Ведь все так просто!
Виджет сообщений вконтакте на свой сайт. Необходимо зайти в своё сообщество/группу вконтакте. P.S: У вас должны быть права администратора для управления сообществом. Заходим в «Управление сообществом «
Настраиваем форму сообщений. Заполняем выделенные поля (В пункте «Разрешённые домены» указываем доменное имя своего сайта, у меня сайта 2, поэтому и 2 домена) :
Далее ставим галочку «Раскрывать сразу» , если требуется. На моём сайте для примера раскрывается данный виджет сразу, на сайте http://айти-казань.рф просто отображается справа внизу и открывается при нажатии на него. Копируем код для вставки на сайт.
Идём в админку своего сайта. Внешний вид — виджеты.
Добавляем текстовое поле и вставляем туда скопированный код. Можно так же данный код вставить не в виджеты, а в «Footer» (подвал) вашего сайта (на скриншоте выделено жёлтым, зависит от темы WordPress). В подвал сайта это более правильно, но я не стал заморачиваться. Смотрите как удобнее. Мне удобнее было в виджеты. Результат одинаковый был. Тестировал на 2-х своих сайтах. Сохраняем.
Вот что в итоге получилось:
Смотрим, радуемся, отмечаем успех!!!
Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.
Виджет для сообществ
Виджет для сообществ тесно свяжет ваш сайт с соответствующей группой или официальной страницей ВКонтакте . Виджет позволяет подписаться на новости сообщества, не покидая страницы.
В виджете могут отображаться фотографии друзей пользователя и других участников сообщества. По ссылке «Подписаны..» доступна демографическая статистика по участникам.
Вместо фотографий также могут отображаться новости сообщества . В этом случае внизу виджета будет располагаться небольшой блок с фотографией самого близкого друга пользователя из числа подписавшихся и списком остальных друзей, состоящих в сообществе. При прокрутке блока вниз автоматически подгружаются более старые записи.
Подключение виджета к Вашему сайту
Для добавления виджета на Ваш сайт, просто скопируйте код для вставки на страницу, на которой Вы хотите разместить виджет.
Здесь всё очень просто.
Как настроить виджет в сообществе ВКонтакте
Каждый, кто сейчас зайдет в нашу группу ВКонтакте , видит персональное приветствие и предложение получить скидку.
Это не черная магия и никак не связано с Хогвартсом: рассказываем, как подключить и настроить виджет в вашем сообществе.
Как установить виджет ВКонтакте
Недавно ВКонтакте обновила систему приложений: теперь в сообщества можно добавлять виджеты. Это помогает расширить функционал сообщества и собрать контакты заинтересованных в вашей услуге подписчиков.
Один из таких виджетов - SpyCat (именно его используем в группе SMM Aero ВКонтакте). С помощью виджета можно:
- поприветствовать посетителя по имени и показать ему его фотографию (вдруг забыл, ну и эмпатия);
- написать текст: рассказать про акцию или что-то ещё;
- создать кнопку в стиле ВКонтакте.
Чтобы установить виджет, зайдите в SpyCat и нажмите «Запустить».
Установите виджет в свое сообщество.
Настройка виджета
После того, как установили виджет, зайдите в свое сообщество, нажмите Действия - Управление сообществом - Приложения (или подставьте линк вашего сообщества в ссылку https://vk.com/ИМЯ СООБЩЕСТВА?act=apps).
Задайте настройки видимости: кнопка - никто (это чтобы справа не было ничего видно), виджет - все пользователи (или только администраторы, если хотите потренироваться).
Нажмите «Перейти к настройкам в приложении» сверху. Выберите тип виджета, которых хотите разместить: только текст или персональный. Нажмите «Настроить виджет».
Выбираем персональный. Заполняем нужные поля виджета:
- заголовок - текст слева вверху (обязательно, до 100 символов)
- ссылка заголовка - URL при клике на заголовок (не обязательно)
- число - целое число, справа от заголовка (не обязательно)
- заголовок карточки - второй заголовок, справа от аватарки (обязательно)
- ссылка заголовка карточки - URL при клике на заголовок карточки (не обязательно)
- текст - основной текст виджета (обязательно, до 200 символов)
- текст кнопки - добавляет кнопку в стиле ВК (не обязательно, до 50 символов)
- ссылка кнопки - URL при клике на кнопку (обязательно, если есть «Текст кнопки»)
- текст футера - добавляет нижнюю часть виджета (не обязательно, до 100 символов)
- ссылка футера - URL при клике на футер (обязательно, но только если есть «Текст футера»)
- аватарка выводится автоматически.