Как сделать опрос (голосование) на сайте с помощью Google Docs |

Время чтения: 9 мин.

Как я обещал в одной из предыдущих статей, мы сегодня посмотрим как сделать опрос (голосование) на сайте с помощью сервиса Google Docs.

В статье будут рассмотрены следующие вопросы:

  1. Зачем создавать опрос с помощью Google Docs?
  2. Установка нужного языка
  3. Создание нового опроса (голосования)
  4. Как отредактировать (изменить, убрать) опрос
  5. Изменение внешнего вида опроса
  6. Как разместить опрос в статье
  7. Размещение опроса в сайдбаре
  8. Изменение подтверждения голосования
  9. Достоинства и недостатки опросов (голосований) сделанных с помощью Документов Google.

Для того, чтобы использовать сервис Google Docs, необходимо создать аккаунт в Google – он единый для всех сервисов, как и у Яндекса. Тем у кого его еще нет аккаунта в Google – создайте его, в будущем Вам все равно придется это сделать (как сделать —  в этой статье ).

1.Зачем создавать опрос с помощью Google Docs?

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

Особенно это касается таких мощных плагинов, как упомянутый WP-Polls.

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

2. Установка нужного языка

Этот раздел касается только тех, у кого при открытии Google Docs будет не русский язык, а какой-то иной. У кого при открытии будет русский, этот раздел можно пропустить.

Итак, заходим в Google Docs https://docs.google.com// У вас должна открыться вот такая страница:

как установить нужный язык в аккаунте Google

Рис.1

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

Как  изменить язык в аккаунте GoogleРис.2

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

3.Создание нового опроса (голосования)

На рис.1 левая стрелка указывает на кнопку «Создать», кликнем по ней. Появится список команд:

Как создать опрос в Google docsРис.3

Нам нужна «Форма». Перейдя по этой ссылке, мы попадем на страницу создания форм, к которым относятся и опросы:

Создать голосование с помощью Google DocsРис.4

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

Графа «Новая форма». Здесь Вы вписываете название опроса, например, «Что Вы думаете об этой статье?».

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

Графа «Заголовок вопроса». Здесь вписываем интересующий нас вопрос, ничего хитрого тут нет.

Графа «Пояснение»: в этих графах я буду указывать, какой вариант ответов на этот вопрос я выбрал.

Графа «Тип вопроса» сформулирована неудачно: это, скорее, тип ответов, т.е. как именно будут отображаться варианты ответов на вопросы. Там есть различные варианты, некоторые мы рассмотрим, чтобы Вам было понятно, как они выглядят, а некоторые пропустим из-за их простоты.

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

Графы «Текст» и «Текст (абзац)» мы рассматривать не будем: выглядят они как окно, куда надо вписать ответ, отличаются только размерами.

Тип вопросов (ответов) «Несколько из списка» применен во 2 вопросе,

«Выпадающий список» — в третьем вопросе,

«Шкала» — в четвертом вопросе,

«Сетка» — в пятом вопросе.

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

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

Переходим ко второму вопросу. Его создание несколько отличается и от первого, и от последующих.

Рис.5

Для того, чтобы оформить второй вопрос, надо сначала кликнуть по кнопке «Изменить» (рис.5). Эта графа раскроется и станет точно такой же как первый вопрос. Заполнять его надо точно также как и ранее. Почему сделано именно так – не знаю, голову сломал, но, видимо, какая-то мысль гуглеров посетила и они вот так ее реализовали.

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

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

Создание опроса в Документах GoogleРис.6

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

А что такое указано на рис.6 в самом низу – «Заголовок раздела» и «Разрыв страницы»?

Первое – если Вы группируете вопросы по какому-то признаку и Вам надо эту группу вопросов как-то выделить. Вы создаете раздел опроса (голосования) и в нем размещаете эти вопросы. Вопросы относящиеся к другой теме можно разместить в другом разделе и т.д. Понятно, что при этом у Вас может получиться слишком длинный список, которые можно разбить на более мелкие страницы с помощью «Разрыва страницы».

Сформулировав все необходимые вопросы, необходимо нажать на кнопку «Сохранено». Теперь можно посмотреть, что у нас получилось. На рис.6 вверху есть кнопка «Просмотреть ответы». Нажав на нее, Вы увидите Ваш опрос так, как он будет выглядеть на сайте:

Создание голосования в Документах GoogleРис.7

Вы сразу же можете подумать, что белый цвет фона Вам не очень подойдет к стилю сайта. Это поправимо. И еще вы сразу же подумаете: «Эх, надо было этот вопрос вот так сформулировать, а в этом – лучше был бы другой тип ответов и т.д.» J. Может чуть позже, но Вы все равно придете к выводу о необходимости подредактировать опрос. Как это сделать – мы сейчас и рассмотрим.

4.Как отредактировать (изменить, убрать) опрос

Заходим на главную страницу Документов Google:

Как отредактировать опрос в Google DocsРис.8

Вот он, наш созданный опрос. Кликнем по нему, в новой вкладке откроется страница с опросом:

Редактирование опроса Рис.9

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

Нажимаем на «Форму» (стрелка), покажется окно команд:

Изменить опрос в Документах GoogleРис.10

Кликаем по ссылке «Изменить форму» и через несколько секунд (да, надо подождать: все работает, но с задержкой – зависит от браузера) откроется новой окно «Редактировать форму»:

Как отредактировать голосование в Google Docs?Рис.11

Теперь при наведении курсора на какой-то вопрос, он подкрасится желтым цветом и станут видны кнопки (в правой части). Вы их уже видели (рис.5), поэтому смело кликаем по карандашу («Изменить») и у нас раскроется этот вопрос для редактирования (как на рис.4). Редактируйте, сохраняйте и радуйтесь жизни.

Кстати, здесь же можно изменить и название опроса, и его описание.

И еще здесь можно изменить внешний вид опроса. Сейчас мы эти и займемся.

5.Изменение внешнего вида опроса

Если Вы посмотрите на верхнюю часть рис.11, то рядом с кнопкой «Добавить элемент» увидите еще одну – «Тема: Plain». Кликнем по ней и Вы увидите миниатюры с темами:

Как изменить внешний вид опросаРис.12

Всего таких тем 97 и Вы можете подобрать себе что-то подходящее. Но хочу сразу предупредить, что если на миниатюре есть рисунок, то он будет и на сайте, а рисунки эти совсем не маленькие. Кликните по миниатюре и сможете увидеть как будет выглядеть опрос. Если Вам подойдет это оформление опроса, то необходимо нажать кнопку «Применить» (вверху) и можно приступать к размещению опроса на сайте.

6. Как разместить опрос в статье

Вы можете определить для размещения опроса любое место на своем сайте. Мы начнем рассмотрение с размещения опроса (голосования) в одной статье.

На рис.11 вверху показана кнопка «Дополнительные действия» (ближе к правому краю). Кликнув по ней, Вы увидите список команд, нам нужна команда «Встроить». Кликнув по ней, увидим всплывающее окно:

Как разместить опрос в статьеРис.13

Кстати, это окно можно вызвать и другим способом: в таблице (рис.9) надо кликнуть сначала по вкладке «Форма», а потом – по ссылке «Встроить форму в веб-страницу» и у Вас появится это же самое всплывающее окно с кодом (рис.13).

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

Открываем редактирование статьи, переходим во вкладку HTML и размещаем скопированный код в нужном месте. Я разместил после статьи (точно также будет сделано и на блоге novichkoff).

Размещение голосования в статьеРис.14

Нажимаем кнопку «Обновление» и переходим на сайт посмотреть, что же у нас получилось:

Опрос на сайтеРис.15

Ай, как некрасиво вышло – опрос залез на сайдбар. Надо бы сделать его поуже и не таким высоким (на скриншоте нижней части опроса не видно). Для этого надо чуть-чуть изменить скопированный и размещенный нами код. Если Вы посмотрите на рис.14, то обнаружите, что ширина опроса (параметр width) составляет 760 пикселей, а высота (height) и вовсе составляет 997 пикселей. Ширину Вам надо установить такую же, как и в основной части сайта (ширину контента смотрите в CSS или пробуйте научным тыком), а высоту – на Ваш вкус. Должно получиться как-то так:

Рис.16

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

7. Размещение опроса в сайдбаре

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

Размещение опроса в сайдбареРис.17

Сохраняем виджет и смотрим на сайте, что у нас получилось:

Как разместить голосование в сайдбаре сайтаРис.18

В верхней части опроса все нормально, а что в нижней?

Рис.19

Обратите внимание, что элемент «Сетка» полностью не поместился и это несмотря на то, что у меня достаточно широкий сайдбар. Значит, этот элемент надо использовать только при размещении опроса не в сайдбаре, а на странице, под контентом. Или же нам надо отредактировать опрос: надо здесь уменьшить ширину и высоту опроса. Но все это мы уже умеем.

Если мы теперь в нашем опросе поставим какие-нибудь ответы на вопросы, и нажмем кнопку «Готово», то у нас появится вот такое сообщение:

как показать итоги голосования на сайтеРис.20

Мне это сообщение не очень нравится. Во-первых, вместо сухого сообщения «Ваш ответ записан» можно поблагодарить участника опроса за то, что он высказал свое мнение. Во-вторых, мне не понравилась ссылка «Отправить еще один ответ», значит, каждый посетитель может участвовать много раз, искажая картину мнений. Увы, но сделать здесь мы ничего не сможем – так устроен опрос в Google. В-третьих, негде посмотреть на результаты голосования. Устранением первого и третьего недостатков мы сейчас и займемся.

8. Изменение подтверждения голосования

Заходим на страницу редактирования формы опроса (если забыли как это сделать, вернитесь к разделу 4 этой статьи). Нажимаем на кнопку «Дополнительные действия» и далее – на ссылку «Изменить подтверждение»:

Рис.21

У вас появится всплывающее окно:

Рис.22

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

Рис.23

Видите, у нас появилась новая ссылка «См. предыдущие ответы». Если нажать на нее, то появятся итоги голосования:

Рис.24

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

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

9. Достоинства и недостатки опросов (голосований) сделанных с помощью Документов Google.

К несомненным плюсам такого способа создания опросов я бы отнес:

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

К недостаткам работы с Google Docs я бы отнес:

  • Необходимость редактировать код опроса,
  • 97 вариантов оформления, хоть и немало, но многим покажется недостаточным, хотелось бы иметь возможность добавлять свои варианты оформления,
  • Нет возможности подредактировать оформление итогов голосования, из-за чего практически невозможно использовать их в сайдбарах,
  • Возможность для одного пользователя отправлять большое количество ответов.

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

P.S. Создание таких опросов — сущие пустяки для профессионалов, таких как iTargency – маркетинговое агентство полного цикла (адрес страницы сайта  о его раскрутке — http://itargency.ru/raskrutka-sajta). Заказывая создание (или продвижение сайта), Вам необходимо только четко сказать, что вам надо.

Похожие записи по этой теме:

Раздел: Без рубрики