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

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

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

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

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

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

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

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

widget-grouppe-vk

Далее, как только настройка окончена, копируем полученный код, который и предстоит поместить на сайте.

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

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

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

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

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

<iframe src="http://vk.com/widget_community.php?gid=53033466&width=280&height=220" width="280" height="220" scrolling="no" frameborder="0"></iframe>

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

P.S.

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

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

Расскажи друзьям:

E-mail рассылка:

Комментарии
  1. Даниил
    • admin
  2. Руслан
    • admin
  3. Руслан
  4. Артем Хадиулин
  5. Андрей
  6. Елена
  7. Юрий
  8. Павел
    • Admin
  9. Quis Fortis
    • Admin
  10. Quis Fortis
    • Admin
  11. Екатерина
  12. Роман
    • Admin

Оставить комментарий

Авторизоваться через: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: