このガイドでは、Zendesk Chat ウィジェットを Discourse フォーラムに追加して、ユーザーにリアルタイムサポートを提供する方法を説明します。
必要なユーザーレベル: Administrator
Discourse への Zendesk Chat ウィジェットの追加
このガイドでは、Zendesk Chat ウィジェットを Discourse フォーラムに統合する手順を説明します。この機能により、フォーラムのユーザーにリアルタイムサポートを提供できます。
Zendesk アカウントの作成
- https://www.zendesk.com/register にアクセスし、登録フォームに記入します。
- 登録手順に従い、チーム名を選択します。これが Zendesk にアクセスするための URL になります。
- メールを確認してメールアドレスを認証した後、Zendesk にサインインします。
Zendesk Chat ウィジェットの設定
-
アカウント設定が完了したら、Zendesk 管理センター (
https://your_team_name.zendesk.com/admin/home) に移動します。 -
管理センターのダッシュボードで、左側のメニューの
Channelsをクリックし、次にMessagingを選択します。
- Messaging ページで、チーム名をクリックします。
Add Web Widgetの手順を完了します。- チャンネル名を確認する
- Web ウィジェットのコードスニペットをコピーする
- チャットの外観（色、位置、サウンドなど）をカスタマイズする
Discourse への Zendesk Chat ウィジェットの追加
- Discourse 管理パネルで、
Admin>Appearance>Themes and Componentsに移動し、Componentsタブに切り替えてからInstallをクリックします。
Create newを選択します。
- コンポーネントの名前を入力し、Type が「Component」に設定されていることを確認して、
Createをクリックします。
- 新しいコンポーネントを追加するテーマを選択し、
Edit CSS/HTMLをクリックします。
Common><head>タブに移動し、Zendesk スクリプトを貼り付けてSaveをクリックします。
コンテンツセキュリティポリシーの設定
- Discourse のサイト設定で、「content security policy script src」を検索します。
- ホワイトリストに
https://static.zdassets.com/web_widget/を追加します。
インストールの確認
- Discourse サイトをリロードします。サイトの下部にチャットアイコンが表示され、訪問者と登録ユーザーの両方に表示されるはずです。
Zendesk Chat 設定の最終調整
ウィジェットを Discourse フォーラムに追加した後、チャット設定を行う必要があります。
-
https://your-team-name.zendesk.com/admin/channels/messaging_and_social/channels_list に戻ります。
-
ウィジェット設定にアクセスするには、チーム名をクリックします。
-
チャットのさまざまな側面をカスタマイズできます。
- Style: チャットウィジェットの外観をフォーラムのデザインに合わせて調整します。
- Responses: 一般的な問い合わせに対して自動応答や定型メッセージを設定します。
変更を加えた後は、チャットウィジェットが Discourse フォーラムで意図したとおりに機能していることを確認するために、必ず徹底的にテストしてください。