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

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

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

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

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

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

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

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

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

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

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

Виджет сообщений вконтакте на свой сайт. Необходимо зайти в своё сообщество/группу вконтакте. P.S: У вас должны быть права администратора для управления сообществом. Заходим в «Управление сообществом «

Настраиваем форму сообщений. Заполняем выделенные поля (В пункте «Разрешённые домены» указываем доменное имя своего сайта, у меня сайта 2, поэтому и 2 домена) :

Далее ставим галочку «Раскрывать сразу» , если требуется. На моём сайте для примера раскрывается данный виджет сразу, на сайте http://айти-казань.рф просто отображается справа внизу и открывается при нажатии на него. Копируем код для вставки на сайт.

Идём в админку своего сайта. Внешний вид — виджеты.

Добавляем текстовое поле и вставляем туда скопированный код. Можно так же данный код вставить не в виджеты, а в «Footer» (подвал) вашего сайта (на скриншоте выделено жёлтым, зависит от темы WordPress). В подвал сайта это более правильно, но я не стал заморачиваться. Смотрите как удобнее. Мне удобнее было в виджеты. Результат одинаковый был. Тестировал на 2-х своих сайтах. Сохраняем.

Вот что в итоге получилось:

Смотрим, радуемся, отмечаем успех!!!

Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.

Виджет для сообществ

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

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

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

Подключение виджета к Вашему сайту

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

Здесь всё очень просто.

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

Виджет сообщества или группы Вконтакте, размещённый на сайте, позволит увеличить приток участников в группу и получить дополнительный трафик с vk.com.

Чтобы создать виджет сообщества, нужно авторизоваться в социальной сети Вконтакте и перейти в раздел для разработчиков по ссылке http://vk.com/dev/Community . Первый пункт формы для настройки виджета сообщества для сайта — это ссылка на страницу. Для получения ссылки, необходимо открыть группу, для которой вы создаёте виджет и скопировать из адресной строки браузера адрес группы. Копируем адрес и вставляем в форму «Ссылка на страницу «:

• участников
• последние новости
• только название группы и количество участников

Выберем отображение «Участники».

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

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

Пусть ширина у нас также будет равна значению по-умолчанию 220 пикселей:

Затем, также можно изменить цвет фона, цвет кнопок и текста. Здесь всё зависит от ваших предпочтений и вкусов. Желательно подбирать цвета, которые будут сочетаться с цветами, использованными на сайте.

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

После настроек на этой же странице вы получите код, который нужно разместить на сайте. Для размещения на сайт, необходимо выделить и скопировать этот код, затем перейти в административную часть своего сайта. Так как самым оптимальным местом для виджета группы Вконтакте является сайдбар, необходимо открыть раздел «Виджеты » (если сайт на Вордпресс) и добавить новый виджет «Текст » в боковую колонку. Затем, добавить полученный с vk.com код и сохранить изменения:

Покажите, что у вас есть группа Vk.com

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

Кроме того, чтобы количество подписчиков росло — нужно добавлять в группу интересную информацию и делать это регулярно. Это лишь базовая рекомендация. Чуть позже мы расскажем, как раскручивать группу, используя белые и не очень методы.

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

Давайте посмотрим, как это выгладит на скриншотах:

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

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

Виджет приветствия для группы ВК устанавливается по этой ссылке (первый способ)

Подключите сообщество через соответствующую кнопку.

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

В следующем окне вы увидите сообщение, что данное приложение добавлено в ваше сообщество. Ссылка на сообщество активна – перейдите в группу.

Настройка виджета «Приветствие» в группе ВК

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

Для этого перейдите во вкладку Управление сообществом – раздел Приложения .

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

Сохраните изменения.

Теперь перейдите к настройкам приложения по ссылке вверху – Создать виджет.

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

Платный пакет включает в себя 9 виджетов:

• Персональное предложение
• Акционные товары
• Точки продаж
• Обложки
• Акции и скидки
• Отзывы
• Наши клиенты
• Мероприятия
• Текстовый (бесплатный)

Ежемесячная подписка стоит 590 рублей.

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

Настройка шаблона Текстовый виджета приветствия

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

После клика по кнопке Создать вам необходимо заполнить поля нового виджета.

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

Наименование виджета приветствия будет видно только вам.

Подумайте над заголовком виджета. Обычно здесь идет обращение к посетителю группы по имени и фамилии.

Для этого вам необходимо воспользоваться кодом {firstname}, если в заголовке вы хотите обратиться по имени. При необходимости можно добавить фамилию через код {lastname}.

Переходим к заполнению основной части.

Придумайте основной текст (поле обязательное) до 200 символов.

Вы можете так же добавить описание.

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

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

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

В следующем окне установите виджет в группу.

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

Поменяйте настройки в Приложении . Видимость поставьте для Администраторов, видимость виджета приложения – Все пользователи.

В результате Текстовый виджет приветствия будет выглядеть примерно так:

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

Основные моменты настройки виджетов приветствия

Для Текстового (бесплатного)

Для Персонального виджета (в составе платного пакета)

Бесплатный виджет приветствия для группы ВК

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

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

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

Разрешите доступ к данным сообщества.

В открывшемся окне вам необходимо внести небольшие изменения в сам виджет. Просто кликайте по строкам и меняйте данные.

У вас будут появляться подсказки, поэтому сориентироваться не составит труда!

Особое внимание уделите кнопке виджета. Вы можете поставить любую ссылку, но, как и в первом варианте, она должна вести только на внутренние страницы соцсети ВК.

Кнопку можно удалить совсем. Для этого очистите поля Имя для кнопки и URL на материал .

Вот, что получается в «черновом варианте»:

Если вас все устраивает, нажмите на кнопку Установить виджет .

Еще раз проверьте результат:

После публикации виджета приветствия он отображается первоначально только для администраторов. Нам нужно опять внести изменения в настройки.

Все! Смотрите результат в вашем сообществе:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0 0