Skip to Content
コンソールガイドライブチャット

ライブチャット

自社サイトにチャットウィジェットを設置すると、訪問者がリアルタイムで問い合わせできます。チャットは受信トレイの中の通常の会話であり、始まり方が速いだけです。

ライブチャットは プロジェクト設定 で有効にします。プロジェクトでプライベートメッセージが有効な場合のみ表示されます。

  • 同じ受信トレイです: チャットはメールやポータルの会話と並ぶスレッドになります。同じ入力欄で返信し、同じ定型文を挿入し、同じ手順で完了できます。
  • 取り残されるものはありません: 訪問者は最初のメッセージの前にメールアドレスを入力するため、すぐに応対できなかったチャットでもメールで届きます。
  • 自社ドメインから配信されます: ウィジェットはポータルのサブドメインまたはカスタムドメインから配信されるため、顧客のブラウザーに第三者のチャットスクリプトは入りません。
  • プラン制限: ライブチャットは Pro と Team でご利用いただけます。Pro

有効にする

  1. プロジェクトのサイドバーで 設定 を開きます
  2. プライベートメッセージ が有効になっていることを確認します。チャットはその受信トレイの会話なので、無効では動作しません
  3. ライブチャット を有効にします
  4. ライブチャットウィジェット までスクロールし、スニペットをコピーします

このスイッチは新規プロジェクトも含め、初期状態では オフ です。チャットの吹き出しは「誰かがいる」という約束なので、SupDesk はあなたの判断を待ちます。

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

スニペットをサイトの HTML の </body> より前の任意の場所に貼り付けます。

<script src="https://acme.supdesk.app/chat.js" data-supdesk-chat data-title="Acme とチャット" async></script>

スクリプトはページの隅にフローティングのボタンを追加します。会話そのものはページが落ち着いてからフレーム内に読み込まれるため、クリックしない訪問者にはほとんど負荷がかかりません。

ウィジェットのオリジンとカスタムドメインは、同じルートドメインを共有する必要があります。 コンソールは常にアクティブなポータルのオリジンでスニペットを生成するため、カスタムドメイン 設定後にコピーしたスニペットはそのまま使えます。先に *.supdesk.app のサブドメインから スニペットをコピーし、後からカスタムドメインを追加した場合、リクエストはカスタムドメインに リダイレクトされますが、ローダーは両者がルートドメインを共有するときだけそのリダイレクトを 受け入れます(例: feedback.apibot.devwww.apibot.dev はどちらも apibot.dev 上にあり ます)。カスタムドメインが別のルート上にある場合は、コンソールからスニペットをコピーし直し てください。

これは 埋め込み が使う embed.js とは 別のローダー です。埋め込みはタグのある位置にフォームを差し込みますが、チャットボタンはページの上に浮かんでパネルを開きます。スクリプトを入れ替えないでください。

属性

属性必須説明
data-supdesk-chatはいこのタグをチャットローダーとして指定します。値は不要です
data-titleいいえボタンとフレームのアクセシブルなラベル。既定値は Chat with us
data-positionいいえright(既定)または left。ボタンを配置する隅

ウィジェットはプロジェクトのブランドカラーを自動的に反映し、画面が狭い端末では全画面表示になるため、入力欄がスマートフォンの画面外にはみ出しません。

フォームの埋め込みとは異なり、<noscript> の代替はありません。会話には JavaScript が必要であり、JavaScript が使えない訪問者にはお問い合わせフォームとポータルが残ります。

ポータルでの利用

自社サイトに手を入れたくない場合でも、ライブチャットを有効にすると同じチャットパネルが SupDesk のポータルに表示されます。スニペットは不要です。すでにログイン済みのポータル訪問者は、身元がわかっているためメールアドレスの入力を求められません。

チャットに応対する

チャットは他の会話と同じように メッセージ に届き、行に チャット のバッジが付きます。

  • — 会話が進行中で、未対応のものはありません
  • — 訪問者が待っています。最後のメッセージから数分返信がありません

一覧の上にある 進行中のチャット フィルターを使うと、進行中の会話だけを表示できます。隣の数字は現在開いている件数です。

会話の中では、ヘッダーにチャットが進行中か、待機中か、終了済みかが表示され、進行中のあいだは チャットを終了 ボタンが現れます。

チャットを終了する

チャットを終了 はライブセッションを終わらせます。訪問者のウィジェットは入力欄の提供をやめ、会話の見つけ方を案内します。スレッドが閉じるわけでは ありません

  • 会話は受信トレイと顧客のメッセージ履歴に残ります
  • 引き続き返信でき、返信はメールで届きます
  • 顧客がそのメールに返信すると、同じ会話に戻ってきます

会話全体が終わったときは クローズ(スレッドの状態)を、ライブの部分だけが終わったときは チャットを終了 を使ってください。

双方から 24 時間メッセージがないチャットは自動的に終了するため、誰もいないチャット欄が表示され続けることはありません。

「オンラインです」

ウィジェットがオンラインと表示するのは、チームの誰かが実際に メッセージ 画面を開いている間(直近 5 分以内)だけです。設定するスケジュールも、切り替えを忘れがちなステータスもありません。誰も受信トレイを見ていなければ、ウィジェットは「できるだけ早く返信します」と表示します。それが事実だからです。

プランへの計上

チャットは月間の割り当てから 1 件 を消費します。計上されるのは訪問者が最初のメッセージを送った時点で、その後どれだけ会話が続いてもお問い合わせフォームの 1 件と同じ扱いです。ウィジェットを開いて何も入力せずに閉じた場合は消費しません。

通知

チャットの最初のメッセージは、Slack、Webhook、プッシュ、そして即時通知を設定しているメンバーへのメールと、すべての経路でチームに通知されます。それ以降のメッセージは Slack、Webhook、プッシュのみです。

この使い分けは意図的です。チャットは短い発言の連続であり、1 行ごとにメールを送ると、本物のチケット通知も届くアドレスをチームがフィルターするようになってしまいます。

プライバシー

各訪問者の会話は、その訪問者のブラウザーとお客様のプロジェクトに限定されます。ウィジェットはセッションを自身のフレーム内に保存し、ブラウザーはそれをサイトごとに分離します。許可なくウィジェットを埋め込んだページには空のチャットが表示され、他人の会話が見えることはありません。サードパーティ Cookie も設定しません。

プラン制限

プランライブチャット
Free含まれません
Pro含まれます
Team含まれます

権限

操作OwnerAdminMember
チャットに返信する
チャットを終了する
ライブチャットの有効・無効を切り替える
Last updated on