提供: Bright Pattern Documentation
• English
サービスの名前を変更する
selectService メソッドを使用することで、エージェントの対応に使用されるサービスを変更できます。selectService を使用すると、設定済みの任意のサービス名を入力し、エージェントのサービスを切り替えることができます。
selectService は、dialNumber と組み合わせて使用することで、通話をより細かく制御できます。これらを併用することで、指定した電話番号への発信に使用するサービスを選択することができます。
selectService メソッドは、ウェブページ上のボタンなどのウェブ要素に紐付けることができます。ボタンがクリックされると、この API メソッドが処理されます。
この記事では、以下の方法を学びます：
- ボタンに selectService を紐付ける方法
- サービス名を入力するフィールドを追加する方法
- ボタンに dialNumber を紐付ける方法
- ダイヤルする電話番号を入力するフィールドを追加する方法
- サンプル JavaScript を HTML に埋め込む方法
selectService の使用方法
もちろん、ページ要素やエージェントデスクトップウィジェットの表示をスタイル設定する方法は数多くあります。以下はあくまで一例として提示するものです。
- サンプルコードを HTML ファイルの本文（body）内に貼り付けてください。これは、SDK を動作させるために必要な最低限の内容です。「<tenant>」を、ご使用のエージェントデスクトップ Web サーバーの名前に置き換えてください。
- 保存した後、Web ブラウザでページを開いてください。エージェントがログインしていることを確認してください。
- 設定済みのサービスは、エージェントデスクトップウィジェットのサービスセレクターに表示されます。これらは、selectService フィールドに入力できるサービス名です。
設定済みのサービス - サービス名と、ダイヤルする電話番号（任意）を入力してください。
状態が「監視中」から「受付可能」に変わります - Change Service by Name（名前でサービスを変更）をクリックすると、エージェントデスクトップウィジェット上でサービス名が変更されていることが確認できます。
サービスは直ちに切り替わります - Dial Number（番号をダイヤル）をクリックして通話を開始します。エージェントが「受付不可」の状態であっても、番号はダイヤルされます。
「番号をダイヤル」をクリックすると、通話が開始されます
サンプルコード
<script type="text/javascript" src="https://<tenant>.brightpattern.com/agentdesktop/libs/servicepattern-sdk-v1.js">
</script>
<iframe id="repeater" style="position:absolute; right: 8px; width: 300px; height: 700px;" src="https://<tenant>.brightpattern.com/agentdesktop/UniversalRepeater.jsp"></iframe>//エージェントデスクトップウィジェット（「repeater」）と表示プロパティ。ソース内では、「<tenant>」を実際のエージェントデスクトップ Web サーバー名に置き換えてください。
<input id="service" type="text" placeholder="Service name"/>//サービス名を入力するフィールド
<button onclick="bpspat.api.selectService(document.getElementById('service').value)">Change Service by Name</button>//selectService メソッドが紐付けられたボタン
<input id="number" type="text" placeholder="Dial number"/>//電話番号を入力するフィールド
<button onclick="bpspat.api.dialNumber(document.getElementById('number').value)">Dial</button>//dialNumber メソッドが紐付けられたボタン
<div id="log">Logs...//ログセクション。
<script type="text/javascript">//log 関数を使用して、要求されたデータをページに表示します。
window.bpspat.api.init("https://<tenant>.brightpattern.com");//この部分がスクリプトに含まれている場合にのみ、外部 Web ページに window.bpspat.api オブジェクトが表示されます。「<tenant>」を、実際のエージェントデスクトップ Web サーバー名に置き換えてください。
function log(data) {
let div = document.createElement("div");
div.innerHTML = JSON.stringify(data);
document.getElementById("log").appendChild(div);
}
</script>