Установка виджетов Вконтакте на сайт

Как установить виджеты Вконтакте

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

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

Как установить виджеты Вконтакте?

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

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

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

1. Виджет комментариев Вконтакте.

Чтобы ваши посетители могли оставлять комментарии через свои профили, вам потребуется заполнить форму и установить специальный код. Все это делается на одной странице (vk.com/dev/Comments).

На изображении выделено два блока из полученного кода. Вам потребуется установить их в разные части своего ресурса. Верхнюю часть кода добавляйте в код сайта, а нижнюю часть в файл с кодом комментариев. Пользуетесь WordPress? Добавляйте часть кода, выделенную красным цветом в файл header.php (до тега ). Часть кода, выделенную синим цветом нужно добавить в single.php (например, перед кодом комментариев). Обратите внимание, что во второй части кода можно вносить изменения по ширине, чтобы комментарии отображались корректно.

2. Виджет группы Вконтакте.

На Next Invest установлен данный виджет, можете посмотреть на него в правой колонке под меню. Добавить его не сложно, для этого также потребуется получить код и после этого добавить его в разные файлы. Для начала переходим к виджету (vk.com/dev/Community).

Прочитайте:  Социальные информационные сети

Здесь также нужно заполнить небольшую форму и настроить некоторые параметры. Полученный код тоже делится на 2 части и первую так же необходимо добавить в header.php. Куда добавить вторую часть, зависит от того, где вы хотите установить виджет. Например, вы можете создать новый виджет через админку и выбрать страницу с текстом, установив туда код, выделенный синим цветом.

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

3. Виджет поделиться Вконтакте.

Полезнейший инструмент для сайта, с его помощью посетители смогут делиться ссылками на ваш ресурс через свои профили. Чтобы добавить такую кнопку, выбирайте виджет «Публикация ссылок» (vk.com/dev/Share).

Настроек здесь еще меньше, но их вполне достаточно. Процесс установки кнопки не отличается от других виджетов. Вставляете верхнюю часть в header.php, а нижнюю часть туда, где хотите ее расположить (как вариант, можете расположить ее выше комментариев).

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

источник: www.next-invest.ru/ustanovka-vidzhetov-vkontakte-na-sayt.html

Размещаем на сайте код виджета ВКонтакте

Здравствуйте, уважаемые читатели. В нашем курсе “Как создать сайт на WordPress” мы уже изучили огромное количество материалов, посвященных сайтостроению. Фактически дело осталось за малым. И сегодня мы разберем, как добавить виджет группы ВКонтакте на Ваш сайт.

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

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

Прочитайте:  Что такое партнерская программа RPM

Допустим, группа у Вас уже есть. На следующем этапе нам необходимо перейти по этой ссылке, и перед нами откроется интерфейс, в котором необходимо выбрать «Авторизация и виджеты для сайтов».

На следующем этапе выбираем раздел сообщества.

Далее нам необходимо заполнить следующие параметры:
— IDгруппы, виджет для которой мы хотим создать.
— Размеры виджета. По умолчанию стоит 240х400px.
— Цвет виджета. Большая часть вебмастеров используют стандартные цвета ВКонтакте.

Размещаем на сайте код виджета ВКонтакте

В размещении виджета группы на сайте нет ничего сложного. Для того чтобы это осуществить, нам необходимо произвести следующие действия. Зайти в административную панель вашего сайта, перейти во «Внешний вид»>>> «Виджеты». Далее перетаскиваем виджет «Текст» (html-код в свободной форме) в необходимую нам зону (в моем случае это главная страница) и нажимаем «Сохранить».

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

В случае если в Вашей теме WordPress не предусмотрен вариант размещения в виджетах свободного html-кода, рекомендую разместить виджет через файлы самой темы. Делается это следующим образом: заходим в «Внешний вид» >>> «Редактировать», находим там файл sidebar.php (у Вас файл может называться right_sidebar.phpи т.д.).

Теперь в конце данного файла сохраняем код нашего виджета. Виджет должен появиться в правом сайдбаре.

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

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

Прочитайте:  Стратегии "Форекс" без индикаторов. Обзор самых прибыльных торговых стратегий

Успехов Вам в бизнесе!

источник: www.biz-anatomy.ru/vse-stati/sajtostroenie/ustanavlivaem-vidzhet-gruppy-vkontakte-na-sajt

Понравилась статья? Поделиться с друзьями: