Создание опроса с помощью 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. На мой взгляд это удобно, функционально, симпатично и при желании легко встраивается в страницу, а по необходимости можно опубликовать результаты отдельно. Пример увидите ниже.

Формы Гугл.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как создать новую форму

Чтобы создать новую форму выполните следующие действия:

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

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

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

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

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

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

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

    Закончив редактирование вопроса, нажмите кнопку «Готово».

    Тип «Один из списка» используется в случае, если количество вариантов ответа от 3 до 5 . Большое число вариантов будет занимать на форме много места.

    Варианты ответов на вопросы

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

    «Текст»

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

    «Текст (абзац)»

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

    «Несколько из списка»

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

    Данный вид опроса позволяет осуществлять проверку данных. Например, вы можете указать, что респондент должен выбрать хотя бы один ответ. Делается это в разделе «Расширенные настройки».

    «Выпадающий список»

    Когда вариантов ответов слишком много (более 5) , подойдет выпадающий список. Он не занимает много места и не «напугает» читателя огромным числом ответов.

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

    «Шкала»

    Шкала ограничивает пользователя некоторым диапазоном числовых значений , из которого надо выбрать только одно. Этот тип вопроса хорошо подходит для оценки чего-либо.

    «Сетка»

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

    Настройки сводятся к вводу заголовков строк и столбцов.

    «Дата и время»

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

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

    «Время», позволяет задать не точно значение времени в часах и минутах, но и продолжительность временного интервала.

    Добавление изображений и видео

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

    Размещая фотографии и видеоролики перед вопросом, вы можете использовать их как иллюстрацию.

    Разбивка формы на страницы и разделы

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

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

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

    Перемещение вопросов в Google форме

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

    Разрешить пользователям просмотр результатов опроса

    Мы рассмотрели все основные моменты подготовки формы. Осталось добавить несколько штрихов.

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

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

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

    Обычно, пользователю нельзя изменять свои ответы после окончания опроса, но разработчики предусмотрели и такую возможность. Для этого поставьте «галочку» «Разрешить респондентам ответы после отправки».

    Просмотр формы

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

    Пример формы представлен ниже.

    Теперь вы располагаете информацией о том, как организовать голосование или опрос на сайте, форуме, в соцсети или среди своих друзей и знакомых. С помощью Google Форм. Вы научились создавать и настраивать форму, добавлять вопросы. Это 90% того, что вам надо знать. Остался один маленький шаг – научиться публиковать форму и просматривать результаты. Об этом в следующих статьях.

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


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

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

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



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

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


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

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

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

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

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

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

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

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

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