サイトのチャットにslackから返信する

チームはもうSlackにいるのだから、サイトのチャットもそこに届くべきです。このガイドでは、SpookatのサイトをSlackのチャンネルにつなぎ、チャットがどう表示されるかを示し、スレッドからできることをすべて紹介します。返信、担当、クローズ、メモ、そして訪問者に見える名前の管理です。
なぜslackから返信するのか
チャットの速さは、それを見る人の速さで決まります。チャットが別のダッシュボードに届くと、誰かがそのタブを開いておかなければならず、昼ごろにはそのタブは画面上のほかのものに負けています。Slackのチャンネルに届けば、チームが一日中読んで書いている場所に現れます。
あとはそこから自然に決まります。チャンネルの誰でも返信できるので、受信箱の見張り当番は要りません。訪問者ごとにスレッドが分かれるので、2つのチャットが混ざることはありません。そしてスレッドは普通のSlackのスレッドなので、いつも使っている機能(メンション、リアクション、検索)がそのまま使えます。
Spookatにシート課金はありません。チャンネルの誰でも返信でき、料金はサイト単位で、broke afなら月$4.99です。
始める前に
必要なものは3つです。
- スニペットを設置済みのSpookatのサイト。 まだなら、基本ガイドで手順とDevToolsでの確認方法を説明しています。
- アプリを追加できるSlackワークスペース、または追加できる人。管理者でない場合は下で説明します。
- チャット用のチャンネル。 新しく作った
#supportや#website-chatがおすすめです。雑談に埋もれません。プライベートチャンネルでも使えます。
slackをつなぐ
1. ダッシュボードから始める
ダッシュボードでサイトを開き、チャンネルの画面に進みます。Slackを選びます。接続の承認は、私たちのアプリではなくSlack自身のページで行うので、何を求められているかをそのまま確認できます。
求める権限とその理由です。メッセージとスレッドの投稿(ボットではなく、書いたのが訪問者かチームメンバーかがわかる独自の名前で)、/spookatコマンド、選んだチャンネルへの参加、チャンネルを選べるようにするための一覧取得、誰が返信したか訪問者にわかるよう、チームメンバーのSlackプロフィールからの下の名前の読み取り、そして返信を訪問者に届けるため、自分が始めたスレッド内のメッセージとリアクションの読み取りです。
2. チャンネルを選ぶ
承認すると、ダッシュボードにワークスペースのチャンネル一覧が表示されます。1つ選んでください。公開チャンネルなら、Spookatが自分で参加します。プライベートチャンネルの場合は、先にSpookatアプリを招待してください。アプリが入ると一覧に表示されます。
Spookatはチャンネルに「Send a test chat」ボタン付きの短いあいさつを投稿します。押してみてください。架空のテスト訪問者からのチャットがチャンネルに届くので、配信が動いていることと、カードの見た目がわかります(本物のカードにはページ、ブラウザ、国も表示されます)。テスト訪問者には返信を読むウィジェットがありません。一連の流れを試すなら、サイトを開いてウィジェットからメッセージを送り、そのスレッドで返信してください。
3. そこの管理者ではない場合
ワークスペースへのアプリ追加がほかの人の役目なら、ダッシュボードがその人向けのリンクを発行します。1回だけ使え、有効期間は7日間で、相手はSpookatのアカウントを持っている必要はありません。Slackのページで承認してチャンネルを選べば完了です。
コマンドライン派のためのコードもあります。ダッシュボードに接続コードが表示されるので、チャンネルで/spookat connect CODEを実行するとサイトがつながります。
slackでのチャットの見え方
訪問者が最初のメッセージを送ると、Spookatはチャンネルにカードを投稿します。
- 見出し:
new convo · SP-0001。チャンネルの人が気づくよう@here付きです。SP-0001はチャットの参照番号で、受信箱とAPIでも同じものを使います。 - どこから来たか:訪問者がいたページ、ブラウザ、国。アプリがログイン中のユーザーを渡している場合(cool guy)、カードにはIDと一緒に
logged in asも表示されます。 - ステータスと担当者:オープンかクローズか、誰が担当しているか、または「nobody yet」。
- 3つのボタン:Reply、Take、Close。
訪問者からのメッセージは、すべてカードのスレッドへの返信として届きます。ステータスや担当者が変わるとカード自体が更新されるので、チャンネルはひと目で状況がわかります。
返信する
スレッドで返信する。 スレッドに書いたことは、すべて訪問者のウィジェットに届きます。それだけです。コマンドも接頭辞も要りません。
またはカードのReplyを押す。 小さなフォームが開きます。スレッドが長いときやスマートフォンのときに便利です。
社内メモ。 メッセージを//で始めると、社内だけのメモになります。チームにはスレッドで見えますが、訪問者には一切見えません。同僚に質問したり、次に対応する人へ経緯を残したりするのに使ってください。
担当する。 Takeを押すか、スレッド内のメッセージに:raised_hand:でリアクションします。チャットがあなたに割り当てられ、カードにあなたの名前が表示されます。ほかの人が返信できなくなるわけではなく、担当者を示すだけです。
クローズする。 Closeを押すか、:white_check_mark:でリアクションします。訪問者から新しいメッセージが来ると再オープンされます。
編集・削除。 Slackで返信を編集すると、ウィジェットには新しいテキストが「編集済み」付きで表示されます。削除すれば訪問者からも消えます。返信メールがすでに送られていた場合、そのメールは送られたままです。
訪問者が離れていたら
訪問者はタブを閉じます。チャットでメールアドレスを残していて、あなたがcool guy以上なら、返信は送信から約2分後にメールで届きます。複数の返信は1通にまとめられ、ウィジェットの言語で送られます。メールからチャットに戻れます。broke afでは、返信は次の訪問までウィジェットで待機します。
履歴はbroke afで30日、cool guyで90日、vc moneyで365日保存されます。
訪問者からの見え方
訪問者には、返信の横に名前が表示されます。最初の返信時に取得したSlackの名前です。表示のされ方は、サイトごとに/spookat meで変えられます。
/spookat meは、訪問者に見える名前を表示します。/spookat me name Martaで名前を変更します。/spookat me hideで、自分の名前の代わりにサイト名で返信します。/spookat me showで元に戻します。/spookat me linkは、15分間有効なワンタイムリンクを発行し、Slackアカウントとダッシュボードのログインを結びつけます。すると受信箱の「mine」フィルターとSlackでの返信が同じ人として扱われます。これ自体は何の権限も与えません。
Slackがしないことが1つあります。あなたが入力中であることを誰にも知らせません。そのため、Slackで書いている間、訪問者に「Martaが入力中…」とは表示されません。送信した時点で返信が表示されます。
コマンド
| コマンド | 内容 |
|---|---|
/spookat connect CODE |
サイトをこのチャンネルにつなぐ |
/spookat close SP-0001 |
チャットをクローズする |
/spookat block SP-0001 |
そのチャットの訪問者をブロックする |
/spookat me |
訪問者からの見え方を表示・変更する |
スパムを送る訪問者は、メッセージのショートカット「Block visitor」や受信箱からもブロックできます。すると、その人のチャットにはメッセージを受け付けていない旨が表示され、送られたものはあなたに届きません。
役に立つ習慣
- サイトごとに1チャンネル。サイト同士で同じチームを共有している場合は別です。vc moneyなら、1つのサイトのチャットを言語、ページ、国で複数のチャンネルに振り分けることもできます。
- チャンネルをサイドバーのスター付きに入れて、
@hereに仕事をさせましょう。ミュートすると、誰も開かない2つ目のダッシュボードを作ったのと同じです。 :raised_hand:は遠慮なく使う。 担当するのにコストはかからず、2人が同じ返信を書くのを防げます。- 次の人のためにメモを残す。
// asked about bulk pricing, waiting for a quote from Olaのようなメモがあれば、次の人がスクロールせずに済みます。
spookatがslackでしていること
Spookatはカードと訪問者のメッセージを投稿し、自分が始めたスレッド内の返信、リアクション、ボタン操作を受け取ります。何かを復元するためにチャンネルの履歴を読むことはありません。チャットはすべて先に私たちの側で保存され、Slackにはそのコピーが送られます。ワークスペースからアプリを削除しても、チャットはダッシュボードの受信箱に残ります。
あるチャットの最初から最後まで
最初の本番チャットの前に流れがつかめるよう、チーム側から見たチャットの一例です。
/pricingを見ていた訪問者が、年額プランを請求書払いにできるか尋ねます。カードが@here付きで#supportに届きます。new convo · SP-0014、/pricing · safari ios · DE、ステータスはオープン、担当はまだいません。最初に気づいたOlaが:raised_hand:を付け、カードに彼女が担当と表示されます。
請求書について確信がないので、彼女はスレッドに// @Kuba do we do invoices on yearly?と書きます。訪問者には何も見えません。Kubaがスレッドで別の//メモを返します。Olaはスラッシュなしで訪問者に返信します。はい、請求書は支払いと一緒に会社名義で届きます。訪問者には返信の横に「Ola」と表示され、お礼を言ってタブを閉じます。
Olaが:white_check_mark:を付けます。カードがクローズに変わります。2日後、同じ訪問者が同じブラウザで追加の質問をしてきます。チャットは再オープンされ、カードが更新され、メモも含めた履歴がすべてスレッドに残っています。
誰もダッシュボードを開きませんでした。新しく覚えたのは、絵文字2つとスラッシュ2本だけです。
チェックリスト
- スニペットがサイトに入っていて、DevToolsで確認した。
- Slackを接続し、チャンネルを選んだ。
- テストチャットが表示され、サイトのウィジェットから送ったメッセージに返信が届いた。
- 返信する人は全員チャンネルにいて、
//、:raised_hand:、:white_check_mark:を知っている。 /spookat meで名前を設定した、または非表示にした。
設定はこれで全部です。次に質問してくる訪問者には、いつも開いているスレッドから返信できます。