診断コンテンツメーカー|ブログ・サイトに貼れる「診断」をコードなしで・ひな形9種
- Digital500 JPY



「あなたにぴったりのメニュー診断」「贈りものセレクト診断」のようなタイプ診断を、コードを書かずに作れるツールです。 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・クレジット表記不要) ・ツール本体・ひな形・見本・ガイドの再配布、転売、共有、テンプレート商品としての販売はできません ・ひな形の店名やメニューは架空のサンプルです。公開する内容(効果の表現など)はお客さまの責任でご確認ください ※デジタルコンテンツのため、購入後の返品・返金はお受けしていません。


