とりあえずHP の使い方

外部サービスとの連携

外部フォームを利用するGoogleフォームを作成しよう

「とりあえずHP」では、簡単なお問い合わせフォームをご用意していますが、例えば、お問い合わせフォーム以外に「資料請求フォームを作成したい」といった場合や、「アンケートフォームなど、複数のフォームを設置したい」「フォームの項目を自分の好きな項目に変更したい」という場合は、他の「フォーム作成サービス」でフォームを作成して、「とりあえずHP」で作成したホームページからリンクさせる、という方法がございます。
こちらのページでは例として、Googleが提供しているフォーム作成サービス「Googleフォーム」を使って、スマホからフォームを作成する方法をご紹介しています。

※Googleフォームは、Googleが提供している無料のフォームサービスです。Googleのアカウントをお持ちの方であれば、どなたでもご利用いただけます。(2019年9月現在)

Googleフォームにアクセスします

まずは以下よりGoogleフォームにアクセスします。

Googleフォーム

Googleにログインしていない場合はGoogleにログインします

※Googleアカウントをお持ちでない場合は、[アカウントを作成]をタップして新規作成しましょう。

img-055_01
タイトルとリード文を入力

フォームのタイトルとリード文を入力します。
例)タイトル「資料請求」、リード文「資料請求をご希望の方は、以下の項目に入力のうえ、送信してください。」など

img-055_02
質問文を入力

質問文を入力します。
例)「お名前」、「住所」、「電話番号」など

img-055_03
用途に応じて、項目を編集・追加

質問文をタップすると、質問の項目を編集することができます。

img-055_04
img-055_05

Googleフォームでは、以下のような9種類の項目を追加することができます。

記述式(短文) 1行で収まるような文字の入力の場合はこの項目を使います
例)名前、ふりがな、メールアドレス、電話番号、住所 など
段落(長文) 長文を入力する項目に適しています
例)お問い合わせ内容、フリー入力欄 など
ラジオボタン いくつかの選択肢のなかから、ひとつだけ選ばせたい場合に使用します
例)「何で知ったか?」という問いに対して「新聞」「雑誌」「ホームページ」「DM」「知人・友人に聞いた」などから一つだけ選ばせる場合 など
チェックボックス いくつかの選択肢のなかから、複数選択可で選ばせたい場合に使用します
例)「問い合わせ内容」という問いに対して「資料請求」「見学予約」「その他の問い合わせ」を選ばせる場合 など
プルダウン いくつかの選択肢のなかから、プルダウンで選ばせたい場合に使用します
例)都道府県や年齢(20代、30代、40代…)など
均等目盛 5段階で評価をつけてほしい場合に使用します
例)「とてもよかった」「よかった」「ふつう」「あまりよくない」「わるい」といったアンケート形式の質問など
選択式(グリッド) いくつかの質問について、良い・悪いなど、2択で答えてほしい場合に使用します。
例)「第一印象は?」「実際の対応は?」「料理の味は?」といった複数の質問に対して「良い・悪い」の2択で答えるといったアンケート形式の質問
チェックボックス(グリッド) いくつかの質問について、複数選択可で選ばせたい場合に使用します。
例)「受け取り可能な時間帯は?」という問いに 対して、複数日時の中から「~12時」「14~16時」「16時〜18時」を選ばせる場合 など
カレンダー 日付を指定してほしい場合に使用します。例)見学希望日、予約日 など
時刻選択 時刻を指定してほしい場合に使用します
例)連絡希望時間帯、配達希望時間帯 など

質問を追加したい場合は、画面下部の+(プラス)マークをタップします。

img-055_06

追加・削除した項目が即座に反映されるので、項目を追加してみて、作りながら形を確かめるのがオススメ!項目の追加が終わったら、ほとんど完成です。

カバー画像を変更します

Googleフォームは簡易的なフォームのため、詳細なデザインの変更を行うことはできませんが、フォームの上部に表示される「カバー画像」を変更することができます。
フォームの作成画面で、パレットのマークをタップし、お好きな色、または、画像選択のマークをタップします。

img-055_07
img-055_08

カバー画像のなかから、お好みのデザインを選び、[選択]をタップします。

img-055_09

[適用]をタップします。

img-055_10

選んだカバー画像が反映されます。

img-055_11
詳細設定を行います

3つの点が縦に並んだマーク(メニューボタン)をタップします。

img-055_12

「設定」をタップします。

img-055_13

まずは「全般」を確認し、メールアドレスの収集や回答回数の制限などを設定します。

img-055_14

次に、「プレゼンテーション」をタップし、進行バーの表示などに適宜チェックを入れます。また、「確認メッセージ」の欄には、フォーム送信後に表示される言葉を入力します。

img-055_15

内容を確認したら「保存」をタップします。

実際の表示を確認します

メニューボタンをタップし、「プレビュー」をタップすると、実際の表示を確認することができます。

img-055_16
「とりあえずHP」からフォームへのリンクを設置します

フォームの画面で紙飛行機のマーク(送信ボタン)をタップします。

img-055_17
小さいウィンドウが開くので、その画面で[リンクアイコン]をタップすると、フォームへのリンクURLが表示されます。
img-055_18

このURLをコピーしておき、「とりあえずHP」の管理画面から、リンクを設置します。

すべてのページに、フォームへのリンクを表示させたい場合

ホームページのすべてのページに、フォームへのリンクを表示させたい場合は、「フリースペース」に、「〇〇フォームはこちら」などのテキストを入力し、コピーしておいたリンクを貼り付ける方法がオススメです!
(「サイト全体に表示」を選択すると、全ページに表示されます。)

フリースペースの編集方法

また、バナーからリンクさせたい場合は、「ファイルアップロード機能」をご活用いただき、作成したバナー画像をアップロードして、リンクを貼り付けてください。

バナー画像を設置する方法

デザインを選ぶ

ロゴマークを表示させる

プロフィールの掲載方法

お問い合わせフォームの設置

ホームページのファビコンを設定する

外部フォームを利用する

SNSリンクを設定する

Googleマイビジネスに登録する

Googleアナリティクスの設定

PAGE TOP