Как сделать голосование в гугле. Быстрый старт в Google Forms. Указываем название опроса и даем пояснения для опрашиваемых

Приветствую читателей блога!

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

Формы Гугл.

Не припоминаю, для чего именно мне первый раз, потребовалась такая форма, но познакомился с ней примерно года 3 назад. С тех пор она значительно обросла новыми возможностями. Как правило использовал для принятия заявок на участие в конкурсе, записи на обучение, и однажды проводил опрос. Если хорошо подумать, то применений можно найти множество. И так, приступим к созданию формы.

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

Теперь обращаем взор на левую верхнюю часть открывшегося диска и нажимаем на кнопку «создать». Из выпавшего меню выбираем «форма» и приступаем к её созданию и оформлению.

Первым делом вписываем название и подбираем тему для нашей формы. Эти параметры можно изменять и после создания.

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

  • Текст
  • Абзац
  • Один из списка
  • Несколько из списка
  • Выпавший из списка

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

Что бы добавить следующий элемент (вопрос) внизу есть соответствующая кнопочка.

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

Смотрим какая гугл форма у нас получилась.

При встраивании формы в страницу, учтите размеры для корректного отображения. Ширина как правило 600, а высота зависит от количества элементов в форме.

Опрос ниже рабочий и Вы можете ответить на вопросы, ответы можно опубликовать, либо оставить конфиденциальными.

Если требуется опубликовать форму на отдельной странице, то сначала нужно создать эту страницу и затем также вставить iframe код. Пример можно посмотреть в моём посте , нажмите на картинку внизу, откроется форма заявки на участие в конкурсе.

Можно не создавать такую страницу, а воспользоваться , ссылка даётся сразу, до получения iframe кода.

Надо провести какой-нибудь опрос или хотите разместить анкету для заполнения заявки на вакансию? Раньше, чтобы сделать что-то подобное, создавались отдельные сайты, это делают и сейчас. Но нет смысла создавать отдельный проект ради какого-то опроса, к тому же уйдёт немало времени и денег. И сейчас есть простое решение, упрощающее разработку такого проекта — формы от Гугла. Благодаря ему вы сэкономите кучу времени, своих ресурсов и нервов. Изначально мы разберём функционал форм, а затем создадим свой тест на базе этой платформы. Раз это часть вселенной Гугла, то для старта потребуется Google-аккаунт, почты достаточно.

Что будем делать в формах?

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

Создание формы.

Для создания формы потребуется зайти в Google Drive (он же Гугл диск). Следом щёлкните по кнопке создать, ещё, Google формы, после чего в новой вкладке откроется страница создания новой формы. Это можно сделать ещё быстрее с помощью сочетания клавиш Shift + o.

Страница 1. Основная информация.

Итак, на 1 странице создадим текстовый элемент, дату и выбор одного ответа из предоставленных.
Создаём текстовое поле.

Создание текстового поля

Заполнение поля вводом имени

Текстовое поле нужно для заполнения поля в произвольной форме. Мы же создадим инпут, в котором юзер должен будет ввести своё имя. Заполним поле вопрос: впишем туда “Введите своё имя”, чтобы человек понял, что ему ввести в этой графе. Пояснение можно оставить пустым, тип вопроса — текст. Рекомендуется сделать поле обязательным, поставив галочку на этой строке.

Работа с датой

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

Элементы выбора ответов

Задать варианты выбора ответов

В Гугл формах есть два вида выбора ответов: радиокнопки и чекбоксы — выбор одного или нескольких ответов. Создадим элемент выбора ответа из предоставленных, это будет выбор наличия опыта работы: есть или отсутствует. Добавляем элемент с типом “Один из списка”. Заполняем вопрос “Опыт работы”, пояснение: “Укажите наличие опыта работы в этой сфере”, а варианты ответа: “Да” и “Нет”. Добавим текстовое поле, в котором человек сможет указать, сколько лет он проработал редактором.

Информация о себе

Для более детальной информации о человеке следует добавить поле, в котором он напишет всю необходимую информацию о себе. Для этого добавляем элемент “Текст (абзац)”, имя которого будет “О себе”, в расширенных настройках укажем минимальное количество символом, у нас их будет 50.

Страница 2. Опыт работы

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

Флэшбэк. Редирект на следующую страницу.

Вернёмся к выбору ответов о наличии опыта работы и редактируем этот элемент. Рядом с типом вопроса ставим галочку на переходе на следующую страницу. Возле 1 ответа, положительного, ставим переход на 2 страницу (Опыт работы), возле отрицательного: отправка формы, поскольку не следует спрашивать человека о том, чего у него нет.

Насыщаем элементами 2 страницу

Здесь ничего разжёвывать не требуется, поскольку принцип тот же, что и в 1 странице: текстовое поле, дата и элементы выбора. В первом юзер должен будет рассказать о своём опыте, во втором — указать период работы в компании, в третьем — более или менее 5 лет.

Каркас формы

Готовая анкета в Google Forms

Можно избавиться от дефолтного минимализма формы, выбрав красивое оформление из предоставленных Гуглом. Для этого в верхнем меню кликните по кнопке “Сменить тему”, и справа выпадет блок с готовым дизайном. Выбрать его можно одним кликом по нужной теме, закрыть — кликом на кнопку “Изменить вопросы”. Также можно настроить выбранную тему (шрифты, фон формы и фон страницы), щёлкнув на “Настройка”.

Дополнительные настройки в Google Forms

Наверное, стоит сделать так, чтобы от одного человека поступала только одна заявка, то есть только с одного аккаунта. Не бойтесь спама ботами и фейков, поскольку правилами Гугла мультиаккаунтинг не предусмотрен. Также вы можете разрешить юзерам изменять ответы после отправки, мало ли, может они хотят что-то дополнить о себе.
Если необходимое количество заявок уже поступило, то можно отключить принятие ответов: ответы, ответы не принимаются.

Работа с ответами

Самый главный вопрос: куда они сохраняются? Сохраняются они в таблице Exel, которую вы можете создать сами и выбрать, в какой будут сохраняться ответы, либо система за вас это сделает и создаст новую таблицу (ответы, сохранять ответы, новая таблица, создать).

Если вы уже оценили эффективность такого инструмента, как форма обратной связи на своем сайте - этот пост для вас. Сегодня мы расскажем как без особых усилий и знаний в вебдизайне и программировании сделать из обычной формы гугл - точную копию красивой формы на вашем сайте и собирать заявки, обращения, контакты и базу email - прямо в Google Таблицу!


Для начала определим что нам нужно:

  • Учетная запись Google
  • Доступ к коду вашего сайта
  • 20 минут полной концентрации
  • Предположим все это у нас есть в наличии и приступим к делу - пошаговое руководство как изменить стиль формы гугл.

  • Имя (текстовое поле)
  • Телефон (текстовое поле)
  • Email (текстовое поле)
  • Стилизовать форму (менять шрифты, цвета и доавлять картинки) пока не будем. Нас интересует только сама структура. По итогу форма должна выглядеть так:



    Как правильно будет замечено - мы не добавили проверку данных. Проверка данных - штука полезная, ибо позволит проследить, что вам не будет отправлено вместо email, например, слово test. Проверка добавляется так:

    Открываем форму и убеждаемся, что она рабочая. Для этого заполним тестовыми данными и нажмем Готово :


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

    Можем приступать к следующему шагу.

    Копируем код формы

    И вот здесь для многих начинается хардкор. Но не спешите все бросать - мы с вами!
    Итак - в редакторе форм нажимаем на кнопку .
    В любом месте на странице с открывшейся формой нажимаем правой кнопкой мыши и выбираем:

    • Google Chrome - Проверить элемент
    • Mozilla Firefox - Исходный код страницы
    Вашему взору откроется весь код формы. Для неподготовленного человека - это кодовый ад с кучей непонятных и, на первый взгляд, ненужных строчек. Выдыхаем. Копируем весь код, который находится между тегами и . Самый простой способ это сделать - это, открыв исходный код страницы, нажать комбинацию клавиш Ctrl+F и введя в поле поиска необходимый тег. После этого - правой кнопкой по выделенному коду и Копировать .

    Поздравляем - вы уже можете вставлять этот код на сайт и применять к нему свой CSS. Но и это еще не все - страница подтверждения отправки формы по-прежнему ссылается на стандартную от Google. Что-бы изменить страницу потверждения - нам необходимо изменить следующий код:
    Заменив его на:
    var submitted=false;
    Все готово! Форма работает, данные заносятся в таблицу. Остался всего один трюк - маленький, но важный. Трюк этот называется - оповещения об изменениях в таблице .
    Для настройки оповещений - открываем таблицу, куда заносятся данные из формы (мы настраивали ее в самом начале пути). В меню таблицы переходим по пути Инструменты -- Уведомления . В открывшемся диалоговом окне выбираем следующие пункты:

    Таким образом каждый раз, как кто-то заполнит и отправит форму - вы получите уведомление о том, что таблица изменена. Удобно? Безусловно!ИтогиНе лишним будет напомнить, что такой способ позволяет не просто использовать форму для контактов с клиентами/партнерами/подписчиками, но еще и эффективно собирать базу подписчиков, структурировать ее, автоматизировать процесс ее создания. Просто посчитайте сколько времени уходит у вас на перенос контактов, пришедших вам с формы обратной связи в базу контактов! При этом, наверняка, многие контакты теряются. Наш способ позволит вам сократить потери контактов (или вообще их исключить).

    Напишите в комментариях как вы используете Google Формы на своем сайте и используете вообще.

    Кстати - мы подготовили демонстрацию работы, просто нажмите на кнопку.

    На 200% уверена, что очень многие не знают всех возможностей Google. С сервисами Google можно горы свернуть! Не верите? Ну хорошо, убедили, пусть не горы, но вот сделать опрос с помощью документов Google можно буквально за несколько минут.

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

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

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

    Google документы находятся здесь:

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

    Нажимайте активную красную кнопку «Создать», в выпадающем меню выберите «еще», и нажимайте «Google формы». Вы можете начать работу с выбора темы оформления, а можете 10 раз ее сменить в процессе создания опроса. Следующим вашим шагом будет изучение всех кнопочек и разделов. Обязательно протестируйте все самостоятельно, и вы узнаете, что здесь можно создавать опросы различных видов. Первый пример продемонстрирует вам все виды опросов, которые вы можете создавать в зависимости от ваших задач.

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

    К текстовой информации можно добавить различные дополнительные элементы, такие как: изображение, дату, время, и те же самые виды опроса. То есть опрос можно сделать в нескольких местах одной страницы, разделяя их графическими элементами или текстовой мнформацией. Если вы хотите сделать подарок человеку за прохождение опроса, то нужно в разделе «Изменить подтверждение» (в самом низу страницы, перед кнопкой «Отправить») написать слова благодарности и дать ссылку на скачивание подарочного файла.

    Так же обратите внимание, что есть возможность вставки текстового блокадополнительных элементах самый первый пункт). Использовать функцию «Добавить элемент»можно неограниченное количество раз. И этот момент вы также можете взять на вооружение. Это отличный инструмент для создания подписных страниц и писем в рассылках.

    Как только вас устроит ваш опрос, вы можете его просмотреть, для этого в верхних разделах выберите надпись «Открыть форму». Если вам что-то не нравится или вы увидели ошибку, возвращайтесь на страницу редактирования опроса и вносите изменения до тех пор, пока не будет все сделано на «отлично». Примерно вот так:

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

    Для того, чтобы встроить опрос на свой сайт, откройте меню «Файл» и найдите пункт «Встроить в веб-страницу». Вы получите HTML-код, который размещаете в редакторе HTML-текста, а его размеры можете отредактировать на сайте.

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

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

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

    Для того, чтобы начать работу с формами опроса необходимо авторизироваться в Google

    На главной странице поисковика нажмите пиктограмму с квадратиками.

    Нажмите «Еще» и «Другие сервисы Google», после чего выберите «Формы» в разделе «Для дома и офиса» или просто перейдите по . Если вы создаете форму в первый раз, ознакомьтесь с презентацией и нажмите «Открыть Google Формы».

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

    2. Находясь на вкладке «Вопросы», в верхних строках введите название формы и краткое описание.

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

    Если вы выбрали формат в виде анкетирования — в строках под вопросом придумайте варианты ответов. Чтобы добавить вариант, нажмите одноименную ссылку

    Чтобы добавить вопрос нажмите «+» под формой. Как вы уже заметили, для каждого вопроса задается отдельный тип ответа.

    При необходимости, щелкните на «Обязательный ответ». Такой вопрос будет помечен красной звездочкой.

    По этому принципу создаются все вопросы в форме. Любое изменение моментально сохраняется.

    Настройки формы

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

    Пиктограмма из трех вертикальных точек — дополнительные настройки. Рассмотрим некоторые из них.

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

    Будьте внимательны, для респондентов и редакторов используются разные ссылки!

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



    
    Top