2-8. チャット設定【Google Hangouts Chat】【作業：約12分】

ここで設定すること

来客通知用チャットルームの作成 【約3分】
Google Hangouts Chatの設定 【約3分】
Google Hangouts Chatとの連携設定 【約2分】
RECEPTIONIST管理画面の設定 【約4分】

この４つのステップで、Google Hangouts ChatとRECEPTIONISTの連携設定を行います。
設定はGoogleの特権管理者アカウントでGoogle Hangouts Chatにログインしている状態で行って下さい。
早速、はじめていきましょう！

来客通知用チャットルームの作成　【約3分】

　すでに来客通知用チャットルームを作成済の場合

次の『Google Hangouts Chatの設定』へスキップ

2-8(1)

ホーム画面の左上にある『ユーザー、チャットルーム、bot を検索』 ボックス内をクリックします。

表示された中にある『チャットルームを作成』をクリックします。

2-8(2)

表示された『チャットルームを追加』画面で、チャットルーム名を入力し、『作成』ボタンを押して下さい。
Tips　来客通知用であることが分りやすいと便利です。特に指定がない場合、「RECEPTIONIST」と入れてください。
→日本語、半角英数字を自由にご指定いただけます

(画像をクリックすると拡大表示します)

2-8(3)

画面中央下で、来客通知用チャットルームが作成された表示を確認して下さい。

 

そのままの流れでユーザーを追加しますので『ユーザーとBOTを追加』をクリックして下さい。

(画像をクリックすると拡大表示します)

2-8(4)

ユーザーの追加画面が表示されますので、入力項目から社員を検索。該当社員を選択後に、右下の『送信』をクリックします。
Tips　メールアドレスでも社員を検索可能です。また、グループをそのまま招待することも可能です。

(画像をクリックすると拡大表示します)

お疲れ様でした！
これで来客通知用チャットルームの作成は完了です。

　あとからメンバーを追加する場合

メイン画面の左側のリストから該当チャットルームを選択します。上部のチャットルーム名の横にある下矢印をクリックして『ユーザーとbotを追加』をクリックしていただければ、ユーザー追加画面が表示されますので、社員を検索し追加することができます。

( 画像をクリックすると拡大表示します )

Google Hangouts Chatの設定　【約3分】

次に、RECEPTIONISTと連携させるためのGoogle Hangouts Chat側の設定を行います。

2-8(5)

メイン画面の左側のリストから該当チャットルームを選択します。上部のチャットルーム名の横にある下矢印をクリックして『Webhookを設定』をクリックして下さい。

(画像をクリックすると拡大表示します)

2-8(6)
以下の各項目を埋め、右下の『保存』をクリックします。

2-8(7)

webhook URLが作成されますので、右側のコピーマークをクリックしwebhook URLをコピーして下さい。
Tips　この後の設定でURL情報が必要ですので、メモ帳などに上記コピーしたURLを貼り付けておいてください。

(画像をクリックすると拡大表示します)

お疲れ様でした！　これでGoogle Hangouts Chat側の設定は完了です。

Google Hangouts Chatとの連携設定　【約2分】

次に、RECEPTIONISTとGoogle Hangouts Chatの連携設定を行います。
この設定はGoogleの特権管理者アカウントでGoogle Hangouts Chatにログインしている状態で行って下さい。
Check　RECEPTIONISTからHangouts Chatへの通知が正常に届かない場合には、再度こちらの連携設定を行って下さい。

2-8(8)
RECEPTIONISTの管理画面左側メニューから「チャット設定」をクリックし、Hangouts Chat行の右端「・・・」より、「Start」ボタンをクリックします。

( 画像をクリックすると拡大表示します )

2-8(9)

Googleアカウント選択画面で、対象のアカウントを選択します。

(画像をクリックすると拡大表示します)

2-8(10)

リクエスト許可画面で、「許可」ボタンをクリックします。

(画像をクリックすると拡大表示します)

Check このような画面が表示された場合は、【RECEPTIONIST（安全ではないページ）に移動】をクリックしていただくことで引き続き設定をお進めいただけます。
※Google審査前のアプリはこのような画面が表示されますが、RECEPTIONISTはすでに審査に出しており、現状も問題なくお使いいただけます。

(画像をクリックすると拡大表示します)

2-8(11)

RECEPTIONIST管理画面に自動的に切り替わり、「hangouts認証しました。」とメッセージが表示されます。

 

 

先ほど押した「Start」ボタンの下に、「認証済み」と表示されることを確認して下さい。

(画像をクリックすると拡大表示します)

 

お疲れ様でした！　これでRECEPTIONISTとGoogle Hangouts Chatの連携設定は完了です。

RECEPTIONIST管理画面の設定　【約4分】

最後に、RECEPTIONISTの設定を行います。

2-8(12)
RECEPTIONISTの管理画面左側メニューから「チャット設定」をクリックし、Hangouts Chat行の右端「・・・」をクリックします。

2-8(13)
以下の必須項目を入力し、最後に「設定を保存」をクリックします。

必須項目(赤)

正常に設定が保存されるのを確認しましょう。

2-8(14)
通知テストをしてみましょう。

このような通知が表示され、

来客通知用チャットルームに、「テスト通知」が届けば、設定は正常に完了です。

▼チャットルームへの通知例