「診断おすすめナビ」の設定方法

ここでは、診断おすすめナビを新しく作成し、質問・回答・結果を設定して記事へ挿入する手順を説明します。
最初は質問1件・回答2件・結果2件の小さな診断を作り、仕組みを覚えてから質問を増やします。

質問に答えながら、自分に合う案内を見つけてもらう

診断おすすめナビは、訪問者が質問に1つずつ答え、あらかじめ用意したサービスや案内候補へ進むパーツです。回答ごとに次の質問や結果を指定し、候補の説明・特徴・おすすめ理由と問い合わせ先を案内できます。サービスが複数あるページで、希望を整理してから詳しい案内へ進んでもらう使い方に向いています。
1つの質問では回答を1つだけ選びます。質問や結果を一覧へ追加するだけでは診断は完成せず、各回答の「接続先」まで設定する必要があります。

パーツを置く記事で本文の挿入位置を選び、「追加テンプレート」→「診断おすすめナビ」をクリックします。「診断おすすめナビの管理」で「新規追加」を押し、「診断おすすめナビの設定」を開きます。
管理名は「案内練習」など、用途が分かる名前にします。半角英数字と日本語を使えますが、空白・記号・全角英数字は使えません。保存後は変更できないため、初回保存前に確認してください。訪問者に見せる見出しは、別の「公開タイトル」で設定します。

「結果」タブで最初からある結果を選び、結果名を「資料で確認する」にして「説明（必須）」を入力します。続けて結果一覧の「追加」で「個別に相談する」を作り、説明を入力します。
この例では、結果1の説明を「資料を読んで、ご自身のペースでサービス内容をご確認ください。」、結果2を「ご希望を伺いながら、合うサービスや進め方を一緒に確認します。」とします。出口を先に用意すると、回答の接続先を選びやすくなります。

「質問」タブで最初からある質問を選び、「質問文」に「どのように検討したいですか？」と入力します。必要なら「補足説明」で選び方を補います。
「回答と接続先」で回答1を選び「編集」を押します。「回答ラベル」を「まずは資料を見たい」にし、「接続先」から「結果 …：資料で確認する」を選んで「OK」を押します。回答2も「相談しながら決めたい」にし、結果「個別に相談する」へつなぎます。
「未接続（後で設定）」のままの回答を残さないでください。質問が複数ある場合は、入力前に質問一覧の選択行も確認します。

「基本設定」で「公開タイトル」「説明」「注意書き（必須）」を入力し、「最初の質問」に作成した質問を選びます。注意書きには、表示する内容が案内候補であることや、最終確認が必要な条件を記載します。
問い合わせ先へ案内する場合は、問い合わせボタン文言とURLも設定します。「最初の質問」の指定は、質問一覧の先頭を並べ替える操作とは別です。

「接続確認」タブで「接続を検証」を押します。問題があれば行を選んで「問題箇所へ移動」、または行をダブルクリックして修正し、再度検証します。「接続に問題はありません。」となることを確認してください。
続いて「テスト回答」で「現在の設定でテスト開始」を押します。「まずは資料を見たい」と「相談しながら決めたい」をそれぞれ試し、対応する結果へ進むか確認します。設定を変更した後は、現在の設定でテストを開始し直してください。

設定画面の「保存」を押します。保存時も検証され、問題がある場合は接続確認に案内されます。管理画面へ戻ったら、作成した管理名を選んで「挿入」を押します。記事に入ったタグを残して記事も保存し、前後の文章とPC・スマートフォンの表示を確認します。
設定の「保存」、管理画面の「挿入」、記事の保存は別の操作です。管理画面を「閉じる」だけでは挿入されませんが、保存済みの設定は残ります。

基本設定と質問・回答

質問は1～50件、各質問の回答は2～12件です。質問を追加すると用意される「回答1」「回答2」は仮の名前なので、文面と接続先を書き換えてください。
アイコンは回答の編集画面で選びます。PNG・JPEG（JPG）・GIF・BMP・SVGに対応し、1ファイル64MiB以下、幅×高さは1億ピクセル以下です。破損した画像や安全性を満たさないSVGは使えません。不要なら「画像を解除」を押し、回答編集の「OK」に続けて診断全体を「保存」します。

結果の内容と問い合わせ先

結果は1～50件です。同じ案内へ進む回答は、共通の結果へ接続できます。結果を追加したら、その結果へたどり着く回答も用意してください。

質問を増やすときの考え方

たとえば「相談しながら決めたい」の接続先を新しい質問に変え、その質問の回答を結果へつなぐと、2問の診断にできます。質問は、案内候補を分けるために必要なものだけに絞ります。
「質問A→質問B→質問A」や「質問A→質問A」のように同じ質問へ戻り続ける接続は作れません。回答を見直す操作は公開ページの「前へ」などを使い、設定する接続は結果へ向かうようにしてください。

接続確認で問題が表示された場合

問題がなくなると、質問数も表示されます。分岐で通る質問数が違う場合は範囲で表示されます。これは接続構造の確認なので、案内文の適切さやすべての経路の結果は、実際のテスト回答で別途確認してください。

保存済みの診断を変更する

管理画面で対象の管理名を選んで「編集」します。回答を編集した場合は「OK」で内容を反映し、接続確認とテスト回答を行ってから、設定画面の「保存」を押します。同じ管理名を置いた複数の記事は、同じ診断設定を参照します。すでに挿入済みの同じ管理名なら再挿入は不要です。変更後は対象ページを再生成して確認してください。挿入タグは [% adddiagnosis(案内練習) %] の形式です。別の案内として使い分ける場合は管理画面の「複製」で新しい管理名を作り、その設定を挿入します。
管理名は保存後に変更できません。見出しだけを変える場合は、基本設定の「公開タイトル」を編集します。管理名は重複できません。
質問・回答・結果の「複製」「上へ」「下へ」「削除」を使った後は、文面と接続先を確認します。並べ替えは表示順を変える操作で、回答の接続先や最初の質問を自動で作り直す操作ではありません。
ほかの回答から参照されている質問や結果は、その回答の接続先を変えてから削除します。最初の質問を削除する場合は、先に基本設定で別の質問を指定してください。管理画面で診断そのものを削除すると使用中のタグは表示されなくなるため、挿入済みのページも確認します。

別の画面・端末による変更で保存できない場合

画面を閉じずに「最新の保存内容を確認」を押します。「保存内容の比較」の左側は「編集中（未保存）」、右側は取得時刻付きの「最新の保存内容」です。両欄は確認専用で、比較だけでは設定を保存せず、入力と画像の選択も変わりません。必須項目の入力途中でも確認できます。

比較後にほかの編集で保存内容が変わると、再び保存時に競合として案内されます。改めて比較してください。「別名で保存」にも通常と同じ設定内容・接続・画像の確認があります。エラーがある場合は直してから保存します。
新規追加でまだ保存していない場合や元の設定が見つからない場合は、「最新を読み込む」は使えません。保存先を正常に読み込める場合は「別名で保存」で残せます。読込エラーなどでは入力を保持したまま原因を確認し、再試行してください。

訪問者が回答を見直す場合

訪問者は回答を1つ選んで「次へ」を押します。「前へ」で戻るだけでは、その先の回答は消えません。同じ回答のまま進めば続きの回答を使えますが、前の質問で別の回答に変えると、その先の回答は破棄され、「この先の回答を選び直します。」と表示されます。
結果の「回答を見直す」は最後に回答した質問へ戻ります。初めからやり直す場合は「最初から」を使います。
「内容を確認」では、候補・説明・特徴・理由・回答履歴・注意書きをまとめて確認できます。「コピー」で内容をコピーし、「印刷」でブラウザーの印刷を開き、「閉じる」で結果へ戻ります。自動コピーができない環境では、選択された内容を手動でコピーします。

困ったときと公開前の確認

公開前にすべての分岐を試し、結果名・説明・特徴・おすすめ理由・結果への付記・リンク先を確認します。PCとスマートフォンの読みやすさ、回答の見直し、コピー、印刷も確認してください。公開する際は通常のサイト生成・アップロードを行い、公開ページでも内容を確認します。
問い合わせ先へ回答を伝えてもらう場合は、確認内容をコピーして問い合わせ本文へ貼り付けるなど、案内先に合わせた説明を添えてください。