ライブチャット
自社サイトにチャットウィジェットを設置すると、訪問者がリアルタイムで問い合わせできます。チャットは受信トレイの中の通常の会話であり、始まり方が速いだけです。
ライブチャットは プロジェクト設定 で有効にします。プロジェクトでプライベートメッセージが有効な場合のみ表示されます。
- 同じ受信トレイです: チャットはメールやポータルの会話と並ぶスレッドになります。同じ入力欄で返信し、同じ定型文を挿入し、同じ手順で完了できます。
- 取り残されるものはありません: 訪問者は最初のメッセージの前にメールアドレスを入力するため、すぐに応対できなかったチャットでもメールで届きます。
- 自社ドメインから配信されます: ウィジェットはポータルのサブドメインまたはカスタムドメインから配信されるため、顧客のブラウザーに第三者のチャットスクリプトは入りません。
- プラン制限: ライブチャットは Pro と Team でご利用いただけます。Pro
有効にする
- プロジェクトのサイドバーで 設定 を開きます
- プライベートメッセージ が有効になっていることを確認します。チャットはその受信トレイの会話なので、無効では動作しません
- ライブチャット を有効にします
- ライブチャットウィジェット までスクロールし、スニペットをコピーします
このスイッチは新規プロジェクトも含め、初期状態では オフ です。チャットの吹き出しは「誰かがいる」という約束なので、SupDesk はあなたの判断を待ちます。
サイトにウィジェットを追加する
スニペットをサイトの HTML の </body> より前の任意の場所に貼り付けます。
<script src="https://acme.supdesk.app/chat.js"
data-supdesk-chat
data-title="Acme とチャット" async></script>スクリプトはページの隅にフローティングのボタンを追加します。会話そのものはページが落ち着いてからフレーム内に読み込まれるため、クリックしない訪問者にはほとんど負荷がかかりません。
ウィジェットのオリジンとカスタムドメインは、同じルートドメインを共有する必要があります。
コンソールは常にアクティブなポータルのオリジンでスニペットを生成するため、カスタムドメイン
設定後にコピーしたスニペットはそのまま使えます。先に *.supdesk.app のサブドメインから
スニペットをコピーし、後からカスタムドメインを追加した場合、リクエストはカスタムドメインに
リダイレクトされますが、ローダーは両者がルートドメインを共有するときだけそのリダイレクトを
受け入れます(例: feedback.apibot.dev と www.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 | 含まれます |
権限
| 操作 | Owner | Admin | Member |
|---|---|---|---|
| チャットに返信する | ✓ | ✓ | ✓ |
| チャットを終了する | ✓ | ✓ | ✓ |
| ライブチャットの有効・無効を切り替える | ✓ | ✓ | — |