Если вы еще не знакомы с бесплатным, но мощным инструментом 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 форму, которая уже будет готова взаимодействовать с посетителями вашего сайта.
Google формы - один из облачных сервисов Google, связанный с облаком и таблицами. Как и для использования любых других продуктов Google, для авторизации достаточно просто иметь почтовый ящик на Gmail.
Гугл-формы - простой, удобный и надёжный инструмент. Он интуитивно понятный, лёгкий в освоении, быстро внедряется и, что немаловажно, бесплатный.
Важно отметить простой, лаконичный дизайн и высокий уровень . Кроме того, внешний вид можно кастомизировать в соответствии с предложенными темами и даже создавать темы самостоятельно. Для этого просто нужно загрузить лого или шапку, и алгоритм автоматически подберёт соответствующую палитру интерфейса.
Сервис имеет много тонких настроек. Вопросы могут содержать от текстовых полей до чекбоксов.
При оформлении можно использовать картинки и видео.
Структура опроса может быть не линейной, а вариативной. Отвечая на вопросы, люди будут попадать на разные страницы, в зависимости от того, какие ответы они дают. Это существенно расширяет потенциальные сферы применения и создаёт простор для творчества.
Сервис кроссплатформенный - использовать его можно на ПК, планшетах и смартфонах. Данные корректно синхронизируются.
Работа с формами предусмотрена как для одного специалиста, так и для команды.
Сферы примененияПродукт позволяет:
- Проводить опросы;
- Регистрировать участников мероприятий;
- Сегментировать клиентов;
- Брифовать клиентов;
- Получать обратную связь;
- Собирать отзывы;
- Проводить тестирования и викторины;
- Собирать контакты для рассылок.
Помимо этого, можно применять Google Forms для лидогенерации, используя их в качестве посадочной страницы.
Результаты пользователей записываются в Google-таблицы.
Области применения: от образования до решения бизнес-задач.
Куда попадают ответыСтатистику и ответы можно просматривать как непосредственно в самих Google-формах, так и в отдельной таблице, которая создаётся автоматически по умолчанию. Можно указать и ранее созданную.
В личном кабинете доступна общая сводка и ответы отдельных пользователей.
При нажатии на зелёную иконку открывается соответствующая Google-таблица со всеми ответами.
У раздела «Ответы» есть своё меню, которое позволяет управлять уведомлениями о новых ответах по email, настраивать, в какую именно таблицу нужно сохранять ответы, отключать связь с формой, скачивать ответы в формате CSV, печатать ответы и удалять их.
Начать работу с сервисом можно, выбрав один из предложенных шаблонов по различным тематикам.
В большинстве случаев работа начинается с чистого листа под определённый формат. Создаётся пустая форма, которая настраивается, к ней раздаются права доступа. После чего оформляется внешний вид и конструируются блоки вопросов.
Данный раздел имеет три подраздела
- Общие;
- Презентация;
- Тесты.
Рассмотрим подробнее каждый из них.
Общие настройки позволяют:
- Управлять сбором контактов респондентов;
- Отправлять им копии их ответов;
- Ограничивать количество попыток заполнения формы;
- Настраивать возможность редактирования ответов респондентами после отправки.
В подразделе «Презентация» настраивается:
- Внешняя визуализация прогресса при заполнении формы - понимание пользователями того, на какой стадии они находятся и сколько осталось. В большинстве случаев повышает их вовлечённость и процент тех, кто заполнил форму до конца.
- Выдача вопросов в случайном порядке.
- Включение и отключение ссылки для повторного заполнения.
- Редактирование текста подтверждения, который высвечивается после записи ответа.
Подраздел «Тесты» позволяет оценивать ответы и начислять за них баллы. Респонденты могут видеть оценку сразу после отправки формы или после ручной проверки.
Также можно настроить подсветку правильных и неправильных ответов после заполнения формы, а также общее количество баллов и баллы за отдельные вопросы.
Кнопка «Отправить» позволяет делиться формой по электронной почте, в соцсетях Facebook и Twitter, путём отправки прямой ссылки или встраиванием на внешний сайт.
При генерации HTML-кода есть возможность менять размеры будущего блока с формой для корректного отображения на сайте.
Это основная часть функционала сервиса, поэтому рассмотрим его максимально подробно.
МенюУ конструктора есть своё лаконичное, но вполне функциональное меню, которое позволяет:
- Добавить вопрос;
- Вставить видеоролик из YouTube по прямой ссылке или найдя его в поиске;
- Отредактировать название и описание блока;
- Импортировать вопросы;
- Добавить раздел.
У каждого раздела есть своё меню, позволяющее копировать, перемещать и удалять его, а также объединять с разделом выше.
Изменять порядок вопросов можно привычным перетаскиванием.
Изображения можно загрузить непосредственно с устройства, а также сделать фотографию в моменте, подгрузить картинку по прямой ссылке, из Google-диска или найти через поиск.
Рассмотрим детально возможности при формировании вопросов.
Ответы могут быть представлены в виде обычного текста, в виде одной строки или абзаца.
Доступны функции добавления описания и проверки ответов по числу, тексту, количеству символов и регулярному выражению.
Проверка по числу позволяет выбрать одно из предложенных логических условий и необходимые значения.
Вариант «Текст» проверяет валидность вводимого адреса электронной почты и веб-ссылки, а также оценивать содержимое на предмет содержания или отсутствия в нём определённого слова или выражения.
Пункт «Длина» регламентирует минимальное или максимальное количество символов, из которых должен состоять ответ.
«Регулярное выражение» может содержать или не содержать, полностью совпадать или не совпадать с указанным шаблоном.
Имеется вариант выбора одного ответа из представленного списка. Можно добавить текстовое описание, выбрать дальнейшее действие для каждого варианта ответа и рандомизировать порядок выдачи предлагаемых вариантов ответов.
Вариант «Несколько из списка» позволяет получать ответы в виде отметок в чек-боксах. Можно добавить описание, проверку ответов - выбор не более, не менее или строго заданного количества пунктов.
Имеется привычный многим выпадающий список. В него добавляется описание, настраивается выбор дальнейшего действия после каждого варианта ответа и возможность их перемешивания в случайном порядке.
Необходимость загрузки пользовательских файлов ощущалась достаточно давно - к примеру, фото, видео, документов. С недавнего времени в Google-формах появилась такая опция. Пользователю доступна загрузка файлов общим объёмом до 1Гб на одну форму. Также можно определить типы файлов, которые можно загружать:
- Таблицы;
- PDF;
- Видео;
- Презентации;
- Изображения;
- Аудио.
Помимо этого можно ограничить количество загружаемых файлов и их размер.
В меню вопроса доступно только добавление и редактирование его описания.
В случаях, когда важна визуальная наглядность, можно предложить пользователям взаимодействовать со шкалой, к которой добавляется описание, а также подписи в начале и конце шкалы.
Для респондентов шкала выглядит следующим образом:
Ещё один сложный формат - сетка с множественным выбором. Помимо описания можно задать произвольное количество строк и столбцов, включить ограничение - не более одного ответа на столбец - и возможность рандомизации порядка столбцов и строк.
Сетка отображается подобным образом:
Сетка флажков тоже полезна в случаях, когда необходимо предложить пользователям множественный выбор. Дополнительные опции данного формата аналогичны сетке с множественным выбором.
При необходимости добавляется блок для ввода даты. Он может иметь произвольное описание, возможность включения и отключения ввода года, а также поля для ввода точного времени.
Блок «Время» позволяет пользователю добавлять время, а если в меню вопроса переключить тип ответа на «Продолжительность», то формат меняется на часы: минуты: секунды .
Если вы уже оценили эффективность такого инструмента, как форма обратной связи на своем сайте - этот пост для вас. Сегодня мы расскажем как без особых усилий и знаний в вебдизайне и программировании сделать из обычной формы гугл - точную копию красивой формы на вашем сайте и собирать заявки, обращения, контакты и базу email - прямо в Google Таблицу!
Для начала определим что нам нужно:
Предположим все это у нас есть в наличии и приступим к делу - пошаговое руководство как изменить стиль формы гугл.
Стилизовать форму (менять шрифты, цвета и доавлять картинки) пока не будем. Нас интересует только сама структура. По итогу форма должна выглядеть так:
Как правильно будет замечено - мы не добавили проверку данных. Проверка данных - штука полезная, ибо позволит проследить, что вам не будет отправлено вместо email, например, слово test. Проверка добавляется так:
Открываем форму и убеждаемся, что она рабочая. Для этого заполним тестовыми данными и нажмем Готово :
После создания формы - нам надо убедиться, что она корректно привязана к таблице (или привязать заново). Таким образом мы удостоверимся, что все данные, которые будут вноситься в форму никуда не денутся, а будут попадать прямиком в таблицу. Для этого возвращаемся в редактор формы и из меню выбираем Ответы -- Сохранять ответы :
Можем приступать к следующему шагу.
Копируем код формыИ вот здесь для многих начинается хардкор. Но не спешите все бросать - мы с вами!
Итак - в редакторе форм нажимаем на кнопку 
.
В любом месте на странице с открывшейся формой нажимаем правой кнопкой мыши и выбираем:
- Google Chrome - Проверить элемент
- Mozilla Firefox - Исходный код страницы
Поздравляем - вы уже можете вставлять этот код на сайт и применять к нему свой CSS. Но и это еще не все - страница подтверждения отправки формы по-прежнему ссылается на стандартную от Google. Что-бы изменить страницу потверждения - нам необходимо изменить следующий код:
Заменив его на:
var submitted=false;
Все готово! Форма работает, данные заносятся в таблицу. Остался всего один трюк - маленький, но важный. Трюк этот называется - оповещения об изменениях в таблице
.
Для настройки оповещений - открываем таблицу, куда заносятся данные из формы (мы настраивали ее в самом начале пути). В меню таблицы переходим по пути Инструменты
-- Уведомления
. В открывшемся диалоговом окне выбираем следующие пункты:
- Уведомлять (ВАШ-АДРЕС-ЭЛЕКТРОННОЙ-ПОЧТЫ) о следующих действиях: выбираем Отправка формы
- Способ уведомления... выбираем Сообщение электронной почты - мгновенное
Напишите в комментариях как вы используете Google Формы на своем сайте и используете вообще.
Кстати - мы подготовили демонстрацию работы, просто нажмите на кнопку.
Достаточно часто возникает задача, когда необходимо провести опрос посетителей сайта. Стандартные средства, обычно представляют собой простой опрос в выбором ответа и практически никогда не предоставляют удобного инструмента для аналитики (особенно, когда хочется публиковать аналитику в реальном времени).
В статье описаны основные шаги по созданию и интеграции формы опроса в страницу сайта, а также основные инструменты аналитики и возможности ее встраивания в страницы сайта.
Опрос, как вы уже догадались, проводится будет с помощью Google Forms
Шаг первый. Создание формы опросаНе будем рассматривать, как правильно составлять вопросы и как их группировать — это не цель нашей статьи, зато рассмотрим сам процесс создания формы.
1 Создание формыПосле чего нам сразу отрывается новая форма:
Не забываем дать красивое и понятное название.
2 Формируем вопросыПодробно описывать процесс создания вопросов и их размещения не буду, так как это достойно отдельной статьи (тут будет ссылка на статью). Рассмотрим только типы вопросов и как их лучше использовать.
Текст — можно настроить на то чтобы содержал число, e-mail или URL, первое в обработке использовать удобно остальное в основном для идентификации и связи с респондентом, нам не интересно.
Текст (абзац) — для автоматической обработки не самый удобный тип вопроса
Один из списка — хороший вариант для однозначного ответа (главное не добавлять вариант "другое")
Несколько из списка — если ответ не содержит запятых, то обработать можно но все равно достаточно сложно: попробуйте воздержаться от таких вопросов
Выпадающий список — по сути аналогичен одному из списка
Шкала — удобный способ получить некую оценку, так же легко обрабатывается
Сетка — по сути массив из шкал, но ответ не в виде числа, а в виде заголовка столбца, отсюда более сложная обработка ответов
Дата — очень удобный способ получить дату или дату+время, легко обрабатывается
Время — аналогично дате, можно так же получать длительность, легко обрабатывается
Исходя из того на сколько вы знакомы с методами обработки данных (особенно текстовых) и следует формировать перечень вопросов и их соответствие типам.
Если вы хотите встроить опрос непосредственно в страницу сайта, то воспользуйтеть Файл --> Встроить в веб-страницу
Ширину и высоту можно указывать в процентах, ниже встроена с шириной 95%
Для гуру HTML, желающим интегрировать форму опроса конкретно в свой сайт, можно со страницы формы скопировать тег со всем содержимым и самостоятельно настраивать стили.
Шаг второй. Сбор ответов и их анализДля этого перейдем в автоматически созданную таблицу с ответами на форму
Откроется таблица с ответами.
Но это нас нас не очень интересует, так как нам надо визуализировать данные.
Для визуализации будем использовать диаграммы, а для каждой таблицы-выборки необходимо создавать отдельный лист.
1. Обрабатываем числовые данные по всем вопросам Обработка чисел по всей таблице не составляет большой проблемы, так как делается она стандартными формулами табличного редактора.Например:
Средний возраст: = AVERAGE ("Ответы на форму (1)"!B:B )
Медиана возраста: = MEDIAN ("Ответы на форму (1)"!B:B )
Полный список функций можно найти их там громадное количество.2. Подсчитываем число текстовых ответов В нашем случаем интересно будет подсчитать количество респондентов по странам:
= COUNTIF ("Ответы на форму (1)"!C:C ; "=Россия" )
И так для каждого варианта ответа.
3. Получаем часть таблицы
Иногда возникает необходимость получить какие то данные из части ответов, например, средняя продолжительность сна респондентов из России.
Для этого воспользуемся более мощным инструментом, приближающим таблицы Google к полноценным базам данных — SQL запросам.
QUERY ()
Рассмотреть тут все варианты запросов нереально, но рассмотрим самый основной.
Проблема с форматированными ячейками: данные из ячеек с форматами отличными от чисел и текста не всегда воспринимает: принудительно установите на исходной таблице формат "Обычный текст"
С помощью такого запроса мы получили все ответы респондентов из России, аналогично можно фильтровать по любому столбцу.
ВНИМАНИЕ! В полученной в результате запроса таблице нельзя вносить изменения, также нельзя чтобы таблица попадала на заполненные ячейки.
Обработать полученные данные можно так же как и в пункте 1 и 2
Шаг третий. ВизуализацияСамая главная часть это подготовить визуализацию данных, для этого можно использовать диаграммы, не будем рассматривать стандартные диаграммы, а пойдем по стопам прошлой статьи
Диаграммы, для порядка, лучше держать на отдельных листах
Один из способов получить обратную связь от читателей — создать электронную анкету на Google Формы. Инструмент — бесплатный, позволяющий расшарить ссылку с опросником в соцсетях и получить код для вставки на сайт.
Первым делом проведите подготовительную работу: выберите тему или проблему, в отдельном файле напишите название и описание, вопросы и ответы.
Составили? Проверяйте на ошибки. Проверили? Идем создавать опросник.
Чтобы работать в Google, у вас должен быть аккаунт в Google. Открывайте Google Диск. Нажимайте «Создать» (кнопка вверху боковой колонки слева) или кликайте на правую клавишу мышки.
Появилось всплывающее окно. Кликайте на «Еще», затем — на Google Формы. Вам предложат создать новую форму или использовать шаблоны. Здесь 15 вариантов шаблонов.
Напишите заголовок опросника, добавьте описание - для чего он создан и что хотите узнать от читателей.
Чтобы добавить вопрос, нажимайте на плюсик в плавающем справа столбце. Сервис предложит создать вопрос с выбором одного ответа из списка. Но - возможны варианты. Вы можете установить вопрос со свободным ответом (в одно предложение или в абзац) либо с возможностью проголосовать за один или за несколько вариантов. Чтобы выбрать тип вопроса, нажимайте на стрелочку рядом с «Один из списка» и выбирайте из раскрывшегося меню.
- Текст (строка) - удобен, когда нужно получить электронную почту, ссылку (например, на профиль в соцсетях), адрес, цифру.
- Текст (абзац) - позволяет пользователю дать подробный ответ, высказать мнение, рассказать историю или описать ситуацию.
- Один из списка - читатель выбирает только один ответ из предложенных вариантов. Подобного типа опросы обычно создают в социальных сетях.
- Несколько из списка - вы предлагаете респондентам выбрать на поставленный вопрос несколько вариантов ответов.
- Раскрывающийся список - читатель выбирает только один ответ, но варианты «спрятаны». Такой тип помогает опроснику выглядеть более компактно. - читатель в качестве ответа загружает на ваш Google Диск файлы – документ или фотографию.
- Шкала - читатель оценивает какое-то явление по шкале, максимальное значение которой ровно 10 (но может быть и меньше). Только не забудьте установить метку для начала и конца шкалы.
- Сетка (множественный выбор и флажков) - пользователи выбирают один или несколько предложенных вариантов из сетки.
- Дата - позволяет указывать дату, включая год и время.
- Время - чтобы читатели могли указать время или продолжительность.
Выбрали тип вопроса ? Вносите в появившийся блок из заготовленного файла вопрос и варианты ответа. Если добавляете вариант «Другое» (актуально для «одного из списка» и «несколько из списка»), пользователи смогут вписать свой ответ.
Внизу блока укажите обязательный этот вопрос для читателей или нет (он не сможет отправить форму, не заполнив все обязательные вопросы).
Аналогичным образом добавляйте блоки с другими вопросами.
Внизу справа каждого блока есть три точки, нажимайте на них — здесь указаны дополнительные функции: добавить описание, выбрать только один вариант ответа, перемешать ответы.
В блоке «Текст (строка)» функция «Проверка ответов» позволяет ограничить ответ читателя указанием цифры. При текстовом варианте позволяет задать, что именно пользователь указывает: непосредственно текст, только электронную почту или только ссылку. Функция «длина» выставляет ограничения по количеству символов. Такая же функция есть у типа вопроса «Текст (абзац)».
Когда опросник собран, поработайте над его внешним видом. Для этого в верхнем меню выбирайте «Настроить тему»: установите цвет для опросника или добавьте иллюстрацию.
Опрос готов. Нажимайте на кнопку «Отправить» в верхнем меню. Сначала настройте доступ к опроснику (иначе ваши читатели его не увидят).
В появившемся окне, где указан уровень доступа, должно быть написано «Общедоступно в Интернете: найти и изменить элемент может любой пользователь». Если текст другой, нажимайте на «Изменить». И включайте доступ для всех в интернете. Сохраняйте.
Последний шаг — получить код, чтобы вставить опросник на сайт. Кликайте на значок HTML-кода. При необходимости установите ширину и высоту опросника. Копируйте код и добавляйте на сайт.
У нас получился такой опросник.
Составить интересную анкету, заполнить которую будет не в тягость, а в радость, довольно просто. Но нужно знать несколько основных правил:
1. Определитесь с целью анкеты. Сфокусируйтесь на одной конкретной цели. Так вы сможете собрать релевантную информацию и не запутать пользователя.
2. Поймите, какую информацию собирать. Как только станет понятна цель, выберете, какие именно данные и в каком формате собирать.
3. Будьте объективны. Убедитесь, что задаёте только прямые вопросы, избегая наводящих конструкций.
4. Следите за порядком вопросов. Логичная последовательность вопросов важна, как для вас, так и для проходящего опрос. Самый оптимальный вариант — «от общего к частному».
5. Избегайте двойных вопросов. Один блок — один вопрос. Иначе вы получите искажённую информацию.
6. Пишите простым языком. В опросниках не стоит использовать жаргон и сложные обороты. Сделайте свою анкету простой и понятной и тогда каждый респондент наверняка дойдёт до финального вопроса.
7. Протестируйте опросник. Пришлите готовую анкету друзьям и коллегам, чтобы ещё раз проверить логику опроса и разглядеть возможные ошибки.