2-11. チャット設定【Microsoft Teams(Webhook)】【作業：約20分】

このページはMicrosoft TeamsをWebhook版連携（旧連携方法）でご利用いただいている企業様向けの設定ページです。
2020/07/22以降にRECEPTIONISTに登録された方は2-6. チャット設定【Microsoft Teams】【作業：約17分】の設定を行ってください。

ここで設定すること

来客通知用グループの作成 【約5分】
Microsoft Teamsの連携設定 【約10分】
RECEPTIONIST管理画面の設定 【約5分】

この３つのステップで、Microsoft TeamsとRECEPTIONISTの連携設定を行います。
早速、はじめていきましょう！

来客通知用グループの作成　【約5分】

ここでいう来客通知用グループとは、Teamsのチャネルを意味します。
このページの手順では、チームを作成することで自動作成される『一般』チャネル向けに来客通知を行います。
もし、既にチームが存在しており、『一般』以外を利用したい場合は別途チャネルを作成ください。
また、既にチャネルも存在している場合はこのステップを飛ばして次の作業を行ってください。

　すでに来客通知用グループを作成済の場合

次の『Microsoft Teamsの連携設定』へスキップ

2-11(1)

ホーム画面の左側メニューから『チーム』>『チームを追加』>『チームを作成』をクリックし、作成画面を開きます。

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

2-11(2)

表示された画面で、「初めからチームを作成する」を選択し、

作成するチームの種類、プライベート／パブリックのいずれかを選択します。
（どちらでも来客通知は受け取れます。）

チーム名を指定して、作成をクリックします。
（ 例： RECEPTIONIST ）
→日本語、半角英数字を自由にご指定いただけます

2-11(3)

次の画面で、社員を追加することができます。
枠内に名前を入れて、右側の『追加』を押しましょう。
※この作業はあとから追加もできるので、スキップしても問題ありません。

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

お疲れ様でした！
これで来客通知用グループの作成は完了です。

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

こちらをご参照ください

Microsoft Teamsの連携設定　【約10分】

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

2-11(4)

来客通知用グループの下にできた『一般』の右端の『・・・』から『コネクタ』を選択します。

Tips『一般』以外のチャネルを作成し、そちらに来客通知を行う設定をすることも可能です。

 

Check「コネクタ」が表示されない場合は、一度Microsoft Teamsからサインアウトし再度サインインを行ってください。
Check来客通知用グループ（Teamsの「チーム」）を作成した直後は「コネクタ」が表示されない事象が確認されています。15分程度経過後には表示されるようになるので、しばらく時間を置いてから再度お試しください。

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

表示された画面で、左側の『すべて』が選択されている状態で、『Incoming Webhook』の右にある『追加』をクリックします。
Check『Incoming Webhook』が表示されない場合はこちらをご確認ください

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

表示された画面の、右下にある『インストール』をクリックします。

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

『Incoming Webhook』が表示されない場合

管理者による設定変更が必要です。
下記の対応を行うようOffice365の管理者へお伝えください。

1.
Office365管理センター＞左側メニュー下部の「Teams」を選択し、Microsoft Teams管理センターを表示します。

2.
Microsoft Teams管理センター左側メニュー「Teamsのアプリ」＞アプリを管理＞「名前で検索」ボックスにて「Incoming Webhook」を検索します。

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

3.
表示された「Incoming Webhook」文字部分をクリックし、画面遷移します。
Incoming Webhookの設定画面が表示されるので、「アプリの状態」を「許可済み」に設定ください。

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

以上の設定で、Incoming Webhookが表示されるようになります。

2-11(5)

①「名前」にRECEPTIONIST（もしくは、「来客通知」等アレンジ可能）を入力します。
Tips　こちらに設定した名前から通知を受け取る表示になります。
②アイコンには、以下のロゴ等を設定いただきます。

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

最後にページ下にある『作成』をクリックします。

 

■ロゴ
１クリックダウンロード

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

2-11(6)

ページがリロードされ、下の方に進むと、webhook URLが表示されています。
右側のコピーマークをクリックすることでwebhookURLをコピーし、『完了』を押します。
Tips　次の作業で使うため、時間が空く場合にはメモ帳などに上記コピーしたURLを貼り付けておいてください。

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

2-11(7)

メッセージの通知設定を行います。
Check Microsoft Teamsは、デフォルトではメッセージ受信しても、受信があった事を通知する設定になっておりません。そのため、メッセージの見落としを防ぐためにも、通知表示の設定をお願いします。
この設定は、社員のみなさまがそれぞれ設定する必要があります。

来客通知用グループの下にある『一般』の右端の『・・・』から『チャネルの通知』を選択します。
Tips『一般』以外のチャネルに来客通知を行う場合、そのチャネルに対して操作をしてください。

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

表示された画面で『すべての新しい投稿』の通知設定を『バナーとフィード』を選択して保存します。

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

Microsoft Teamsのメイン画面の右上にある自身の『アイコン』から『設定』を選択します。

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

表示された画面で、左側の『通知』を選択して以下を設定します。

Item Name	Detail
① フォローしているチャネル	・バナーとメール ・バナーのいずれかを選択しましょう。
② サウンド	・すべて ・通知、メンションおよびチャットのいずれかを選択しましょう。 （職場の環境によりご検討ください）

 

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

アプリの利用もご検討ください

上記の設定を行っても、Microsoft Teamsの特性によって、通知表示においては挙動に不安がある部分もございます。
（例えば、Microsoft Teamsを最小化している場合は、通知が行われない等）
ブラウザ上での挙動に不安がございましたら、デスクトップアプリやスマホアプリの導入をご検討くださいませ。

お疲れ様でした！　これでMicrosoft Teams側の連携設定は完了です。
表示されている画面を閉じてください。
 

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

RECEPTIONISTの設定を行います。

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

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

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

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

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

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

お疲れ様でした！　これでチャット設定は完了です。