15分でFAQを公開する

ここではＦＡＱ＠Ｍａｋｅｒの最小限の機能を使ってＦＡＱを１５分で公開する方法を解説します。掲載するＦＡＱは一つだけですが、お客様の環境に合わせて自由に追加してください。

※　この１５分には個人差があり、また掲載するＦＡＱの数に応じて変動することをご了承ください。

また説明の途中ででてくる関連事項やオプション機能については、オンラインマニュアルや FAQ を別途参照してください。

※NOTE

ＦＡＱは最低５つは用意したいところです。もしＦＡＱの中身が思いつかないときは、先に質問掲示板を公開し、エンドユーザーの質問の傾向を掴んでおくのも良いかもしれません。

※NOTE

カテゴリーとは共通の話題や分野のことで、ＦＡＱ＠ＭａｋｅｒではＦＡＱやお問合せ等をこのカテゴリーでグループ化することで、エンドユーザーとＦＡＱまたはサポーターとの迅速なマッチングを行えるよう工夫しています。なおカテゴリーは最大５階層まで作成でき、大まかなテーマから徐々により細やかな分野を指定していくことができます。

１．　リンクメニューからマスタメンテをクリックします。

２．　ニュースを確認します。重要な機能の更新等についての案内もあるので必ずチェックしましょう。

３．　クライアントＩＤ、メールアドレス、パスワードを入力してログインします。

※NOTE

サービスが開始している状態とは、お客様のサイト上でＦＡＱ＠Ｍａｋｅｒが公開可能なことを意味します。サービスが停止した場合、お問い合わせ等一部の機能が利用できなくなりますが、既に公開されているＦＡＱの参照や質問掲示板の利用は可能です。

１．　サービスのステータスを確認します。

２．　サービスのステータスが運用中の場合は、「サービスの停止」ボタンを押してサービスを停止します。

※　はじめてログインしたときはサービスは停止しているので何もする必要はありません。

マスタメンテ画面でＦＡＱを分類するカテゴリーを作成します。

カテゴリーは後から自由に追加や変更を行えるので、ここはシンプルに"ホームページ全般"と"その他"という基本的な二つを作成します。

※NOTE

カテゴリーの数に制限はありません。
最大５階層まで子カテゴリーを作ることが出来ます。

１．　アクセスメニューから「カテゴリー作成」を選びます。

２．　「サポートカテゴリー名」に"ホームページ全般"と入力します。

３．　「追加」ボタンをクリックします。

４．　"その他"について同様に追加します。

１．　「サービスを開始」ボタンをクリックします。

２．　「ログアウト」をクリックします。

ＦＡＱを作成します。お問合せとその回答からＦＡＱを作成することも可能ですが、ここでは質問と回答を自ら入力してＦＡＱを完成させます。

また一概にＦＡＱを作成すると言っても簡単に思い浮かばない方もいると思います。そのため簡単な注意すべき点を以下にまとめました。

ＦＡＱが少なすぎると見栄えが悪くなります、最低５つは用意しましょう。
「お問い合わせ」という行為は、エンドユーザーにとって面倒で時間のかかる作業です。極力エンドユーザーにお問合せをさせないことを念頭においてＦＡＱを作成しましょう。
ＦＡＱ＠Ｍａｋｅｒのお問い合せ機能を利用すると、お問い合せと回答からＦＡＱを作成でき、ＦＡＱの補完が容易となります。
もしＦＡＱの中身が思いつかないときは、先に質問掲示板を公開し、エンドユーザーの質問の傾向を掴んでおくのも良いかもしれません。

１．　リンクメニューからヘルプデスクをクリックします。

２．　ニュースを確認します。重要な機能の更新等についての案内もあるので必ずチェックしましょう。

３．　クライアントＩＤ、メールアドレス、パスワードを入力してログインします。

※NOTE

FAQの登録データ量には制限があります。詳細はこちらを参照してください。

１．　アクセスメニューから「ＦＡＱ作成」をクリックします。

２．　「ＦＡＱの新規作成」画面が開くので、カテゴリー欄から「ホームページ全般」を選んでください。

３．　公開プルダウンから「公開」を選びます。

４．　タイトルを入力します。ここでは「会員登録の仕方を教えてください」と入力します。

※NOTE

ＦＡＱでは、「タイトル」と「問い合わせ内容」を別々に入力することができますが、質問内容が分かるよう具体的なタイトルを付けることで「問い合わせ内容」欄を省くことができ、よりすっきりとした見やすいＦＡＱを作成することができます。

５．　回答を入力します。ここでは以下のように入力します。

会員登録の仕方は以下の通りです。

１．会員登録画面を開きます。
２．お客様のお名前とメールアドレスを入力してください。
３．「登録ボタン」をクリックします。
４．登録したメールアドレスに確認メールが届くので、そこに記載されたＵＲＬをブラウザで開いてください。
５．以上で会員登録は完了です。

※NOTE

回答やお問い合わせ内容は、リンクや画像挿入など、付属のHTMLエディターで装飾することができます。使い方についてはTinyMCEのホームページを参照してください。

６．　「メンバー」という同義語と「ログイン」という関連単語を「検索用登録ワード」に登録します。

※NOTE

「検索用登録ワード」には、同義語のほか、重要なキーワードや類似語などを登録して、エンドユーザーのＦＡＱ検索を補足することができます。
＜例＞　入金と口座振込み、シミュレーションとシュミレーション等

７．　「次へ」ボタンをクリックします。

８．　「ＦＡＱ新規作成の確認」画面が開くので、「作成」ボタンをクリックします。

９．　ＦＡＱの作成は、これで完了です。

ＦＡＱが完成したら、いよいよＦＡＱをお客様のサイトで公開します。ＦＡＱの公開は、お客様のサイトにＦＡＱ＠Ｍａｋｅｒへのリンクを張るだけですが、誤った設定や公開方法ではＦＡＱ＠Ｍａｋｅｒが正しく機能しないことがあります。ＦＡＱ＠Ｍａｋｅｒを正しくご利用いただくため、必ず以下の注意点を守ってください。

※NOTE

必ずマスタメンテ画面でサービスを開始して、基本設定に漏れやミスが無いか確認してください。
※　サービスの開始を行う際に、基本設定に漏れやミスが無いかシステムが自動でチェックをします。
※　サービスの開始が確認ができた後は、サービスを停止してもエンドユーザーはＦＡＱや質問掲示板を参照できます。
※　一方サービスを停止すると、エンドユーザーはお問合せ機能や要望･意見機能を利用できなくなります。
ＦＡＱを公開するＦＡＱ＠Ｍａｋｅｒへのリンクは、必ずポップアップかＩＦＲＡＭＥをご利用ください。

※NOTE

エンドユーザーがＦＡＱに気づかなければ、ＦＡＱを公開する意味がありません。なるべく分かりやすい場所に分かりやすい表記で公開してください。
＜例＞　画面のヘッダーまたはフッターに「よくある質問集」と書かれた目立つ画像を用意する

ここではオープンソースjavascriptフレームワークのFancyBoxを利用して、LightBox風のモーダル画面内にＦＡＱを表示する方法を説明します。どのように表示されるかは、サンプルで確認してください。

※　本章を読む前に、こちらからFancyBoxを梱包した「lib.js」をダウンロードしておいてください。
※　FancyBoxから最新のソースをダウンロードした場合、本章の説明では動作しない可能性があります。

※NOTE

この例では「FancyBox」のほか「JQuery」を使用しています。これらの使用に不都合がある場合は、オンラインマニュアルの「ＦＡＱの公開」を参照してみてください。

１．　「lib.zip」を解凍して、「jquery.fancybox」フォルダーを取り出し、そのまま任意の場所に配置します。

※　ここでは、ＦＡＱを公開するＷＥＢページと同じディレクトリに配置しました。

２．　ヘッダー要素内で以下のようにjavascriptファイルとcssファイルを宣言します（赤字の部分です）。

※　必ず「DOCTYPE」を宣言することを忘れないでください。

３．　同様にヘッダー要素内で以下のようにjavascriptの関数を宣言してください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="jquery.fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fancybox/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript" language="JavaScript" >
  $(document).ready(function() {
    var screenHeight = 375;
    if(!!window.screen) {
      screenHeight = screen.availHeight * 0.7;
    }
    $("a.iframe").fancybox({
      'hideOnContentClick': false,
      'frameWidth': 710,
      'frameHeight': screenHeight
    });
  });
</script>
</head>

４．　ボディー要素内にＦＡＱ＠Ｍａｋｅｒへのリンクを作成します。

<a class="iframe" href="http://www.faqatmaker.jp/faq/html/support/top.html?cd=100001" >
お問合せとFAQ
</a>

※　「href」属性の値は以下のようになります。
http://www.faqatmaker.jp/faq/html/support/top.html?cd=お客様のクライアント番号

５．　以下は全体のサンプルHTMLです。