開発中の確認ページです。検索には出さず、一般には公開していません
無料Web集客診断ツール
サイトを訪れた方が 15 問に答えると、自社の Web 集客の現在地が SEO・ホームページ・Google広告・SNS・MEO の 5 分野と総合点で分かります。いずれも 100 点満点です。結果画面から、そのまま詳細診断MTGのご予約に進みます。
現在、診断の入口から結果表示までは通しで動きます。残っているのは、回答を記録する接続と、村瀬さん側でご確認いただく 3 点です。
ご確認 村瀬さんにお伺いしたいことが 2 点あります。ご予約ページと、個人情報の取り扱いページの URL です。まずは実際の設置イメージをご覧ください
シホウヨシさんのサイトを模した架空のページを 3 つ用意しました。診断のタグ以外は普通のページです。右下の起動ボタンから、最後まで試せます。
-
1. 通常の設置 →
サイトにタグを 1 行貼った状態です。右下に起動ボタンが出ます。診断はここから通してご確認ください。
-
2. 同じタグを 2 回貼った場合 →
貼り間違いを想定した確認用です。起動ボタンは 1 つだけ出ます。
-
3. 診断が読み込めなかった場合 →
通信の不調を想定した確認用です。診断は出ませんが、設置先のページはそのまま表示され続けます。
設問文とアドバイス文は、いまは中島が用意した仮のものです。監修はこのあとお願いします。
診断の入口から結果表示まで、通しで動きます
次の 8 つは、上の設置デモページでそのままご確認いただけます。
- 連絡先の入力 会社名・お名前・メールアドレス・電話番号をお伺いします。電話番号は任意です。入力に誤りがあるときは、その欄の下に理由を出して先に進めません。
- 15 問の回答 1 画面に 1 問ずつ出します。選ぶと自動で次に進み、「次へ」は押しません。戻ると選んだ内容が残ります。
- いたずら送信を防ぐ確認 送信の直前に 1 回だけ挟みます。人が操作していれば、押す操作は増えません。
- 結果画面 総合点と 5 分野のレーダーチャート、分野ごとの点数、改善アドバイス 5 本、ご予約ボタン 2 箇所を出します。
- 途中で閉じても続きから 起動ボタンで開き直すと、閉じた画面から再開します。ページを読み込み直したときは最初に戻ります。
- 通信が途切れたときの復帰 送信に失敗しても、入力済みの連絡先と 15 問の回答は残します。やり直しの操作だけで先に進めます。
- スマートフォンとパソコンの表示 スマートフォンでは全画面、パソコンでは右下の小窓で開きます。文字入力中もキーボードで欄が隠れません。
- 設置先のデザインと干渉しない 診断の表示はページ本体と切り離した領域に作っています。そのため、シホウヨシさんのサイトの見た目を変えず、診断側も既存の指定に崩されません。
残っているのは、記録の接続と、村瀬さん側の 3 点です
- 回答と結果をスプレッドシートに貯める接続 中島
仕組みは出来ていて、模擬のスプレッドシートを相手に動作確認まで済ませています。残っているのは中島側の設定作業です。
- ご予約ボタンの遷移先 村瀬さん
遷移先の URL をまだ伺えていないため、いまは確認用の仮ページに繋いでいます。ボタンは押せますので、動きはそのままご確認いただけます。下の「お伺いしたいこと」の 1 点目です。
- 設問文・アドバイス文・比較用の平均値の監修 村瀬さん
いまの文章は中島が用意した仮のものです。村瀬さんに見ていただいて差し替えます。
- シホウヨシさんのサイトへの設置 村瀬さん
上の 3 つが揃ってからです。設置作業はタグ 1 行の貼り付けだけで、他のファイルは触りません。
村瀬さんにお伺いしたいことが 2 点あります
-
1. 詳細診断MTGのご予約ページの URL
結果画面に「詳細診断MTGを予約する」ボタンを 2 箇所置いています。押した先に開くページの URL をお知らせください。いまは遷移先が無いため、押せない表示にしています。
-
2. 個人情報の取り扱いページの URL と、記載の追加要否
連絡先の入力画面に、同意のチェックとあわせてリンクを置きます。シホウヨシさんのサイトにある既存ページの URL をお知らせください。
あわせてご相談です。入力された連絡先と回答は、シホウヨシさんのサーバーではなく、中島が管理する外部の保存先に届きます。いたずら送信を防ぐ確認でも、外部のサービスを読み込みます。この 2 点を取り扱いページに書き足す必要があるか、ご確認をお願いします。書き足す場合は、文案を中島からお出しします。
| URL | 使う場所 | 現在の設定 |
|---|---|---|
| 詳細診断MTGのご予約ページ | 結果画面のご予約ボタン 2 箇所 | 未確定 |
| 個人情報の取り扱いページ | 連絡先の入力画面の同意欄 | 未確定 |
設置はタグを 1 行貼るだけです
公開のときに、次の形のタグをお渡しします。全ページに入る場所に貼ってください。貼るのはこの 1 行だけで、他のファイルには手を入れません。
<script src="https://……/shindan.js" defer></script> 配信先の URL がまだ決まっていないため、上のタグは形をお見せするためのものです。実際に貼っていただくタグは、公開時にお渡しします。
開発の記録(中島の作業メモ)
- 実装タスク
- 24 / 35 完了(スライス 0〜6)
- 自動テスト
- 609 件 green / 型エラー 0
- 配信バンドル
- gzip 71.6KB(上限 100KB)
- 診断 API 往復
- 103ms(目標 3 秒)
- ビルド
- 2 段(widget → site)通過
- 直近 commit
- 79f9da2
- 0〜1 基盤・1 行タグ配信 完了
- 2 連絡先ステップ + 設問フロー 完了
- 3 採点コア + 診断 API 完了
- 4 結果画面 完了
- 5 bot 対策・送信・エラー復帰 完了
- 6 スプレッドシート記録の結線 完了
- 7 非機能・レビュー環境仕上げ 進行中
- 8〜9 受入テスト・監査・監修反映・リリース これから
仕様の正本は .kiro/specs/diagnosis-tool/ の requirements / design / tasks。現在地と落とし穴は docs/current.md。 上の 2 つの URL は src/widget/config.ts の BOOKING_URL / POLICY_URL を差し替えると、この表に反映される。