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を設定』をクリックして下さい。

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

表示された画面から左下にある『＋WEBHOOKを追加』をクリックします。

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

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

Item Name	Detail
① 名前	これが通知用Bot名になりますので、来客通知用であることがわかりやすいと便利です。特に指定がない場合、「RECEPTIONIST」と入れてください。
② アバターのURL	通知用Botのアイコン画像となります。ご準備されているアイコンがあれば、URLをご入力いただきアイコンを設定して下さい。特にご指定がなければ、未設定のままで大丈夫です。

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)
以下の必須項目を入力し、最後に「設定を保存」をクリックします。
必須項目(赤)

Item Name	Detail
① このチャットアプリケーションを使用する	チェックを入れてください。
② 常に基本通知先に通知する	来客通知を常に基本通知先にも通知することができます。 Tips　常に基本通知先にも通知するとは
③ Webhook URL	2-8(7)でコピーした文字列を貼り付けて下さい。