Как сделать гугл форму для сбора информации. Google формы

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


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

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

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



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

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


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

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

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

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

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

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

    • Уведомлять (ВАШ-АДРЕС-ЭЛЕКТРОННОЙ-ПОЧТЫ) о следующих действиях: выбираем Отправка формы
    • Способ уведомления... выбираем Сообщение электронной почты - мгновенное
    Таким образом каждый раз, как кто-то заполнит и отправит форму - вы получите уведомление о том, что таблица изменена. Удобно? Безусловно!ИтогиНе лишним будет напомнить, что такой способ позволяет не просто использовать форму для контактов с клиентами/партнерами/подписчиками, но еще и эффективно собирать базу подписчиков, структурировать ее, автоматизировать процесс ее создания. Просто посчитайте сколько времени уходит у вас на перенос контактов, пришедших вам с формы обратной связи в базу контактов! При этом, наверняка, многие контакты теряются. Наш способ позволит вам сократить потери контактов (или вообще их исключить).

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

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

    Существует так много способов создания онлайн-форм, что выбор идеального для вас способа может быть потрясающим. Вероятно, к самому мощному инструменту у вас уже есть бесплатный доступ - он является частью Google Диска (Google Drive). Диск является неотъемлемой частью каждого аккаунта Google и хорошо известен, как служба облачного хранения для своего офисного пакета документов (Docs office suite). Одна из его имени известных функций это Формы (Forms), инструмент для создания опросов, который также прост или сложен так, как вам нужно. Независимо от того, собираете ли вы электронные адреса, выполняете опросы на вашем веб-сайте или строите углубленное исследование обслуживания клиентов, Forms является идеальным инструментом для этого.

    На этом уроке я покажу вам, как начать работу с Google Формами (Google Docs Forms). Я расскажу о различных типах вопросов, которые вы можете там создать, как вы можете задавать различные вопросы в зависимости от ответов, которые предоставляет пользователь, и, наконец, как вы можете получить доступ к данным и проанализировать полученные данные.

    Поехали

    В вашем браузере, переведите на drive.google.com и войдите в ваш Google аккаунт, если вы ещё этого не сделали. В левом верхнем углу экрана нажмите Создать > Ещё и выберите Google Формы .

    Расположение параметров формы в левом верхнем углу экрана

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

    Тут вы можете видеть подготовленные шаблоны

    Теперь вы находитесь на главной странице Формы, и вы можете работать с ней в том порядке, в котором перечислены элементы.

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

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

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

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

    Страница формы упорядоченная по разделам, которые вам нужно редактировать Типы вопросов Текст (строка)

    Данный вариант запрашивает от пользователя очень короткий ответ, такой как имя или адрес электронной почты. Чтобы убедиться, что они ввели действительный адрес электронной почты нажмите Дополнительные настройки (смотрите три точки справа). Отметьте Проверка данных и выберите Текст в первом раскрывающемся списке и Электронный адрес во втором. В поле Сообщение об ошибке введите "Пожалуйста предоставьте действительный адрес электронной почты".

    Добавление проверки данных к вашему вопросу Текст (абзац)

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

    Один из списка

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

    Параметры множественного выбора в Google Формах Несколько из списка

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

    Выберите, как вы хотите проверить правильность ответов Выбор из списка

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

    Список вопросов в опроснике Шкала

    Шкала просит опрашиваемого оценить что-либо по шкале, по умолчанию от одного до пяти. Вы должны предоставить метки для самого маленького и большого значений на шкале, чтобы было более понятно. Например, вопрос может быть такой «Насколько вам понравилось наше обслуживание?». Метка на шкале для 1 может быть «Очень не понравилось», а для 5 «Очень понравилось»

    Шкала представляет собой вопрос с несколькими вариантами ответов, но, за один раз, вы можете указать только один. Чтобы быстро создать множество вопросов нажмите кнопку Создать копию , затем измените Вопрос в новой копии.

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

    Когда закончите с вопросами нажмите Готово (примечание переводчика: на сегодняшний день, все действия сохраняются автоматически на Google Диск). Нажмите Добавить вопрос , для добавления другого вопроса и выберите тип вопроса из списка.

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

    Добавление нового раздела для упрощения прохождения опроса Создание динамичных форм

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

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

    Используйте несколько страниц для создания динамичных форм

    Страница 1 содержит вопрос с выбором ответов на вопрос «У вас есть смартфон?». Ответ 1 это Да, Ответ 2 это Нет. Нажмите на «три точки» справа снизу и выберите , затем для варианта ответа 2 выберите Перейти к разделу 3 .

    Вы можете перенаправлять пользователей на определённый раздел, основываясь на их ответах

    Страница 2 содержит ваши вопросы о смартфонах.

    На странице 3 предлагается выбрать один ответ на вопрос “У вас есть планшет?”. И снова, Вариант 1 это Да; Вариант 2 - Нет. Нажмите на «три точки» справа снизу и выберите Выбрать действие для каждого варианта ответа и для варианта ответа 2 выберите Перейти к разделу 5 .

    Страница четыре содержит вопросы о планшетах.

    Страница 5 содержит демографические вопросы с разделом «О вас».

    В этом примере, если кто-то отвечает тогда на вопрос на Странице 1, он будет переведён на Страницу 2 с вопросами о Смартфонах, которая ведёт к Странице 3.

    Если на Странице 1 они отвечают Нет, вопросы о смартфоне будут пропущены и они будут перенаправлены прямо к вопросам о планшетах, на Странице 3. Ответить на это Да, будет показана Страница 4 и вопросы связанные с планшетами; ответ Нет перебросит нас на Страницу 5 с вопросами «О вас».

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

    В завершение

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

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

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

    Добавляем финальное сообщение и действия для вашей формы

    Теперь вы увидите окно, предоставляющее ссылку на ваш вопрос для отправки по e-mail или соцсетям. Если вы хотите вставить форму на ваш написать и нажмите кнопку < > . Измените высоту ширину и высоту так, чтобы форма соответствовала вашей странице (самое главное это ширина), затем скопируйте HTML-код и вставьте его на ваш веб-сайт.

    Изменение размера вашего вопроса для соответствия нашей веб-странице.

    И наконец, на верхней панели кликните Сохранять ответы . Данные опроса сохраняются в таблице, для ввода её названия нажмите Новая таблица . А также проверьте, что опция Принимать ответы включена - тогда ваш опрос будет работать.

    Получаем результаты

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

    Настройка вашего опроса после его завершения

    Перейдите в Ответы > Сводка чтобы посмотреть все данные в виде диаграмм и графиков.

    Результаты вашего вопроса

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

    Как же вы можете посмотреть все детальные результаты таблице

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

    Заключение

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

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

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

    Публикация опроса в интернет

    Чтобы отправить форму, откройте ее и нажмите кнопку «Отправить» в верхнем правом углу окна или выберите пункт «Отправить» в меню «Файл».

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

    Чтобы немедленно отправить письмо с формой опроса и ссылкой на нее по e-mail, введите один или несколько адресов в поле «Отправить форму по эл. почте». По умолчанию, тема сообщения будет совпадать с названием формы. Если хотите ее изменить или добавить пояснения, нажмите «Добавить тему и текст сообщения».

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

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

    Добавление формы опроса на сайт

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

    Как завершить опрос

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

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

    Обработка результатов опроса

    Зайдем в меню «Ответы». Здесь нам доступны следующие действия:

    • «Сводка ответов» — отображение сводной информации по каждому вопросу в виде диаграмм.
    • «Просмотреть ответы» — если ранее, форма была связана с Google таблицей, то откроется эта таблица с ответами в хронологическом порядке. Такую информацию трудно воспринимать, но вы можете обработать эти данные любым способом.
    • «Сохранять ответы…» — если вы не связывали форму с таблицей Google, то с помощью этой команды сможете это сделать. Точно так, как описано выше. При этом все собранные ответы сразу попадут в эту таблицу.
    • «Удалить связь с формой» — разрывает связь между формой и таблицей ответов. С этого момента, ответы пользователей не будут больше заноситься в таблицу, но будут сохраняться в форме. Таблица останется на вашем Google Диске.
    • «Создать предварительно заполненную страницу». Выбрав этот пункт, вы сможете дать ответы на все или некоторые вопросы формы и отправить ее респонденту в таком виде. Для этого заполните ответы в подготовленной форме и скопируйте новую ссылку, которая появится сверху. Теперь ее можно передать респондентам. Например, нажать кнопку «Отправить» и вместо той ссылки, что предлагается, вставить новую.
    • «Удалить все ответы» — уничтожает все ответы в форме. Это может пригодиться, если вы захотите провести этот опрос через какое-то время снова. Чтобы сохранить ответы, перенесите их в таблицу с помощью команды «Сохранить ответы…».

    Нас, прежде всего, интересует «Сводка ответов». Щелкаем мышкой по этому пункту и видим следующую картину.

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

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

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

    Сохранение и печать опроса

    Ответы можно сохранить несколькими способами. Один вам уже известен – это таблица Google. Из нее данные можно экспортировать в формат Excel, таблиц OpenOfficeи т.д. Другой вариант – в меню «Файл» выбрать команду «Скачать как» — «Значения, разделенные запятыми (все ответы в формате CSV)». CSV-файла это обычный текстовый файл, данные в котором разделены с помощью точки с запятой. Этом формат прост в обработке и используется многими программами.

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

    Другие возможности Google Форм

    Из предыдущих вы знаете, что Google Docsпозволяет организовать совместную работу над документами. Формы не стали исключением. Можете пригласить коллег или друзей для кооперации усилий по созданию формы. Это можно сделать из меню «Файл», используя пункты «Пригласить редакторов» и «Отправить соавторам…». Таким образом, вы можете разбить форму на несколько разделов, и каждый член команды будет работать со своей частью опроса.

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

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

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

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

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

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

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

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

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

    Рис.2

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

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

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

    Рис.3

    Рис.4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Рис.5

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

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

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

    Рис.6

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

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

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

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

    Рис.7

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

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

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

    Рис.8

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

    Рис.9

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

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

    Рис.10

    Рис.11

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

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

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

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

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

    Рис.12

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

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

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

    Рис.13

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

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

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

    Рис.14

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

    Рис.15

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

    Рис.16

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

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

    Рис.17

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

    Рис.18

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

    Рис.19

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

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

    Рис.20

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

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

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

    Рис.21

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

    Рис.22

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

    Рис.23

    Рис.24

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

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

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

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

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

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

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

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

    Если вы еще не знакомы с бесплатным, но мощным инструментом Google Формы (Google Forms), сейчас самое время для этого.

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

    Что такое Google Формы?

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

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

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

    Как создать Google форму

    Первым шагом в этом процессе станет создание аккаунта Google (если у вас его еще нет). После этого вы можете перейти непосредственно к Google Формам .

    Вам сразу будет предоставлены готовые к работе шаблоны Google Форм, которые могут служить основой для вашей собственной формы. Если вы решите начать с пустой формы – просто нажмите на большом блоке с плюсиком (+).

    Кроме типовых элементов форм, таких как поля и кнопки, вы можете легко добавить ряд других элементов в свои формы. Эти дополнительные элементы могут содержать видео с YouTube, изображения с Google Photos, вопросы и обычный текст.

    Изменение вида Google формы

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

    Публикация Google формы

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

    Просмотр результатов заполнения Google Формы

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

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

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

    Как добавить Google форму на сайт

    Самым быстрым способом добавления формы Google на сайт является копирование и вставка кода iframe в код страницы на вашем сайте.

    Примерный вид кода для вставки:

    Загрузка...

    ID-ФОРМЫ для реальной формы будет заменен уникальным идентификатором.

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