Объединяем форму и календарь google

Формы google - простой, доступный инструмент для создания различных опросников. Конечно и он не лишён недостатков, я нашёл один существенный - нет возможности встраивать <iframe> в саму форму. Сколько возможностей открылось бы для простого обывателя.


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

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

Нужно объединить форму с календарём на странице одного из Ваших сайтов. Почему сайта - да потому что так проще встроить нужные Вам <iframe>. В настройках каждого google календаря, а их может быть больше чем один, можно получить html-код для размещения календаря на страницах сайта.

Например, такой

<iframe frameborder="0" height="600" scrolling="no" src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Europe%2FMoscow&src=dGJnOWE0bWxpbnVkZzEwYWJnczMxbWFjNzRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=cnUub3J0aG9kb3hfY2hyaXN0aWFuaXR5I2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&src=cnUucnVzc2lhbiNob2xpZGF5QGdyb3VwLnYuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%23EF6C00&color=%230B8043&color=%23009688&showNav=1&showPrint=0&showCalendars=0&title=%D0%97%D0%B0%D0%BF%D0%B8%D1%81%D1%8C%20%D0%BA%20%D0%BC%D0%B0%D1%81%D1%82%D0%B5%D1%80%D1%83" style="border-width: 0;" width="800"></iframe>

Остаётся дело за малым - прочитать статью о кастомизации google форм и создать свою

Ваше имя


Email


№ телефона


Желаемый день записи


Желаемое время записи

Исходный код

<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Europe%2FMoscow&src=dGJnOWE0bWxpbnVkZzEwYWJnczMxbWFjNzRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=cnUub3J0aG9kb3hfY2hyaXN0aWFuaXR5I2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&src=cnUucnVzc2lhbiNob2xpZGF5QGdyb3VwLnYuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%23EF6C00&color=%230B8043&color=%23009688&showPrint=0&showTabs=1&showCalendars=1&showTz=1&showDate=1" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

<form action="https://docs.google.com/forms/d/e/1FAIpQLScc8eCnb6vQtOgV_DUHx1ojBI6zSLzCs6dAmoLox73B5u87hQ/formResponse" class="form">

<label>Ваше имя</label>
<input name="entry.588593630" type="text" />

<label>Email</label>
<input name="entry.739575401" required="" type="email" />

<label>№ телефона</label>
<input name="entry.1270724335" required="" />

<label> Желаемый день записи</label>
<input name="entry.1782723370" required="" type="date" />

<label> Желаемое время записи</label>
<input name="entry.884475298" required="" type="time" />


<input type="submit" value="Записаться" />

</form>

При нажатии на кнопку Записаться будет вызываться отправка google формы с данными из этой.

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

function myOnFormSubmit(e) {
  var answers=e.values;
  var day=Date.parse(answers[4]+'T'+answers[5]);
  var calendar;
  var calendars=CalendarApp.getCalendarsByName('Моя занятость');
  if (calendars.length==0){
    calendar=CalendarApp.createCalendar('Моя занятость');
  }
  else{
    calendar=calendars[0];
  }
  var event=calendar.createEvent('Занят', new Date(day),new Date(day+1*1000*60*60))
  var event2=CalendarApp.getDefaultCalendar().createEvent(answers[1], new Date(day),new Date(day+1*1000*60*60)).setDescription(answers[2]+'\n'+answers[3]).addGuest(answers[3])
}

Этот скрипт помещается в таблицу с ответами из формы, устанавливается триггер на функцию myOnFormSubmit на отправку формы. По умолчанию считается одно мероприятие - 1 час. Можно было бы добавить время окончания, но это уже мелочи. :)

Надеюсь кому-нибудь будет полезна статья.