サイトの訪問者とリアルタイムでチャット出来る「Spot.IM」って面白い

2014年12月4日

この記事は最終更新日から10年経過しています。内容が古い可能性があります。

Facebookに「webクリエイターのための情報交換所」という有用なグループがあり、いつもさんこうにさせていただいてます。昨日、後藤さんの投稿で、Spot.IM　というチャットコミュニケーションツールについて知って、早速導入してみました。とてもおもしろいので、それについて書きます。

グループページで紹介されてた、

CPIスタッフブログこれは使えそう！なチャットコミュニケーションツール（Spot.IM）の紹介

がとても参考になりました。

記事をざっと見る

Spot.IMって何？

よく大手のサイトに行くと、「チャットで担当者に質問」みたいなものがありますよね。このSpot.IMはそんな感じでも使えそうなツールです。

まずはどんな風に動くか、をご紹介します。コワーキングスペース八王子 8Beatに導入したので、こちらの場合ではどうなるのかで説明します。

Spot.IMを導入したサイトの右下端もしくは左下端（サイドは選べます）に

こういう感じでバルーンが出ます。バルーンに出る画像は登録した人が設定した画像です。これをクリックすると、

こんな感じのチャット画面が出るので、発言してみます。導入した人が発言するとアイコンの上に王冠マークが出て、所有者ということが分かります。

そして、こんな感じでサイトを訪れた人とリアルタイムでやりとりをすることができます。

Spot.IMの設定方法は超簡単でした

発言を見てから15分もかからずに設置が終了したぐらい簡単でした。まず、

Spot.IM

ページに行きます。右上にある、

Sign In Add Spot.IM to Your Site をクリック、

この画面がポップアップされるので、どれかのSNSのIDでログインします。8Beatの場合、FacebookのIDを使います。

そのブラウザでログイン中でなければこの画面が出るので入力します。

確認画面が出るので内容に納得がいけばOKをクリックします。

新しいスポット（Spot.IMでは各サイトに付けるチャット画面をスポットと呼ぶようです）の登録画面です。

登録画面（上）、このように入力しました。

Spot Name（スポット名）　8Beat
Spot Category（スポットカテゴリー） Event　＊リストから選ぶのですが全くあてはまるなモノが無くて(^_^;
Allow Languages(許可する言語） English Japanese ＊Englishは最初から入っていて外すことはできないので、Japaneseを追加

Upload Your Spot Logo（スポットのロゴをアップロード） サイトのロゴをアップロードしてみました
Positioning（位置）　右か左か選べるようだったので右にしてみました。
Brand Color（ブランドカラー） 蜂ということで黄色っぽい色にしました。

ここまで入力したら Save and generate code（保存してコードを作る）　をクリックします。

ボタンを押すとこのような画面になります。一番上の、テキストエリア（ぼかしてます）にあるコードをコピーして取っておきます。

8beat.tokyoの場合はWordPressを使っているので使っているテーマのフォルダ（wp-contents/themes/使っているテーマ/）にある、header.phpを開きます。

の直下に先ほどコピーしたコードをペーストして保存します。そして、サイトのサーバーにアップします。

設定はこれだけです。これでサイトの右下にSpot.IMのバルーンが出るようになります(^^)/

iPhoneで使ってみる

iPhoneからSpot.IMを利用するには専用のアプリを利用します。Spot IM　で検索すると

このアプリが見つかるのでインストールします。

personal code というのがちょっと分からなかったのですが、色々調べて分かりました。PCで、Spot.IMのバルーンをクリックしたとき

右下のこの部分にある　Continue from mobile　という文字をクリックします。

この画面が出ますので、　Get verification code をクリック

この画面の　xxx-xxx　という所に数字3桁ずつで表示されます。この数字を先ほどのiPhoneアプリに入力（ハイフンは自動的に入ります）すると

認証が終わって使えるようになります(^^)/

まとめ：Spot.IMを使う利点と注意点

このように簡単に無料でSpot.IMを使ってサイトにリアルタイムチャットを付けることができます。コワーキングスペース八王子 8Beatのように、営業時間中はほぼ受付に座っている人がチャットに対応できる状態だと使い勝手がいいと思います。人数の少ない会社のサイトとかにつけると対応があまり早くできなかったりするのかなーと思ったりもするのでその辺は考えどころでしょうか。

注意点としては一般的な相談窓口チャットは入力した人と窓口の人の会話はクローズドだと思われます。しかし、このSpot.IMはデフォルトでは全ての人が今までの会話内容を見ることができるのでそこをサイト訪問者の方が理解してないと個人的な情報（電話番号とか）を入れられたときに困ってしまいます。

管理者でログイン中であれば、このように　Delete Message でメッセージを削除　したり、悪質なユーザーであれば Kick User でユーザーを排除することができます。とはいえ、あまり放っておくとどんなことが書かれるかわからないのでちゃんとチェックして管理しておいたほうが良さそうです。

またデフォルトでは全員のチャットですが、それとは別にダイレクトチャットというやり方があります。それを使えば１対１でチャットができます。