форма заявки в гугл таблицах

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

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

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

Но давайте обо все по порядку.

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

Скопируйте исходный файл таблиц

Первым делом войдите в свой аккаунт Гугл и скопируйте этот файл. Перейдите по ссылке и нажмите «сделать копию».

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

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

Теперь перейдите во вкладку «Инструменты» и выберите «Редактор скриптов».

Перед вами откроется файл с уже добавленным js-кодом. То самый «черный ящик» о котором я говорил. Если принять некоторые условия, то не вижу особого смысла разбираться во всем этом. В данном случае нас интересует только 8 строка, в которой нужно указать свой email.

Далее жмем на вкладку «Опубликовать» и выбираем «Развернуть как веб приложение».

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

Не пугайтесь. Все в порядке. Так и должно быть. Жмём «дополнительные настройки», а далее кликаем по ссылке «Перейти на страницу «html contact form sendEmail» (небезопасно)»

После этого откроется новое модальное окно, в котором разрешаем доступ.

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

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

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

У меня в таблице такие поля:

Создаем форму обратной связи на сайте

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

Это заголовок, в который будем выводить ответ формы. Успешно ли отправлена она или нет.

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

Следующий блок скрытый. Это небольшая приманка для спама. Она была и в оригинальной статье и мне понравилось название «мешочек/горшочек мёда». Решил оставить. Суть в том, что это поле должно оставаться пустым. Если спам-бот заполнить его, то письмо не будет отправлено. Обычный же пользователь его просто не видит.

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

Скрипт, отправляющий данные формы в Google Sheets

Давайте подключим скрип, который поможет отправить данные формы в Гугл таблицу и подключим jQuery.

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

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

В остальном, вроде бы достаточно подробно прокомментировал код. Вот например:

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

Дополнительные моменты

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

В редакторе скриптов Гугл таблиц.

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

Скрипт отправки данных формы в Гугл таблицу

Источник

[Инструкция] Создание гугл-тестов (гугл-форм)

Спасибо пользователям Exosphere и Yuriy_krd за помощь и конструктивную критику

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

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

Для создания тестов у вас должен быть активный гугл-аккаунт. Если у вас его нет — обратитесь к инструкции “Создание гугл-аккаунта и работа с Гугл-диском”.

Итак, создаем Форму (тестирование).

Входящая задача

Нам нужно создать тестирование, которое будет собирать набор информации.

Шаг 1 — создание теста (формы)

Переходим в гугл-диск. Для этого нажмите кнопку с точками на панели сверху справа, перейдя по ссылке https://www.google.com/ или https://www.google.ru/ Далее выберите Гугл-диск (далее по тексту Диск).

Шаг 2. Создание Теста (формы)

Как и в любом документе в Гугл-диске, начало работы начинается с кнопки “Создать+” в верхней левой части экрана. Этой кнопкой создаются папки на Диске, создаются все документы.

Нажав кнопку Создать, вы увидите меню. В нем нужно выбрать пункт “Еще”.

Создать форму можно несколькими способами:

1. Создание пустой формы:

Мы создали пустую форму (тестирование).

Шаг 3. Элементы управления

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

Имя создается, если щелкнуть по словосочетанию “Новая форма” в верхней левой части экрана.

В центре экрана находится поле с названием теста (формы). Его будут видеть тестируемые при выполнении. Изменим его на нужное.

Там же заполним описание к тесту (форме).

Далее автоматически создается первый блок вопроса.

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

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

Внизу блока есть кнопки:

Элемент управления “Настройки”

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

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

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

Итак, давайте начнем выполнение поставленной в начале задачи.

Шаг 4. Создаем тест

Активируем переключатель “Обязательный вопрос”. Теперь пользователь обязан ввести Фамилию и Имя, чтобы продолжить прохождение теста.

Добавляем второй вопрос нажав на верхнюю кнопку в правой вертикальной панеле элементов управления.

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

Создаем еще один блок с единственным вариантом ответа

Добавляем блок с несколькими вариантами ответов

Тут мы также добавили вариант ответа “Другое”.

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

Нажав на любое пустое место блока вопроса, активируем его. Слева внизу активируем блок ответов. Выбираем нужный нам ответ верным и назначаем количество баллов.

Нажимаем кнопку готово. Баллы назначены.

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

Опять переходим в пункт “Настройки” в верхней части элементов управления. Активируем нужные нам элементы настроек.

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

Шаг 4. Отправка теста (формы)

Отправка теста (формы) осуществляется путем нажатии кнопки “Отправить”. В открывшемся окне можно выбрать разные варианты отправки.

Отправка по электронной почте:

В поле “Кому” введите адреса получателей. В этом случае в закладке ответы, Вы будете видеть кто проголосовал, а кто еще не ответил на вопросы формы.

Так же форму можно сразу включить в тело письма.

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

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

Вы закончили создание формы.

Ссылка на тестовую форму, созданную при написании инструкции.

Источник

Заявки с сайта в Google Таблице с помощью Google Tag Manager

Хотите, чтобы все обращения с форм вашего сайта передавались в Google Таблицу? В этой статье рассмотрим решение по автоматизации процесса отправки заявок с сайта в Google Sheets с помощью Google Tag Manager.

Введение

На моем YouTube канале (не забывайте подписываться!) недавно вышел ролик на тему создания собственной CRM-системы в Google Таблице. Вот это видео:

Это отрывок из онлайн-курса по сквозной аналитике, где мы вместе со слушателями учились с помощью бесплатных инструментов создавать подобие CRM-системы, привязывать обращения с сайта к статусам сделок и передавать эту информацию в Universal Analytics. Для этого нам понадобилось всего 4 инструмента:

В этой статье я предлагаю взять первую часть из всего этого процесса и подробнее разобрать передачу лидов в Google Таблицу.

Google Таблицы

На первом этапе необходимо определиться с количеством полей и их названиями, которые вы планируете отслеживать. Это могут быть как поля самой формы, так и дополнительные системные, например, utm_метки, уникальный идентификатор пользователя (Client ID), дата и время отправки заявки, номер счетчика аналитики (для передачи статусов сделок в Universal Analytics), название формы, ID заявки и многое другое (см. видео). Именно вы определяете количество полей, название и их порядок в Google Таблице.

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

Пример отслеживаемой формы

У нее 4 поля для заполнения:

Значения из этих полей нам предстоит извлекать с помощью Google Tag Manager, чтобы после отправки пользователем формы в Google Таблицах получить данные по этой заявке:

Заявка с сайта в Google Таблице

Настройка начинается с создания новой Google Таблицы. Перейдите по ссылке и создайте пустой файл:

Создание новой Google Таблицы

Задайте произвольное название вашей Google Таблице. Например, Заявки с сайта:

У каждой Google Таблицы есть свой уникальный идентификатор, который отображается в адресной строке браузера:

Удалите из редактора скриптов весь код и вставьте в него этот:

Источник

Как использовать Google Forms на максимум

Гайд по всем функциям и возможностям инструмента.

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

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

В чем преимущество Google Форм

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

Гугл опросы можно настроить до мельчайших деталей — выбрать вариант единичного ответа или чекбоксы, создать вариативную структуру вопросов, вставить картинку или видео. А еще вы можете загрузить лого компании, и алгоритм автоматически настроит цветовую гамму. Работать с Формами может и команда, и отдельный пользователь.

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

Татьяна Лукинюк,
B2C-директор в Kyivstar

Наталья Павлова,
HR-директор Visa в СНГ и Юго-Восточной Европе

Для чего нужны Google Формы

Инструмент дает возможности:

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

Зайдите на Google Drive, кликните на New и выберите Google Формы из выпадающего списка.

В «Настройках» определите тип Google Формы: общие, презентация или тесты. Здесь вы можете в деталях настроить, как будет происходить сбор данных.

В разделе «Общие» настраивается:

В разделе «Презентация» настраивается:

В разделе «Тесты» настраивается:

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

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

Чтобы создать вопрос, кликните на знак плюса в боковом меню, в следующей форме запишите свой вопрос и настройте варианты ответов.

Текст (строку) удобнее всего применять, когда нужно получить короткую информацию — электронную почту, номер телефона, адрес, ссылку на соцсети или портфолио.

Текст (абзац) подойдет, если необходимо написать длинный ответ на вопрос.

Один из списка — можно выбрать единственный ответ.

Несколько из списка — возможность выбрать два или больше ответов, например, в тестах.

Раскрывающийся список — варианты можно просмотреть, открыв список. Это помогает экономить место.

Загрузка файлов — если нужно загрузить файл (документ или фото) в качестве ответа.

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

Сетка (множественный выбор или флажки) — пользователь может выбрать один или несколько вариантов из сетки.

Дата — используют, когда нужно указать дату, год и время.

Время — позволяет указывать время или продолжительность.

Когда вы выбрали тип вопроса, укажите, обязательно ли на него отвечать:

Так, если респондент не ответил на вопрос, он не сможет отправить форму.

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

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

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

У Google Форм есть еще одно преимущество: здесь вы можете создать сложную систему вопросов — после выбора одного из ответов пользователя перенаправляют на конкретный раздел. Чтобы сделать это, нажмите на «Действие для каждого варианта ответа» и выберите раздел, к которому необходимо перейти.

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

Дизайн

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

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

Если готовые шаблоны вам не подходят, в верхнем меню нажмите на «Настроить тему»:

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

Типы доступов в Google Формах

Есть несколько типов доступа:

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

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

Как открыть доступ респондентам

Когда вы создали и оформили Google Форму, предоставьте доступ респондентам. Кликните на кнопку «Отправить» в правом верхнем углу и выберите, каким способом поделитесь опросом:

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

Анализ результатов

После отправки формы вы увидите две появившиеся вкладки — «Вопросы» и «Ответы».

Во вкладке «Ответы» отображаются:

Нажав на знак Google Таблицы, можно настроить импортирование ответов в таблицу:

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

Дополнения

У Google Форм существуют дополнения, позволяющие оптимизировать работу. Чтобы найти их, нажмите на «Дополнения» в функциях:

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

Делимся самыми полезными.

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

Email Notifications for Google Forms — дает возможность автоматически отвечать респондентам по email на основе их ответов после отправки формы. Кроме того, вы можете настроить push-уведомления, когда кто-то прислал ответ, и принимать ответы на почту.

Сначала нужно выбрать вопросы, которые необходимо проанализировать, и приложение сформирует статистику:

QR Code Maker — преобразует ссылку на Google Форму в QR-код. Полезно, если опрос нужно распространить на большую аудиторию.

Весь бизнес-контент в удобном формате. Интервью, кейсы, лайфхаки корп. мира — в нашем телеграм-канале. Присоединяйтесь!

Источник

Операционные системы и программное обеспечение