Как добавить Google Forms на страницу в Facebook

Как добавить Google Forms на страницу в Facebook
06.03.2015 Алексей Малыгин

Рассмотрим пример, как очень быстро вставить форму, созданную в Google Forms, на Facebook-страницу. 

В каких случаях можно использовать формы Google на странице в Facebook?

  • Проведение опросов
  • Обратная связь и предложения
  • Продажа продукта на странице
  • Регистрация на мероприятия (например, вебинары)
  • Участие в конкурсе (с помощью форм можно создать что-то вроде викторины для подписчиков страницы)

Часть 1: Создание формы Google

1. Для начала, вы должны создать форму Google. Зайдите в своей аккаунт Google Drive, а затем нажмите кнопку Создать и выберите Google Формы.

1

2. Откроется новая вкладка, с просьбой ввести название формы.

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

4. После того, как все поля подготовлены, можно сменить тему (по желанию) и нажать кнопку Отправить.

3

После нажатия на кнопку Отправить, вам будет предложен HTML-код, для интеграции формы на страницу сайта или вкладку Facebook-страницы.

4

Скопируйте предложенный код. Он нам понадобится дальше.

Часть 2: Создание дополнительный вкладки на странице в Facebook

Facebook не позволяет пользователю напрямую добавить HTML или IFRAME на страницу. Существует два способа обойти это ограничение.

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

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

1. Откройте приложение Static HTML: iframe tabs и нажмите на кнопку Add Static HTML to a Page. Выберите страницу, на которую хотите добавить новую вкладку.

5

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

2. Результатом будет новая вкладка на выбранной странице. По-умолчанию, вкладка называется Welcome (можно переименовать). Перейдите на страницу и откройте эту вкладку.

6

На вкладке будет кнопка Edit Tab. Нажмите ее и откроется редактор.

3. Вот сюда вам и нужно вставить HTML-код формы Google, полученный в первой части статьи. У меня получилось примерно следующее:

7

Как видите, я изменил параметры width (ширина) и height (высота) для более красивого отображения формы. Ширину можете оставить 810 (именно такая ширина у любой вкладки в Facebook), а вот высоту подбирайте под свою конфигурацию формы. Главное — чтобы не было никаких скроллов и форма отображалась на вкладке во всю высоту.

4. Сохраняем и получаем на Facebook-странице вкладку с формой Google.

Google Drive умеет хранить результаты заполнения формы в отдельном табличном файле. Чтобы активировать эту возможность, откройте свою форму в Google Forms, далее пункт меню Ответы -> Сохранять ответы и убедитесь, что установлены следующие настройки:

8

Если вы используете Google Формы на своих Facebook-страницах, присылайте ссылки в комментариях к этой статье. 

15 комментариев

  1. Natalia Golubtsova 3 года назад
  2. Галина 3 года назад

    Спасибо! создала форму обратной связи у себя на странице. Классно!

  3. Елена Корнеева 4 месяца назад

    как же долго я искала эту информацию!

  4. Елена Корнеева 4 месяца назад

    после нажатия «отправить» код не появился. А вообще он получился оочень большой!Его тоже можно вставить в таб?

  5. Елена Корнеева 3 месяца назад

    Всё поняла, вставила анкету на свою бизнес-страницу. Ну, а табы сейчас не вставляются?

    • Автор
      Alexey Malygin 3 месяца назад

      Почему же, вставляются. Или вручную (придется немного программировать) или с помощью сторонних сервисов. Например, https://apps.facebook.com/static_html_plus/

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

    • Автор
      Alexey Malygin 3 месяца назад

      Кстати, Елена, очень рекомендую вам разобраться с чат-ботами. Это намного лучше, чем форма от Google. С помощью бота вы сможете собирать данные от пользователей прямо в Messenger! Человек нажимает на диалог с вашей страницей и дальше уже бот «вытягивает» его контакты и задает вопросы. Очень крутая штука.
      Вот тут посмотрите — http://magdamagla.com/bots-mini-kurs/

  6. Елена Корнеева 3 месяца назад

    а как можно понять, что это анкета, если на кнопке написано «welcome»?

  7. Александр Шурков 3 месяца назад

    ВВВ

Pingbacks

  1. […] Дополнительная вкладка — хороший вариант. Единственный недостаток — не работает на мобильных устройствах. […]

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*