ウェブサイトやブログを運営することは楽しいことですが、訪問者があなたとつながる方法を提供することは、必ずしも容易ではありません。Googleがウェブサイトのコンタクトフォームの完璧なソリューションを提供してくれるのはありがたいことです。ページにGoogleフォームを埋め込んで、読者からのコメントをすべてGoogleフォームに収集することができるのです。

簡単に設定できますので、あなたのウェブサイトに強化されたコンタクトフォームを作成する準備ができたら、さっそく始めてみましょう。

googleフォームでお問い合わせフォームを作成する

googleformsのアカウントに初めてサインインすると、実はGoogleはテンプレートライブラリの中にあらかじめフォーマットされた「連絡先」フォームを用意しているのです。

フォームでは、氏名、住所、電話番号、電子メールアドレスなどの標準的な情報のほか、ユーザーがコメントを入力する欄があります。

このフォームは、必要な情報を変更してカスタマイズすることができます。

また、この情報を必要とするかどうかを変更することもできます。

必須でない場合は、ユーザーはフィールドを空白にすることができ、必須である場合は、フィールドに内容が入力されるまで、ユーザーはフォームを送信することができません。

このフォームをウェブサイトのお問い合わせフォームとして使用する場合、ユーザーが「コメント」フィールドに実際に何かを入力することを確認する必要があります。そのため、「必須」に設定されていることをご確認ください。

Google レビューフォームテンプレートの内容をニーズに合わせてカスタマイズしたら、次は実際にユーザーがフォームを使用したときの動作をカスタマイズしてみましょう。

ウェブサイトの連絡先を設定する

一般」タブの「設定」アイコンをクリックすると、ユーザーがウェブサイトからフォームを送信したときの動作を制御することができます。

例えば、ユーザーが記入した電子メールアドレスに、フォームから回答のコピーを送信するようにすることができます。

また、投稿後に回答を編集する機能の有効・無効を設定することも可能です。

プレゼンテーション]タブでは、ウェブサイト上でフォームを送信した後にユーザーに表示されるレスポンスをカスタマイズすることができます。

このフォームを送信したすべての訪問者に表示されるため、何か意味のあるものにしましょう。

例えば、回答までの待ち時間を大まかに伝えるとよいでしょう（緊急の対応が必要な場合は、ここに電話番号を記載してもよいでしょう）。

フォームをどのように使うか、訪問者にどのような連絡先情報を提供するかによって、すべてが決まります。

埋め込みコードの検索

フォームの準備ができたので、いよいよサイトに埋め込んでみましょう。

まず、フォームの埋め込みリンクを取得するのですが、フォームの編集画面では埋め込みアイコンが直接表示されないので、あまり簡単ではありません。

埋め込みコードにアクセスするには、フォームエディタの右上にある「送信」ボタンをクリックする必要があります。

このページには、サイトにコピー＆ペーストする必要のあるHTML埋め込みコードが表示されます。ここで正しい幅と高さを設定し、埋め込みフォームが対象ページにうまく収まるようにすることが重要です。

あなたは少しサイズで遊ぶ必要があるかもしれませんが、心配しないでください。あなたはいつでもここに戻って、サイズを変更し、新しい埋め込みコードを再度コピーして貼り付けることができます。

ウェブサイト**に埋め込まれているお問い合わせフォーム

ウェブサイトやブログを運営している場合、ヘッダーにお問い合わせのメニューを設けるのが一般的な方法です。

サイトによっては、このリンクをフッターやabout usページに貼るなど、別の方法をとっているところもあります。

私のウェブサイトでは、「連絡先」メニューの項目は、私の連絡先の詳細を埋め込みたい場所である証言の後ろの領域まで表示を移動させます。

一から自分でホームページをカスタムメイドしている場合は、表示させたい部分に直接**コードを埋め込む必要があります。手動で行う場合は、ウェブページを作成する際によくある間違いを避けるようにしましょう。

WordPressサイトの場合、使用しているテーマには通常、カスタマイズ可能なお問い合わせフォームのエリアがあります。例えば、Onetoneテーマでは、ホームページに「セクションコンテンツ」フィールドがあり、既存のコンタクトフォームコードが含まれています。

このコードをハイライトして、新しいGoogleコンタクトフォームに置き換えることができます。

Googleコンタクトを使った方が良い理由

実は、Google Formsを使う方が良い理由がいくつかあります。

• PHP のフォームは、通常 POST か SMTP を使ってメールを送信します。どちらの場合も、正しく動作させるためには、メールサーバーの設定方法を知っておく必要があります。
• Google Contact Formは、コメントをメールに送信する代わりに、すべてのメッセージをGoogleフォームに収集します。これにより、受信箱が乱雑になるのを防ぐことができます。
• googleformguiを使えば、コードを編集することなく、いつでもフォームを修正することができます。

ウェブページに埋め込まれると、コンタクトフォームは次のように表示されます。

ご覧の通り、最初の試みは完璧ではなく、現在のGoogle Formsのカラーリングテーマはウェブページのテーマとうまくマッチしていません。

Google Formsのデザインに手を加える時期が来たようです。

コンタクトフォームの更新とカスタマイズ

この方法の優れた点は、一度ウェブサイトに埋め込んでしまえば、ページを再度触ることなく、自由にフォームのデザインを変更できることです。

例えば、既存のフォームの配色を変更するには、Google Form Editor で右上のカラーパレットアイコンをクリックするだけです。

私のサイトは黒いテーマなので、グレーのコンタクトフォームテーマはよく馴染むはずです。

エディタで新しいGoogleフォームを保存すると、ご覧のようにウェブサイト上のフォームが更新されます。

さて、デザインと埋め込みが完了したら、実際にコンタクトフォームが期待通りに動くかどうかテストしてみましょう!

Googleコンタクトフォームのテスト

ウェブサイトに設置する**フォームは、必ずテストを行う必要があります。

この例では、googlecontact フォームは、フォームを設計するときに定義したカスタム応答テキストを使って応答します。

デザインフォームの同じページ**で、訪問者からのすべてのコメントを求めることができます。

デザインフォームの上部にある返信用リンクをクリックするだけです。

ここでは、ユーザーの個人的なコメントや連絡先などを見ることができます。ウィンドウの右上にあるgooglesheetsのアイコンをクリックすることも可能です。これにより、ユーザーからのすべてのコメントを保存するための新しいGoogleシートが作成されます。

受信したユーザーコメントをどのように表示するかは、コメントをどのように処理するかによって異なります。もし、新しいメールを受け取ったときに、Google Scriptによる自動化を行いたいのであれば、googlesheetsは良い選択肢です。これまで、Googleスクリプトを使ってGoogleフォームを自動化する方法をいくつか取り上げてきました。

しかし、新しい着信コメントに手動で返信するだけなら、googleformsのエディタページ内の表示を利用するだけでよいのです。

メモをスプレッドシート形式で保存したい場合は、いくつかのオプションが用意されています。Resp***esビューの右上にある3つのドットアイコンをクリックするだけで、見ることができます。

すべての回答をCSV形式でダウンロードできるほか、プリンターやPDF文書に出力することも可能です。また、このページでは、あなたのウェブサイトから新しいコメントが来るたびに通知を設定することができます。

Googleフォームを次のレベルへ

Googleフォームを使用してコメントを処理することは、標準的なWebフォームを使用するよりも柔軟性と機能性に優れています。

コーディングは不要で、コメントはハンディフォームに記録されます。メール通知や投稿後のコメント編集の可否などを設定することができます。

この方法の欠点は、iframeを埋め込んで使用することで、ウィンドウにスクロールバーが表示されることです。

しかし、テーマと調和するようなデザインを施せば、スクロールバーもそれほど悪くはありません。また、その見返りとして得られる多くの機能を考慮すると、妥当なトレードオフと言えるでしょう。

Google フォームを使い始めたばかりであれば、Google フォームに関する幅広いガイドをご覧ください。また、googleformsでできることを拡張するための素晴らしいアドオンがたくさんあります。この強化されたフォームをあなたのウェブサイトに埋め込むこともできます。