ヘルプセンターでの満足度評価と総合スコアの表示

メモ：Support + Guideのお客様でSuiteのプランをご利用でない場合、ヘルプセンターに満足度評価と総合スコアを表示するには、Support ProfessionalまたはEnterpriseといずれかのGuideプランを利用する必要があります。

満足度評価はヘルプセンターに表示できます。これにより、過去100件の満足度評価に基づいた簡単な統計情報を表示できます。次のデータが表示されます。

• プラス評価の件数
• マイナス評価の件数
• 総合スコア（プラス評価の割合）

数値は過去100件の評価に基づいており、このウィジェットのスライドウィンドウは評価を受け取るたびに再計算されます。 ウィジェットの外観とテキストはカスタマイズできます。 

評価ボックスのコードを取得する

評価ボックスを追加するには、コードスニペットをページまたはテンプレートのHTMLに貼り付けます。コードを取得するには、管理者であることが必要です。

1. サイドバーにある管理アイコン（）をクリックし、「カスタマー」を選択します。
2. 「満足度」タブをクリックします。
3. 「カスタマーがチケットを評価できるようにする」が選択されていて、100件以上の評価を受けていることを確認します。 

   評価が100件未満の場合、次のメッセージが表示されます。その場合、所定の評価数に達するまでは、評価ボックスは使用できません。

   

4. 「パブリックにされた満足度に関する統計情報を表示できるようになります。」を選択します。
5. 「タブを保存」をクリックします。

   ページは更新され、過去100件の顧客満足度評価に基づく統計情報などの情報が追加されます。 

6. 「使い方」に、ボックス内のすべてのHTMLコードをコピーします。このHTMLコードは、満足度評価数が100件以上に達している場合にのみ表示されます。

評価ボックスをヘルプセンターに追加する

Guideの管理者は、評価ボックスをヘルプセンターの記事またはホームページに追加できます。

評価ボックスをヘルプセンターのホームページに追加するには

1. Guideで、サイドバーにあるデザインをカスタマイズアイコン（）をクリックします。
2. 編集するテーマをクリックして、開きます。
3. 「コードを編集」をクリックします。

   

4. 「テンプレート」セクションで、ホームページテンプレートを開きます。
5. 評価ボックス用のコードをテンプレートに貼り付けます。
6. 「保存」をクリックします。
7. 「プレビュー」をクリックして、ページに加えた変更の効果をプレビューします。

評価ボックスをヘルプセンター内の記事に追加するには

1. Guideで、サイドバーにある設定アイコン（）をクリックします。
2. 「安全でないコンテンツを表示」設定が有効になっていることを確認します。

   この場合は、スクリプトタグのような安全でないコンテンツを許可します。

3. ヘルプセンターに戻り、評価ボックスを表示させる記事に移動します。
4. 「記事を編集」をクリックします。
5. 編集画面のツールバーで「ソースコード」ボタンをクリックし、HTMLエディタに切り替えます。
6. ページに評価ボックスのコードを貼り付け、「保存」をクリックします。

コードを貼り付けた場所に評価ボックスが表示されます。テキストやCSSをカスタマイズしたい場合、またはページ上の指定した要素の上に評価ボックスを配置したい場合は、後述の「評価ボックスをカスタマイズする」を参照してください。

評価ボックスをカスタマイズする

満足度評価ボックスは、テキストの変更、外観の変更、ページ内の位置の指定などを行ってカスタマイズできます。 

テキストをカスタマイズする

評価ボックスの3つの数値の下に表示されるデフォルトのテキストが気に入らない場合、変更することもできます。評価ボックスコード内で、以下の行を探します。

Satisfaction.show({
    strings: {
      goodRatings:      "Said good",
      badRatings:       "Weren't so sure",
      score:            "Overall happiness",
      zendeskPlug:      "Powered by <a href=\"http://www.zendesk.com/\">Zendesk</a>"
    }
});

引用符(" ")内の値は編集できます。

外観をカスタマイズする

HTMLに貼り付けたコードにより、CSSスタイルシートがインポートされます。

 @import url(https://support.zendesk.com/stylesheets/public_satisfaction.css);

評価ボックスの外観をカスタマイズする場合は、Zendeskスタイルシートに定義されているCSSを上書きして、評価ボックスを配置したページに独自のCSSを追加します。