BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » Как вставить виджет опроса ВКонтакте для сайта

Как вставить виджет опроса ВКонтакте для сайта

2014-05-05 / Вр:19:55 / просмотров: 9904

Как вставить виджет опроса ВКонтакте для сайта

Иногда бывает полезно узнать мнение пользователей о том, что они думают о новом дизайне вашего ресурса или какие темы на блоге им больше всего интересны. В этой статье я расскажу, как установить виджет опросов на сайт. Готовый код опроса (голосования) можно взять бесплатно из социальной сети ВКонтакте.
Если вы зарегистрированный пользователь ВКонтакте, перейдите по ссылке

http://vk.com/dev/Poll

Если вы не зарегистрированы, можете зарегистрироваться.

Переходим к настройкам виджета:

в поле «Сайт/приложение» – указываем, на какой сайт вы хотите установить опрос;
в поле «Тема опроса» –  пишите вопрос, который вы хотите задать пользователям;
в поле «Варианты ответа» – пишите ответы, которые пользователь должен выбрать;
ссылка «добавить» и «удалить» –  с ее помощью можно добавить или удалить поле для вариантов ответа;
поле «Ширина» –  это размер виджета. Но оно почему-то не работает. Об этом чуть позже.

Как вставить виджет опроса ВКонтакте для сайта

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

Как вставить виджет опроса ВКонтакте для сайта

Все, жмите на кнопку «Получить код».

Откроется новое окно под названием «Код для вставки».

Чтобы установить виджет опросов на WordPress, нужно скопировать тот код, что я выделил цифрой 1, и вставить его в файл «header.php» («админ панель» => «Внешний вид» => «Редактор» => «Заголовок (header.php). Код нужно разместить между тегами <head> </ head >.

Скопируйте следующий код, который я выделил цифрой 2, и вставьте его в файл «sidebar.php», в то место, где вы хотите видеть блок опроса («админ панель» => «Внешний вид» => «Редактор» => «Боковая колонка (sidebar.php)»).

Как вставить виджет опроса ВКонтакте для сайта

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

Как вставить виджет опроса ВКонтакте для сайта

Как видите, блок опроса (голосования) появился на блоге, но он как-то криво стоит. Размер в настройках виджета «ширина» почему-то не работает. Но это не важно. Вам нужно зайти в файл «style.css» («админ панель» => «Внешний вид» => «Редактор» => « Таблица стилей (style.css) и прописать в самом конце файла вот такой стиль:

#vk_poll iframe {width: 210px !important;}

вместо цифры 210 укажите нужный вам размер.

Смотрим на результат:

Как вставить виджет опроса ВКонтакте для сайта

Вот так вот!

Как посмотреть результаты опроса «ВКонтакте» на блоге?

Результаты опроса видны тому, кто уже проголосовал (как пользователь, так и владелец сайта). Голосовать можно только один раз (т.е. выбрать только один вариант ответа), но если мнение изменилось, то есть возможность переголосовать.

Чтобы установить виджет опросов ВКонтакте на стандартный сайт созданного в HTMLили PHP, вам нужно проделать те же действия в настройках виджета. С кодом здесь тоже все просто. Код, обозначенный мной 1, вставьте между тегами <head> </ head >.
Код, обозначенный мной 2, вставьте между тегами <body> </body>, в то место, где вы хотите, чтобы отображался блок опроса (голосования):

Как вставить виджет опроса ВКонтакте для сайта

Пример для начинающих:

<html>
<head>
<title> виджет опросов ВКонтакте </title>
Здесь будет код [1]
</head>
<body>
Здесь будет код [2]
</body>
</html>

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

Удачи!!!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: , ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 787
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4386