「あなたにぴったりのメニュー診断」「贈りものセレクト診断」のようなタイプ診断を、コードを書かずに作れるツールです。 HTMLファイルをブラウザで開いて、質問と結果を入力し、できたコードをブログやサイトに貼るだけ。インストールやアカウント登録は必要ありません。 サロン・教室・お店のサイト、ブログ、占い・コーチングの発信などにおすすめです。 ■ できること ・質問と結果を自由に追加（選択肢ごとに、どの結果に何点入れるかを指定） ・結果画面に、予約ページや商品ページへのボタンを設置 ・結果の出やすさチェック：答え方を計算して、各結果が出る割合を％で表示。出ない結果や未設定のURLもお知らせ ・ひな形9種（日本語：サロン／教室／ギフト／お守りカラー／働き方タイプ／コーヒー豆、英語：サロン／ギフト／働き方タイプ） ・色6種＋自由な色、文字3種（まるゴシック／角ゴシック／明朝）またはサイトの文字に合わせる ・スタート画面に画像を入れられる、横幅の調整 ・結果のコピー、Xへのポストボタン（表示しない設定も可） ・スマホ対応。Shadow DOM で表示するので、サイトのCSSと干渉しにくいつくり ・1ページに複数の診断を設置可能 ・編集画面も診断も日本語・英語に対応 ・入力内容はブラウザに自動保存、設定ファイル（.json）の保存・読み込みも可能 ■ できないこと（ご購入前にご確認ください） ・回答の集計・保存、メールアドレスの収集はできません ・scriptを貼れないサービス（noteなど）には貼れません。WordPressの「カスタムHTML」ブロックや、自分で編集できるHTMLでお使いください（テーマやプラグインの設定によっては script が取り除かれる場合があり、その場合は iframe で埋めこめます） ・点数を足す方式の診断です（分岐するYES/NOチャートには対応していません） ■ 内容物（zip・約1MB） ・quiz-maker.html（ツール本体・HTML1ファイル） ・samples_ja／samples_en 見本 HTML 9点（ダブルクリックで動きを試せます） ・使い方ガイド.pdf（日本語）／Guide_EN.pdf（英語） ・README／LICENSE ■ 使い方 1. quiz-maker.html をダブルクリックしてブラウザで開く 2. ひな形を選び、質問と結果を自分用に書きかえる 3. 色と文字を選び、チェックタブでバランスを確認 4. 「コードをコピー」してブログやサイトに貼る（またはHTMLで保存して公開） ■ 動作環境 最新の Google Chrome・Microsoft Edge・Safari・Firefox（作業はパソコン推奨） ■ フォント・ライセンス Zen Maru Gothic／Zen Kaku Gothic New／Shippori Mincho／Poppins（Google Fonts・SIL Open Font License 1.1・商用利用可）。フォントはインターネット経由で読み込みます（同梱なし）。読み込めないときは端末の標準フォントで表示されます。 ■ 利用規約 ・作った診断は、ご自身やクライアントのサイトで商用利用できます（制作代行OK・クレジット表記不要） ・ツール本体・ひな形・見本・ガイドの再配布、転売、共有、テンプレート商品としての販売はできません ・ひな形の店名やメニューは架空のサンプルです。公開する内容（効果の表現など）はお客さまの責任でご確認ください ※デジタルコンテンツのため、購入後の返品・返金はお受けしていません。