Отправка Google Формы с сайта разными способами

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

Зачем вообще использовать сервис гугл форм:

  • Формы создавать просто и быстро;
  • Результаты форм сразу сохраняются в таблице на облачном гугл диске;
  • Уведомление на email о заполнении вам так же приходит;
  • Это бесплатно.

Теперь к делу:

Создание формы:

Итак едем вот сюда жмем на всякие кнопки — создаем форму с нужными полями, там поддерживаются всякие разные типы полей. Я взял несколько стандартных типов полей и получилась вот такая форма.

Теперь будем втыкать форму на сайт.

Способ 1: iframe

Гугл предложит нам самый простой и быстрый способ встраивания — через iframe. Так что просто втыкаем айфрейм на страницу.

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

Способ 2: собственный html + jQuery + ajax

Инспектируем форму и достаем значения атрибутов name у полей и атрибут action у формы:

 

Отправка Google Формы с сайта разными способами

Создаем собственную форму и вставляем полям такие же атрибуты name как и у формы в айфрейме:

 

Теперь отправим форму аяксом с помощью jQuery:

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

Способ 3: собственный html + jQuery + ajax + php

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

Вешаем на неё событие:

И пишем php-обработку под это дело:

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

 

ДЕМО.

Отправка почты на php (Функция mail)

Отправка почты осуществляется с помощью специального созданного PHP клаccа для отправки сообщений

Сохраните класс отправки почты под именем mail_class.php. Скрипт проверки можете сохранить под любым именем, например sendmail.php.
Внимание! В тексте скрипта предварительно подставьте реальный почтовый адрес. Запустите на выполнение проверочный скрипт sendmail.php. Если все сработало правильно, то вам придет письмо на тот адрес, что вы указали в проверочном скрипте.
… Хотя в некоторых случаях подобное письмо может не дойти до адресата. Например, оно может быть заблокировано антиспамовыми фильтрами.

Проверочный скрипт (senmail.php)

Отправка почты на php (Функция mail)

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

HTML-форма index.php

Обработчик simple_mail.php HTML-формы index.php может выглядеть следующим образом

Обработчик simple_mail.php