【決定版】15年の結論。GASでつくる「絶対に壊れない」お問い合わせフォームの全技術

記事
IT・テクノロジー

第1章:なぜ、あなたのフォームは「届かない」のか?Web制作15年の苦い経験

「あれ?お問い合わせメールが届いていない…?」クライアントからのその一言に、ヒヤッとした経験はありませんか?
Gemini_GAS01.png

Web制作の実務で、一番避けたいトラブルですよね。ネットにあるコードをコピペして使っていると、PHPのバージョンが変わったり、サーバーの設定が少し変わっただけで、突然「SyntaxError」を起こしてしまうことがあるんです。
私は15年Web制作をしていますが、何度もそんな苦い思いをしてきました。だからこそ、「システムは完璧じゃない」という前提で、いかに「確実な証拠」を残すかが大切だと気づいたんです。

第2章:GASが最強の「お守り」になる3つの理由(Bcc・スプレッドシート・0円)

そこで私が辿り着いた、とっておきの「お守り」がGoogle Apps Script(GAS)です。理由は3つ。

1つ目は、Bcc送信。お客さんへの自動返信と同時に、自分にも同じメールが届くので、「確かに送った」という証拠になります。

2つ目は、スプレッドシートへのバックアップ。メールはうっかり消してしまうかも知れませんが、シートに全データを記録しておけば、いつでも見返せて安心です。

3つ目は、サーバー代が0円なこと!Googleのシステムを使うのでPHPも不要、セキュリティ対策もバッチリ。まさにフリーランスや初学者に味方の「最強ツール」なんです。

Gemini_GAS02.png

第3章:【準備】3分で完了!スプレッドシートと環境設定

実装はとっても簡単です。まず、Googleスプレッドシートを新しく作って、1行目に「お名前」「メールアドレス」といった項目を書きます。次に「拡張機能」から「Apps Script」を選ぶだけ。
Gemini_GAS03.png

複雑なプログラミングは必要ありません。標準的な機能だけを使うので、外の環境に左右されにくく、とっても「壊れにくい」フォームになるんです。

スプレッドシートのIDを少しコピペするだけで、あなただけの「絶対にデータが消えないデータベース」と「メール配信エンジン」が出来上がります。この手軽さが、長く使い続けられる秘密なんですよ。

第4章:挫折させない実装ステップ:警告画面の「正しい」通り抜け方

GASをインターネットに公開する時、多くの人が「えっ!」と驚くのが、Googleからの警告画面です。「このアプリは確認されていません」と出ると、何か悪いことをした気になりますよね。

でも、これはエラーじゃなくて、「本当にあなたが作ったプログラムを動かしていいの?」という確認なんです。
Gemini_GAS04.png

左下の「詳細」をクリックして、「(プロジェクト名)に移動(安全ではない)」を選べばOK。

このステップは、お家の「門番」を通るようなもの。一度通ってしまえば、あとはWebアプリのURLを取得するだけで、あなたのフォームが世界中で使えるようになります。

第5章:実務で即戦力!自動返信とNetlify連携で運用を自動化する

いよいよ最後の仕上げです。NetlifyやVercelなど、最近のWeb制作環境ともGASは相性抜群です。
Gemini_GAS05.png

作成代行のご依頼はこちら

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら