【図解】Googleフォームではてなブログにお問い合わせフォームを作成する方法
ども！Google大好き管理人のてつです！ サイトに問い合わせフォームは設置していますか？ 問い合わせフォームがあると、運営者のメールアドレスを非公開にできたり、ユーザーはメールと違って入力しやすかったり、様々なメリットがあります。 その他にも、仕事の依頼が来たりサイトの審査で必要だったりと、明らかに設置するメリットの方が大きい問い合わせフォーム。 でも、Googleフォームを使ったことない、スクリプトって難しそうでちょっとなど、分からない方や不安な方も多いでしょう。 問い合わせしたのに何も連絡が無いとユーザーは不安になってしまいますからね。 設定は簡単なので是非試してみてください。 スポンサーリンク Contents• Googleフォームの作り方 今回解説する方法で作ると、当サイトと同じ問い合わせフォームになります。 こんな感じです。 にログインした状態でGoogleフォームをクリック。 続いて画面中央の Googleフォームを使うをクリック。 画面右下にある 新規作成ボタンをクリックすると新規のGoogleフォームが開きます。 まずは、Googleフォームのタイトルとフォームの説明をしましょう。 続いて必要な項目を入力・設定していきます。 必須項目の場合は右下の 必須にチェックを入れましょう。 今回は以下の項目にしました。 入力内容 設定項目 必須項目 お名前 記述式 必須 ご連絡先メールアドレス 記述式 必須 お問い合わせ内容 段落 必須 ここでひとつ注意があります。 上記の表の 入力内容は自動返信メールで使うので文言は変えないようにしてください。 この文言を変えてしまうと自動返信メール機能が正常に動かないためです。 完成したのがこちら。 ちなみに、フォームの色を変えたい場合は画面右上の カラーパレットで変更できます。 また、好きな画像をアップロードすることもできるので、自分オリジナルのカスタマイズもできちゃいます。 続いて、フォーム送信後に表示される画面の設定に移ります。 右上の 歯車マーク 設定 ボタンをクリック。 確認メッセージに表示させたいメッセージを入力し、保存ボタンをクリック。 フォームに戻り、回答タブから画面右側にある縦に点が3つ並んでいるボタン この正式名称が分かりません誰か教えて をクリック。 新しい回答についてのメール通知を受け取るにチェックを入れましょう。 このチェックを入れることで、自分のGmailに問い合わせがあったことを知らせてくれるメールが届きます。 続いて、 スプレッドシートをクリック。 問い合わせフォームに入力された内容を記録するスプレッドシートを作成します。 新しいスプレッドシートを作成にチェックを入れ、 作成をクリック。 この時、デフォルトだとフォーム名は「お問合せフォーム（回答）」です。 分かりづらい時は、例えば「（ブログ名）用お問合せフォーム（回答）」などに変更するといいでしょう。 ちなみに、私はフォームは一つしか使っていないのでデフォルトのままにしています。 以下のようにスプレッドシートが開けば、Googleフォームの作成は完成です。 このスプレッドシートはユーザーからの問い合わせの履歴が残るので、誤って削除しないようにしましょう。 また、自動返信メール機能を実装する方は、引き続き次項を設定していきます。 Googleフォームの自動返信メールの設定方法 先ほど開いたスプレッドシートの ツールから スクリプトエディタをクリック。 スクリプトエディタが起動するので、まずはプロジェクト名を任意の名前に変更しましょう。 今回は自動返信スクリプトにしました。 せっかくなので、スクリプト名も変更しましょう。 画面左側にある コード. ここも任意の名前で大丈夫です。 では実際にスクリプトを書きます。 と言っても、この後に紹介するソースコードを貼り付けるだけで大丈夫です。 まずは、既に書いてあるソースコードを削除しましょう。 削除したら、以下のソースコードを貼り付けます。 貼り付けたら、サイト名や文言は適宜変更し保存してください。 でも繊細。 com）】にお問い合わせいただきまして、誠にありがとうございます。 getCell 1, i. getCell row, i. 時計マークをクリックします。 以下の、 トリガーが設定されていません。 今すぐ追加するにはここをクリックしてください。 をクリック。 下記のように設定し保存します。 このGoogleフォームを使うGoogleアカウントを選択します。 警告画面が表示されるので、画面左下にある 詳細をクリック。 自動返信スクリプト（安全ではないページに）移動をクリック。 指定された文字（ここでは「次へ」）を入力し、 次へをクリック。 許可をクリック。 これで、自動返信スクリプトの設定は完了です。 では、ちゃんと動くかテストしてみましょう。 作成したGoogleフォームにアクセスし、問い合わせフォームを送信。 送信後、以下のメールが届けば成功です。 残るはWordpressに問い合わせフォームを設置するのみ。 Wordpressに設置する方は次項も設定しましょう。 WordPressにGoogleフォームを設置する 最後はGoogleフォームをWordpressに設置するだけです。 設置先は固定ページです。 先ほど作成したGoogleフォームの送信をクリック。 このHTMLコードをWordpressの固定ページに貼り付けることで、Googleフォームを設置することができます。 また、高さですがあまり低いとフォームが全て映らなくなる 下部が切れちゃう ので注意が必要です。 今回は1200としましたが、ご自身のテーマによって変わるので色々と試してみてください。 コピーしたHTMLコードを固定ページに貼り付けます。 HTMLコードなのでテキストウィジェットに貼りましょう。 作業はこれで完了です。 実際に問い合わせフォームが表示されるか確認しましょう。 以下のように表示されていれば成功です。 お疲れ様でした。 難しそうなスクリプトをコピペすればいいので簡単でしたね。 今回の設定内容をまとめると、• Googleフォームの作成• 自動返信スクリプトの作成• WordPressにGoogleフォームを設置 です。 Gmailをメインで使っている人はGoogleフォームを使ったほうがメリットが大きいと思います。 それに、プラグインを使うと動作が重くなってしまうこともありますしね。 ゆう様 コメントありがとうございます。 「自動返信メール内の『お問い合わせ日時』が英語表記になってしまう」ということでよろしいでしょうか。 もしかしたら、タイムゾーンの設定かもしれません。
次の
