Google Sheetsだけでお問い合わせフォーム設定(10分で完了)
実装済み内容
- ✅ Google Apps Script コード作成済み (
gas-code.gs
) - ✅ JavaScript ハンドラー作成済み (
contact-handler-gas.js
) - ✅ 自動メール通知機能(leadfive.138@gmail.com宛)
- ✅ スプレッドシート自動記録
設定手順
1. スプレッドシート作成(2分)
- Google Sheets で新規作成
- 名前を「LeadFive お問い合わせ管理」に変更
2. Apps Script設定(3分)
- メニュー「拡張機能」→「Apps Script」
gas-code.gs
の内容をすべてコピー&ペースト- 保存(Ctrl+S)
3. Web App公開(3分)
- 「デプロイ」→「新しいデプロイ」
- 設定:
- 種類: ウェブアプリ
- 実行ユーザー: 自分
- アクセス: 全員
- デプロイ → URLをコピー
4. URL更新(2分)
/assets/js/contact-handler-gas.js
の6行目:
this.gasEndpoint = 'コピーしたURL';
テスト方法
- Apps Scriptで
testDoPost
関数を実行 - メールとスプレッドシートを確認
完了!
フォームから送信すると自動的に:
- スプレッドシートに記録
- leadfive.138@gmail.com にメール通知
詳細は /docs/GOOGLE_SHEETS_ONLY_SETUP.md
参照