Cookie 0クリック前の当社APIへのリクエスト 0メンバー無制限slack、discord、当社アプリで返信

/blog / ガイド

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

· 著者: kuba · 10分で読めます

3つのメッセージが並ぶSlack風のスレッド、返信欄でマグカップを持つSpookatの猫、そして#supportのラベル。

チームはもう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で名前を設定した、または非表示にした。

設定はこれで全部です。次に質問してくる訪問者には、いつも開いているスレッドから返信できます。

気に入ったら、ウェイトリストに登録を。

招待は少しずつ送っています。届いたら14日間無料、カード不要。