Webサイト

LiveDesk は、Web ページに Website Channel のチャットウィジェットを追加し、訪問者からの問い合わせの受信、会話の割り当て、Webサイト上でのリアルタイムチャットの提供をサポートしています。

リアルタイムチャットウィジェットは、ほとんどの最新ブラウザに対応しています。サポートされているブラウザのバージョンは以下のとおりです。

Website Channel を追加する方法

「Add Channel」-「Website」

設定情報を入力する

画面の指示に従って Website Channel の基本情報を入力し、「Confirm」をクリックしてチャネルを作成します。作成後は、「Integration」、「Settings」、「Widget Builder」、「Conversation Assignment」、「Human Agent」、「AI Agent」などのタブで、さらに詳細な設定を行えます。

画面の指示に従って設定情報を入力し、「Confirm」をクリックして完了します。

チャットウィジェットを Webサイトに追加する

作成後、ページはチャネル詳細設定ページにリダイレクトされます。「Integration」タブでは、生成されたコードスニペットをコピーして Webサイトに貼り付けることで、インストールを完了できます。

現在、以下のインストール方法をサポートしています。

詳細設定

下にスクロールすると、さらに多くの設定を確認できます。ここでは、Website Channel の統合、基本設定、チャット前フォーム、営業時間、ウィジェットの外観を設定できます。

Integration

「Integration」では、主にチャットバブルコードの統合方法と関連するセキュリティ設定を提供します。

• Messenger Script

  「Bubble Code」、「iframe Code」、「GTM Installation」の切り替えと、対応するインストールコードのコピーに対応しています。このコードには、現在の Website Channel の websiteToken と、動作に必要な sdk.js の参照先アドレスが含まれています。

• User Authentication

  デフォルトでは無効です。有効にすると、ページに認証関連のキー情報が表示され、これをコピーしてサーバー側で訪問者の本人確認パラメータを生成できます。これにより、ユーザー ID の信頼性を向上させることができます。

• Domain Whitelist

  デフォルトでは無効です。有効にすると、ホワイトリスト内のドメインのみが Website ウィジェットを初期化できます。複数のドメインがある場合は、1 行に 1 つずつ入力してください。ローカルデバッグでは、例として localhost:3000、127.0.0.1:8080 のようにポート番号も含めてください。

Settings

Website Channel の基本パラメータ、訪問者とのインタラクション方法、チャット前フォームを設定します。

• Channel Information

  現在の Website Channel 名を変更できます。

• Enable Channel Greeting

  デフォルトでは無効です。有効にすると、ユーザーが初めて問い合わせを開始した際に、システムがデフォルトの返信メッセージを自動送信します。

• Quick Commands

  デフォルトでは無効です。有効にすると、チャット入力ボックスの上部にクイックコマンドタイトルが固定表示され、ユーザーがよくある質問をすばやく送信できるよう案内します。複数のクイックコマンドを追加できます。よくある質問、問い合わせ導線、またはトラフィック誘導のプロンプトとしての利用を推奨します。

• Enable CSAT

  デフォルトでは無効です。有効にすると、会話ステータスが「Resolved」に変わったときに、満足度アンケートがユーザーに送信され、サービスに関するフィードバックを収集します。

• Email Collection

  以下の 2 つの設定をサポートしています。

  • Email Collection Box: 会話開始時に、メールアドレス収集用の入力ボックスがユーザーに自動表示されますが、入力は必須ではありません。

  • Conversation Continuity: ユーザーがオフラインの場合でも、メールで継続してコミュニケーションできます。この機能を使用する前に、まず Email Channel の関連設定を完了する必要があります。

• User Behavior Control

  「User Ends Conversation」の設定に対応しています。有効にすると、ユーザーはウィジェット内で現在の会話を自分で終了でき、システムは会話ステータスを「Resolved」に変更します。

• Pre-chat Form

  チャット前フォームは、統一設定のため「Settings」タブに移動されました。有効にすると、ユーザーは正式にチャットへ入る前にフォームへ入力する必要があります。

  以下の内容を設定できます。

  • Form Body: フォームの目的を説明するために使用します。例: 「こんにちは。ご連絡のため、以下の情報をご入力ください。」

  • Form Options: 「Enable」、「Variable Name」、「Variable Type」、「Name」、「Placeholder」、「Required」などのパラメータを含むフォームフィールドを、1 つずつ設定できます。

  • System Preset Fields: email、phone、firstname、lastname などの一般的なフィールドに対応しています。

  • Conversation Attribute Fields: 既存の会話属性をチャット前フィールドとして選択でき、送信後に対応する会話属性へ書き込まれます。

  • Email Field: 訪問者 ID の追跡や、その後の Human Agent への引き継ぎ、またはオフラインフォローアップに使用できます。

• Working Hours

  デフォルトでは無効です。有効にすると、現在の Website Channel の営業時間、タイムゾーン、営業時間外の説明テキストを設定できます。営業時間外には、設定された内容に基づいてサービスが現在利用できないことを訪問者に通知し、会話割り当てルールに従って有人サポートを処理します。

Widget Builder

「Widget Builder」は、訪問者向けチャットコンポーネントの外観と表示内容を設定するために使用します。右側のプレビューエリアには、設定結果がリアルタイムで表示されます。

• Theme Settings

以下のパラメータを設定できます。

• Theme Color: ウィジェットのメインカラーを設定します。

• Text Color: タイトルや本文などのテキスト表示色を設定します。

• Background Image: ウェルカムエリアの背景画像のアップロードと差し替えに対応しています。

• Width: ウィジェットの幅を設定します。デフォルトは 400 です。

• Height: ウィジェットの高さを設定します。デフォルトは 700 です。

• Bubble Settings

以下の内容を設定できます。

• Bubble Style: 「Icon」、「Icon + Text」、「Text」の 3 つの表示モードに対応しています。

• Icon: デフォルトアイコンを置き換えることができます。

• Text: 「Icon + Text」または「Text」スタイルを選択した場合、バブルテキストを設定できます。テキストは 20 文字以内です。

• Size: mini、small、medium、large、extra large など、さまざまなサイズに対応しています。

• Bubble Position: 表示位置の設定と、下部および側面からの間隔設定に対応しています。

• Welcome Message

以下を設定できます。

• Title: ウェルカムエリアのメインタイトル。

• Content: ウェルカムエリアの本文コンテンツ。

• Guidance Text: 「Instant Answers」エリアに表示され、ユーザーがすばやく問い合わせを開始できるよう案内します。

• Social Media

デフォルトでは無効です。有効にすると、ソーシャルプラットフォームや連絡チャネルを設定し、ウィジェットのウェルカムカードに表示できます。

• Submit Ticket

デフォルトでは無効です。有効にすると、ウィジェット内にチケットの入口が表示され、ユーザーはチケットの確認または送信を行えます。

• External Links

デフォルトでは無効です。有効にすると、外部リンクカードを追加して、外部ヘルプセンター、FAQ ページ、またはその他のナビゲーション入口を表示できます。

Conversation Assignment

現在のチャネルの会話割り当てルールを表示します。ルーティングルール、AI Agent による応答、Human Agent による応答に対応しています。会話割り当ての優先順位は、ルーティングルール > AI Agent > Human Agent です。

ルーティングルールが存在する場合、システムはまずルーティング条件を満たしているかを確認します。複数のルールが同時に存在する場合は、順番に照合されます。現在の会話がいずれのルーティングルールにも一致しない場合は、まず AI Agent に割り当てられます。AI Agent が設定されていない場合は、その後、対応する Human Agent に割り当てられます。

同時対応件数による割り当て、順次均等割り当て、カスタムカスタマーサービス負荷に基づく割り当てを含む、自動割り当てをサポートしています。

• Assignment by Workload

  定義された負荷量に基づいて割り当てを行い、同時対応件数が少ないカスタマーサービス担当者を優先します。

• Sequential Even Assignment

  各カスタマーサービス担当者の負荷設定は考慮されません。会話は順番に、各カスタマーサービス担当者へ均等に割り当てられます。

• Assignment by Custom Customer Service Workload

  各カスタマーサービス担当者ごとにカスタム負荷値を個別に設定し、同時対応件数が少ないカスタマーサービス担当者を優先します。

Human Agent

このチャネルの会話メッセージを処理する Human Agent を設定できます。メンバーの追加や削除が可能です。

AI Agent

このチャネルの会話メッセージを処理する AI Agent を設定できます。有効化または無効化でき、GPT AI Agent を追加することもできます。