- pillar-mkdocs
- type-howto
- Google Form
- Contact Form
- Web Development
- Blog Setup nav_title: "Google Form Contact Setup"
Google Form問い合わせフォーム作成ガイド - 無料で本格的な連絡手段を構築¶
概要¶
ブログやWebサイトに問い合わせフォームを設置したいが、サーバーサイドの実装は面倒...そんな時はGoogle Formが最適です。無料で高機能、スパム対策も充実しており、AdSense申請時の連絡先要件も満たせます。
なぜGoogle Formなのか¶
メリット¶
- 完全無料 - Googleアカウントがあれば即利用可能
- サーバー不要 - バックエンド実装なしで動作
- 自動通知 - 問い合わせ時にメール通知
- データ管理 - スプレッドシート連携で一元管理
- 信頼性 - Googleインフラで安定稼働
ステップ1: フォーム作成¶
アクセス方法¶
- Googleアカウントにログイン
- Google Formsにアクセス
- 「空白」または「連絡先情報」テンプレートを選択
基本情報の設定¶
フォームタイトル: [サイト名] お問い合わせ
説明: お気軽にご質問・ご要望をお聞かせください
ステップ2: フィールド設計¶
必須フィールド¶
1. お名前（ハンドルネーム可）¶
- タイプ: 短文回答
- 必須: ON
- 説明: ニックネームでも構いません
2. メールアドレス¶
- タイプ: 短文回答
- 必須: ON
- 検証: メールアドレス形式をON
3. お問い合わせ種別¶
- タイプ: ラジオボタン
- 必須: ON
- 選択肢:
- 記事の内容について
- 技術的な誤りの報告
- 新規記事のリクエスト
- ビジネス・広告関連
- その他
4. お問い合わせ内容¶
- タイプ: 長文回答
- 必須: ON
- 説明: 詳細をご記入ください
オプションフィールド¶
5. 関連URL¶
- タイプ: 短文回答
- 必須: OFF
- 説明: 特定の記事に関する場合はURLを貼付
ステップ3: フォーム設定¶
プレゼンテーション設定¶
- 右上の歯車アイコン → 「プレゼンテーション」
- 設定項目:
- ✅ 別の回答を送信するためのリンクを表示
- ✅ 進行状況バーを表示
- 確認メッセージ:
お問い合わせありがとうございました。 2-3営業日以内に返信いたします。
回答設定¶
- 「回答」タブで設定
- 重要な設定:
- ✅ メールアドレスを収集する
- ✅ 回答のコピーを回答者に送信（常に）
- ✅ 回答を1回に制限
ステップ4: 通知設定（重要）¶
メール通知の有効化¶
- 「回答」タブを開く
- 右上の3点メニューをクリック
- 「新しい回答についてのメール通知を受け取る」をON
これで問い合わせが来たら即座にメールで通知されます。
ステップ5: サイトへの埋め込み¶
埋め込みコード取得¶
- 右上の「送信」ボタンをクリック
< >アイコン（HTMLを埋め込む）を選択- サイズ設定:
- 幅: 640（または100%）
- 高さ: 800
実装例（Markdown/HTML）¶
<iframe src="https://docs.google.com/forms/d/e/YOUR_FORM_ID/viewform?embedded=true"
width="100%"
height="800"
frameborder="0"
marginheight="0"
marginwidth="0">
Loading…
</iframe>
MkDocsでの実装¶
### お問い合わせフォーム
<iframe src="YOUR_FORM_URL" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
!!! info "フォームが表示されない場合"
[こちらのリンク](YOUR_DIRECT_LINK)から直接アクセスしてください。
ステップ6: スパム対策¶
reCAPTCHA設定¶
- フォーム編集画面の右下
- 「設定」→「全般」
- 「reCAPTCHAを有効にする」をON
IPアドレス収集¶
- 「回答」→「設定」
- 「IPアドレスを収集」をON（任意）
データ管理のコツ¶
スプレッドシート連携¶
- 「回答」タブ
- スプレッドシートアイコンをクリック
- 新規または既存のシートと連携
自動化のアイデア¶
- Zapier連携でSlack通知
- Apps ScriptでCRM連携
- 自動返信メールの設定
トラブルシューティング¶
フォームが表示されない¶
- iframe埋め込みがブロックされている可能性
- 直接リンクを併記することで解決
通知が来ない¶
- 迷惑メールフォルダを確認
- 通知設定の再確認
まとめ¶
Google Formを使えば、10分で本格的な問い合わせフォームが完成します。AdSense申請、ユーザーサポート、ビジネス問い合わせなど、様々な用途に活用できます。
チェックリスト¶
- Googleアカウントでログイン
- フォーム作成と必須フィールド設定
- メール通知をON
- 埋め込みコード取得
- サイトに実装
- テスト送信で動作確認
これで無料で信頼性の高い問い合わせシステムの完成です！