Как скопировать опрос вконтакте. Какой сервис выбрать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот так вот!

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

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

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

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

Здесь будет код Здесь будет код

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

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

Вот такую анкету вы предложите заполнить вашим посетителям:

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

Что мы уже знаем? Мы знаем, как форма вводится в документ:

Name - обязательный элемент, имя формы. Method - как будет обрабатываться наша форма. Action - путь к скрипту, который будет обрабатывать форму, или е-майл куда будут отправлены данные из формы. Т.к. у нас сайт популярный, серьезный, то я предполагаю, что мы, конечно же, установим скрипт для обработки опроса.

Что нам еще знакомо в этой форме? Поля для ввода текста (ФИО и е-майл):

Ф.И.О.


Ваш е-майл:

Type=text - мы указали, что имеем дело с полем для ввода текста. Name - имена элементов. Size - размер полей для ввода текста. Maxlength - максимальное количество символов, которое сможет ввести наш посетитель в поле для ввода текста. Value - значение (в поле для ввода е-майл оно = @, чтобы пользователю было яснее, конечно, затем пользователь введет свое значение для того поля).

Как видите, нам еще далеко до конечного результата.

Какие элементы формы нам еще знакомы тут? Кнопка отправки информации и кнопка сброса:

Ф.И.О.


Ваш е-майл:

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

Начнем мы с "переключателей":

Особенность данного элемента формы в том, что разные его значения взаимоисключающи. Т.е. он предоставляет пользователю выбор: ИЛИ - ИЛИ. Или он - мужчина, или она - женщина, и то и другое выбрать не получится.

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

Вы: Мужчина Женщина

Итак, "переключатели" вводятся в нашу форму при помощи знакомого вам тега , type для которого мы указываем radio (type=radio). Name - обратите внимание, что для "переключателей" имя одинаковое, т.к. по сути это один элемент (что мы и подчеркиваем, задавая ему одно имя), зато value (значение) - должно быть обязательно разным.

Теперь поговорим о следующем незнакомом нам элементе формы, о "флажках":

Этот элемент тоже предоставляет пользователю выбор. Чем же он отличается от "переключателей". "Флажки" предоставляют пользователю выбор И - ИЛИ. Т.е. пользователь может отметить один из предложенных вариантов, а может одновременно выбрать несколько вариантов (допустим, ваш посетителю любит как боевики, так и документальные фильмы). "Переключатели" же, как вы должны помнить, дают возможность выбрать только что-то одно из предложенного (ИЛИ - ИЛИ).

Но давайте посмотрим код для этого элемента формы и разберемся в нем:

фантастику
боевики
приключенческие
мелодрамы
документальные

Итак, как мы видим, во всем виноват знакомый нам тег , только в этот раз его атрибут type принимает значение checkbox (type=checkbox). Name - обратите внимание, имя для каждого "флажка" мы задаем свое, уникальное, зато значение (value) - для всех "флажков" одинаковое.

Если вы хотите, чтобы какой-то флажок или переключатель был выбран по умолчанию, то мы можем ввести в наш код для этого "флажка" или "переключателя" атрибут checked:

Какие фильмы вы любите смотреть?
фантастику
боевики
приключенческие
мелодрамы
документальные

Как результат, в форме, предлагаемой посетителю будет уже отмечен пункт "приключенческие":

Конечно же, ваш посетитель сможет убрать эту пометку и выбрать потом свое.

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

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

Франция США Англия Италия Австралия

Итак, выпадающий список вводится при помощи тега . Каждый пункт выпадающего списка вводится при помощи тега . Name - мы задаем только для тега , и оно относится ко всему списку. Value - мы задаем для каждого тега (пункта списка).

По умолчанию первый пункт в списке - так и отображается, первым, выбранным. Однако, мы можем при помощи атрибута selected для тега

выбрать другой пункт по умолчанию:

В какую страну вы хотели бы поехать?

Франция США Англия Италия Австралия

Также мы можем изменить разметку выпадающего списка, разбив его пункты на несколько групп, при помощи тега :

В какую страну вы хотели бы поехать?
Италия Франция США Англия Австралия

Вот и все премудрости с выпадающем списком.

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

Гордый Горец Недоделанный Рембо Ковбой В Шляпе Слезливый Бобби Историческая личность

Вот так, это выпадающий список, но стоит лишь добавить атрибут size для тега , то выпадающий список превратится в прокручивающийся:

Из этих актеров вам больше нравится:

Гордый Горец Недоделанный Рембо Ковбой В Шляпе Слезливый Бобби Историческая личность

Волшебство, да и только

Атрибут size определяет число строк в прокручивающемся списке, видимых в один момент времени. Size=4 - в нашем списке четыре видимых строки.

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

Учимся делать опрос (голосование) на своем сайте.

Здравствуйте, читатели моего сайта!

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

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

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

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

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

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

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

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

Для начало перейдите по такому адресу http://www.rupoll.com . После чего вам нужно будет перейти по ссылке Создать Опрос .

Чуть ниже вы должны написать ваши варианты ответов на поставленный вами вопрос, который вы написали чуть выше. Здесь полей достаточно, но вы берете столько полей, сколько вам необходимо.

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

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

Вот, что у меня получилось в конечном итоге.

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

2-й способ создания опроса (голосования) на сайте.

Данный способ создания голосования (опроса) на сайте ко мне пришел позже, когда я о нем узнал. Данный способ на мой взгляд является самым удачным с учетом того, что он создается легко и просто и при этом еще бесплатно, а это не маловажный фактор.

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

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

Итак, заходим в аккаунт в Вконтакте, и ниже ваших фотографий у вас будет строка с названием "Что у Вас нового? ". Вам нужно поставить туда курсор.

После того как вы поставите в данную строку курсор мыши, у вас появиться ссылка "Прикрепить ". Наведите мышкой по данной ссылке и у вас откроется окно, где вы должны навести также на ссылку "Другое "... После чего появиться еще одно окно, в котором вы должны выбрать пункт меню "Опрос ".

После того как вы перейдете по пункту меню Опрос, вы попадете на форму для создания темы опроса.

\

Здесь вам нужно придумать тему опроса, которую вы пишете в первой верхней строке, а ниже придумываете и вписываете ответы в соответствующие строки. Если вам не достаточно 2-х строк для вариантов ответа, то вы можете легко добавить еще строки для вариантов, сколько вам необходимо, но не более 10-ти вариантов. Но я думаю, этого будет достаточно, чтобы сделать нормальный опросник на своем сайте. После того как вы создадите опрос (голосование) нажмите на кнопку "Отправить ". После чего у вас появиться примерно такая картина как на скриншоте ниже.

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

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

1. Продумывание тематики опроса, формирование анкеты на бумаге (на компьютере).
2. Создание анкетного опроса с помощью выбранного Вами способа реализации.
3. Фиксирование готовой анкеты на своем сайте.

Первый этап мы рассмотрели в прошлой статье, поэтому сейчас мы рассмотрим два последующих.

Способы создания опроса для сайта

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

Составление простого опроса в соцсети ВКонтакте

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

Входим в свой аккаунт социалки ВКонтакте. Ищем строку «Что у Вас нового?» и кликаем на нее:

После клика появляется всплывающее меню с разными вариантами вставки нового материала. В нем не все позиции высвечиваются, поэтому кликаем на ссылку «Другое» и выбираем вариант «Опрос»:

В итоге получаем специальную форму для проведения анкетного опроса. Для примера я ее уже заполнил, включив в нее закрытые вопросы:

Теперь нам остается всего лишь нажать кнопку «Отправить» и любоваться готовым вариантом анкеты:

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

Как создать Гугл опрос

Более сложные анкетные опросы для своего сайта формируем на специализированных сервисах. В интернете можно найти такие площадки на любой вкус. Вот некоторые из них — pollservice.ru, rupoll.com.

Функционал у них солидный — сервисы могут выполнить анкеты почти любой сложности. Рассмотрим один из самых популярных в Рунете способ создания анкеты с помощью сервиса Google Drive (drive.google.com).

Для создания анкеты в Google Drive (Диск Гугл по-русски) нужно войти в свой аккаунт и выбрать нужный сервис. Как вариант, после входа просто прописываете урл Google Drive. В итоге у Вас появляется стартовый экран, в котором в левом меню выбираем позицию «Форма»:

Благодаря пункту «Расширенные настройки» можно добавить для вопросов анкетного опроса различные элементы. Это могут быть и выпадающие списки, и добавление изображений и видеороликов, и новые стили оформления текста и т.д.:

Благодаря этому дополнительному функционалу, опрос на Гугл Диске можно превратить в полноценную креативную анкету на любой вкус. Да и задачи таким образом можно выполнить любые — Google Drive позволяет вписать в анкету любые варианты вопросов.

В итоге, затратив пару минут на составление вопросов, получаем готовую. анкету:

Немного слов про настройки будущих анкет, созданных в Гугл Диске. Они есть и отвечают за следующие аспекты работы респондента с анкетой:

Рассмотрим их подробнее.

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

Заключительным этапом работы с формированной формой является ее сохранение. Ее можно отправить на свою электронную почту или закинуть в Гугл Документ:

А еще можно показать готовую анкету на своем сайте. Об этом сейчас и поговорим.

Как сделать опрос на сайте

Последний штрих в проведении опроса на своем ресурсе — это вставка уже подготовленных анкет. Существуют следующие способы реализации данной задачи:

• создание на своем сайте ссылки на готовый анкетный опрос
• внедрение формы готовой анкеты на страницу сайта путем вставки кода;
• формирование анкеты и ее отображение с помощью плагина (скрипта).

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

Вставка ссылки на страницу с готовой анкетой

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

Для своего блога я выбрал второй вариант — у меня есть другой блог, который содержит все придуманные мной недавние анкеты. Вот пример ссылок, идущих на пару моих опросов. Они находятся в последнем дайджесте и выполнены в виде баннера:

Вставка кода готовой анкеты

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

Данный код можно получить при отправки созданной анкеты на публикацию в заметку своего аккаунта (смотрите на одной из картинок выше).

Вариант вставки кода из Google Drive аналогичный:

Если вставить данный код, то на выходе получается милая анкетка:

Создание анкеты с помощью плагина (скрипта)

С помощью данного способа, анкета формируется путем инструментария специального плагина (скрипта), установленного на сайте. Таких плагинов для CMS WordPress существует достаточное количество. Но мы не будем рассматривать каждый по отдельности — это не задача этой статьи.

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

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

С уважением, Ваш Максим Довженко

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

Сейчас я покажу вам, как сделать опрос в вк .

Что такое опрос

Выглядит это вот так.

Как создать опрос в вк

Нам нужно создать новую запись. Либо на своей странице, либо на стене группы (см. ). Перейдите к форме, и наведите курсор на ссылку «Еще» . В выпадающем меню выберите пункт «Опрос» .

У нас откроется форма, в которой нужно заполнить следующие поля:

• Название опроса;
• Варианты выбора;
• Укажите, будет ли голосование анонимным.

Когда все заполните, нажмите кнопку «Отправить» .

Видео урок: как сделать опрос в вк

Изменения в интерфейсе опросов

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

Откройте форму создания опроса. Теперь здесь есть раздел с выбором цветового оформления записи. Отметьте подходящий вариант.

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

Заключение

Опросы хорошо проводить в группе. Так вы существенно повысите активность пользователей. Это благоприятно повлияет на .

Вопросы?

Вконтакте