![](https://itwork100.com/wp-content/uploads/2016/05/google_1464692322-1024x634.jpg)
- 特定のメールアドレス宛てに、問い合わせ(回答)があったことを知らせる
- 送信直後に、自動返信メールを連絡先のメールアドレス宛てに送る
標準の設定でできないことは、「Google Apps Script(GAS)」というスクリプトを設定(挿入)する必要があります。
「うわっ、いっきに難しそう」って、思いますか(_)
でも、同じニーズを持った人たちがたくさんいて、サンプルのスクリプトが、Googleで検索すると、いろいろ検索できますし、こちらでガイドしますので、安心してくださいね。
では、そのやり方を説明します。
今回の記事は、以下の記事を大いに参考にしてるので、よかったら同じように参考にしてくださいね。
ブログやHPに問い合わせフォームを作る方法はいくつかあります。 無料で作る方法としておすすめなのは、Googleフォームを使うことです。 ※大分 ブロッサムホテルにて iPhone SE 追記: 2018年5月、次の記事を書きました。 Wo
作成したGoogle フォーム の設定
まずは、Google フォームにアクセスしましょう。Google Forms を使用して、さまざまな質問形式でオンライン フォームやアンケートを作成しましょう。どのデバイスでもリアルタイムで結果を分析できます。
![GoogleForm-set00](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set00.png)
![GoogleForm-set01](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set01.png)
![GoogleForm-set02](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set02.png)
![GoogleForm-set03](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set03-1024x637.png)
![GoogleForm-set04](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set04-1024x783.png)
![GoogleForm-set05](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set05.png)
![GoogleForm-set06](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set06.png)
![GoogleForm-set07](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set07.png)
![GoogleForm-set08](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set08.png)
![GoogleForm-set09](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set09.png)
お問い合わせ内容の項目も忘れずに追加しましょう。これは、「段落」に変更
![GoogleForm-set10](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set10.png)
![GoogleForm-set11](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set11.png)
![GoogleForm-set12](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set12.png)
![GoogleForm-set13](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set13.png)
![GoogleForm-set14](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set14.png)
あとは、「別の回答を送信」という設定も不要なので、チェックを外します。
![GoogleForm-set15](https://itwork100.com/wp-content/uploads/2016/05/GoogleForm-set15.png)
回答をスプレッドシートに作成
次に回答内容を保存するためのスプレッドシートを作成します。![Googleフォーム・スプレッドシート1](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_20h52_05.png)
![Googleフォーム・スプレッドシート2](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_20h52_56.png)
![Googleフォーム・スプレッドシート3](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_20h53_29.png)
スプレッドシートは、Excelみたいなものですよ。
特定のメールアドレスに通知する方法
今回のテーマの1つ、お問い合わせ内容が送信されたのを、特定のメールアドレスに通知する方法をご案内しますね。![Googleフォーム・通知設定1](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_20h58_07.png)
![Googleフォーム・通知設定2](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_20h58_43-1.png)
![Googleフォーム・通知設定3](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_20h59_22.png)
これで、お問い合わせフォームから送信されたのを都度確認できる、通知の設定ができました!
メールアドレスは、Googleアカウントに紐付いたメールアドレスが自動設定されますよ。
「Google Apps Script(GAS)」で自動返信の設定をする
ここで利用するスクリプトは、まえがきの方で、貼り付けた「EX-IT」のブログ記事のものを引用しますが、その記事の中で、スクリプトの編集方法まで、説明されていなかったので、補足しますね。サンプルのスクリプト
3つぐらいポイントがあるので、分かりやすいように説明してみました。引用元: 新Googleフォームで問い合わせフォームを作る方法&自動返信メール設定 | EX-IT
一箇所、名前を変えただけですが、以下が、編集したスクリプトですね。
では、これを使って、フォームに設定していきます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
function autoreply() { var title = "お問い合わせありがとうございます。小松です。"; var body = "お問い合わせありがとうございます。\n" +"下記のとおりお問い合わせを受け付けました。\n\n" + "------------------------------------------------------------\n"; var footer = "------------------------------------------------------------\n\n" + "確認後、返信させていただきます"; var name = 'お名前'; var mail = 'ご連絡先メールアドレス'; var address = ""; var sheet = SpreadsheetApp.getActiveSheet(); var rows = sheet.getLastRow(); var cols = sheet.getLastColumn(); var rg = sheet.getDataRange(); Logger.log("rows="+rows+" cols="+cols); for (var i = 1; i <= cols; i++ ) { var col_name = rg.getCell(1, i).getValue(); var col_value = rg.getCell(rows, i).getValue(); body += "■"+col_name+"\n"; body += col_value + "\n\n"; if ( col_name === name ) { body = col_value+" 様\n\n"+body; } if ( col_name === mail ) { address = col_value; } } body += footer; GmailApp.sendEmail(address,title,body); } |
スプレッドシートで、スクリプトを設定
![自動返信スクリプト00](https://itwork100.com/wp-content/uploads/2016/05/243fe057656acd2bd3cba9e24556696e.png)
![自動返信スクリプト01](https://itwork100.com/wp-content/uploads/2016/05/d3159e6abe38c739ea633e8ce58b3b60.png)
![自動返信スクリプト02](https://itwork100.com/wp-content/uploads/2016/05/fbe2339e360611999aaab93d3a284ede.png)
![自動返信スクリプト03](https://itwork100.com/wp-content/uploads/2016/05/1dd046c16aec093bccf1e5f9adab627b.png)
![自動返信スクリプト04](https://itwork100.com/wp-content/uploads/2016/05/3368a4262b0e6ae86a6bcc051b7e995f.png)
![自動返信スクリプト05](https://itwork100.com/wp-content/uploads/2016/05/ba28077ee17c259b6c359c1b1e48a668.png)
![自動返信スクリプト06](https://itwork100.com/wp-content/uploads/2016/05/475597b3a30f4dc924c89189a2f00a3c.png)
![自動返信スクリプト07](https://itwork100.com/wp-content/uploads/2016/05/efc9d79c9b87f215417076c167d14f21.png)
![自動返信スクリプト08](https://itwork100.com/wp-content/uploads/2016/05/d8f05fc753f94744ae82cde2e895ab13.png)
Google フォームの動作検証
フォームのプレビューから、お問い合わせ内容の通知設定と、自動返信の設定を検証してみましょう。![Googleフォーム・検証1](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_21h33_21.png)
![Googleフォーム・検証2](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_21h34_13.png)
![Googleフォーム・検証4](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_21h36_48.png)
![Googleフォーム・検証3](https://itwork100.com/wp-content/uploads/2016/05/2016-05-31_21h35_24.png)
お問い合わせ内容もちゃんと入ってます。
まとめ
これで、まともなお問い合わせフォームに、仕上がりましたよね。画面ショットをいっぱい貼り付けて、なるべくパッと見で分かるような記事にしてみましたが、いかがでしたか!?
手順がいろいろあって、なかなか大変だったかもしれませんが、ツールの操作や、設定は、落ち着いてやれば、必ずうまくいきます。
慌ててやると、失敗しますから、確実に!
それではまた!
連載目次:Google フォームを使う方法いろいろ
- Google フォーム(1)使い方(簡易版)
- Google フォーム(2)自動返信する・お問い合わせを通知する方法
The following two tabs change content below.
![](https://itwork100.com/wp-content/themes/simplicity2/images/1x1.trans.gif)
小松 英二
代表取締役 : 株式会社ワークスピーディー
ソニーの情報システム子会社で、5万人以上のユーザー向けの社内ヘルプデスクや、認証サーバ・メールサーバの運用を経験。その後、日本マイクロソフトや、レノボ・ジャパンで、大手法人営業のプリセールスSE を担い、ソフトウェアからハードウェアまで幅広い知識と経験を持つ。現在はIT企業、株式会社ワークスピーディーの代表取締役。
詳しくはこちら → プロフィール
![](https://itwork100.com/wp-content/themes/simplicity2/images/1x1.trans.gif)
最新記事 by 小松 英二 (全て見る)
- 英語の読み書きに役立つツール(ビジネス・仕事向け) - 2024年1月15日
- 【IVRy(アイブリ−】電話の自動応答をするクラウドサービス - 2022年5月5日
- 【iPhone】「ブック」アプリで倍速再生 - 2021年12月31日
コメント
大変参考になりました。