提供: Bright Pattern Documentation
移動先: 案内、 検索
(Created page with "=== 新しいチャットシナリオエントリーの追加方法 === # '''チャットシナリオエントリーの追加'''ボタンをクリックします。<br /><br /...")
(Created page with "''ウェブページ専用のHTMLスニペット''の例は以下の通りです。")
 
(35 intermediate revisions by the same user not shown)
Line 27: Line 27:
 
=== 新しいチャットシナリオエントリーの追加方法 ===
 
=== 新しいチャットシナリオエントリーの追加方法 ===
 
# '''チャットシナリオエントリーの追加'''ボタンをクリックします。<br /><br />
 
# '''チャットシナリオエントリーの追加'''ボタンをクリックします。<br /><br />
−
# プロパティタブでは、必要なプロパティを指定します（必須と任意のプロパティについて以下を参照）。各プロパティの定義については、''コンタクトセンター管理者ガイド''の[[Contact-center-administrator-guide/Messaging|メッセージ送信/チャット]]をご覧ください。
+
# プロパティタブでは、必要なプロパティを指定します（必須と任意プロパティについて以下を参照）。各プロパティの定義については、''コンタクトセンター管理者ガイド''の[[Contact-center-administrator-guide/Messaging|メッセージ送信/チャット]]をご覧ください。
  
−
=== Required Properties ===
+
=== 必須プロパティ ===
−
In the Properties tab, make sure to address the following fields right now. These are critical to chat configuration.<br /><br />[[File:Chat-Config7A-52.png|thumb|800px|center|Messaging/Chat scenario entry properties that you need to address for chat to work]]
+
プロパティタブで、次のフィールドにすぐにアクセスします。これらは、チャット設定プロセスに不可欠です。<br /><br />[[File:Chat-Config7A-52.png|thumb|800px|center|チャットを利用可能にするためにアクセスをするメッセージ送信/チャットシナリオエントリーのプロパティ]]
−
* '''Name''' - The unique name (any) of the chat scenario entry (e.g., "Redwood Chat")
+
* '''名前'''：チャットシナリオエントリーのユニークな名前です  (例： "Redwood Chat")
  
−
* '''Unique identifier''' -  An automatically generated, long string of characters that identifies the chat entry (e.g., "1f03f4090e4b4ffe8bb55365812e7a06")
+
* '''ユニークな識別子''' ：チャットエントリーを識別する自動生成の長い文字列 (例："1f03f4090e4b4ffe8bb55365812e7a06")
  
−
* '''Scenario''' - Choose the Chat Scenario you selected or created in step 1 of this procedure (e.g., "Super Chat"). This is where the parts come together to make chat possible.
+
* '''シナリオ'''：この手順のステップ１で選択または作成されたチャットシナリオを選択します(例： "Super Chat")。このプロパティは、チャットを可能にするのに必要な要素を集めます。
  
−
* '''Service''' -  Choose the Chat Service you selected or created in step 2 of this procedure (e.g., "Pacific Chat"). This is where the parts come together to make chat possible.
+
* '''サービス''' ：この手順のステップ２で選択または作成されたチャットサービスを選択します(例： "Pacific Chat")。このプロパティは、チャットを可能にするのに必要な要素を集めます。
  
−
=== Other Properties ===
+
=== その他プロパティ ===
−
The remaining properties are optional at this time. You can come back to them later.
+
その他のプロパティは任意です。後でも入力できます。
  
−
* '''Default service for voice callback''' - Select a voice service if your agents will need to make a call (note: it needs to be a voice service).
+
* '''音声コールバックの既定サービス''' - エージェントが電話をかける必要がある場合、音声サービスを選択します (注: 音声サービスでなければなりません)。
  
−
* '''Merge sessions for identified contacts''' - This checkbox is what makes omnichannel possible (i.e., a recognized Facebook Messenger chat session or a recognized phone number can be merged together).
+
* '''特定コンタクトを対象とするセッションの統合''' - このチェックボックスを選択することによって、オムニチャネル機能が利用可能になります (つまり、認識されたフェイスブックメッセンジャーのチャットセッションまたは電話番号が統合できます)。
  
−
* '''Web HTML snippet''' - Come back to this button after you have completed and saved all your properties options. The HTML snippet is what you will be embedding into your webpages in order to make chat functional
+
* '''Web HTML スニペット''' - 全てのプロパティ設定を完了・保存してからこのボタンを使います。HTMLスニペットは、チャットが利用できるためにウェブページに埋め込むものです。
  
−
* '''Full chat code for local hosting''' - Click this if you will be customizing chat and hosting it on your own website. Bright Pattern provides this code for customers whose websites do not accommodate integration with Bright Pattern chat.
+
* '''ローカルホスティング用の完全チャットコード''' - チャットをカスタマイズしウェブサイトでホスティングする場合、このオプションをクリックします。Bright Patternは、 Bright Patternチャットと統合しないウェブサイトを運営するお客様に対してこのコードを提供します。
  
−
* '''Requested skills''' - The auxiliary skills that agents need in order to accept a chat
+
* '''必要なスキル''' - エージェントがチャットを受け入れるために必要な補助スキルを意味します。
  
−
* '''SMS/MMS access numbers''' - Phone numbers that will be used for receiving/sending SMS/MMS messages from/to customers. All incoming messages to this account will start the chat scenario. If no such accounts are not selected here, your scenario is strictly web chat.
+
* '''SMS/MMSアクセス番号''' - SMS/MMSメッセージを送受信するのに使う電話番号を意味します。このアカウントで受信されるメッセージは、チャットシナリオを開始します。このアカウントが選択されていない場合、シナリオはウェブチャットとなります。
  
−
* '''Messenger Accounts''' - The social messenger accounts that will be used for receiving/sending messages from/to customers. All incoming messages to this account will start the chat scenario. Note that in order to use messenger accounts, messenger integration accounts must be configured for your contact center. If no such accounts are not selected here, your scenario is strictly web chat.
+
* '''メッセンジャーアカウント''' - 顧客との間でメッセージの送受信に使用されるソーシャルメッセンジャーアカウントを意味します。このアカウントで受信されるメッセージは、チャットシナリオを開始します。メッセンジャーアカウントを使用するには、貴社のコンタクトセンターでメッセンジャーと統合するアカウントを設定する必要があります。このようなアカウントが選択されていない場合、シナリオはウェブチャットとなります。
  
−
* '''Bot / Chat suggestions engine''' - The engine that will provide suggested replies to the agent during chat. Note that in order to use a bot/chat suggestions engine, you must have an integration account configured for your contact center.
+
* '''ボット/ チャットのサジェスト機能エンジン''' - チャット中にエージェントに対して返信文の候補を提供するエンジンを意味します。ボット/チャットのサジェスト機能エンジンを使用するには、貴社のコンタクトセンターで統合アカウントを設定する必要があります。
  
−
* '''Connect agent by phone automatically''' - When selected, this option enables automatic connection of an agent to a phone number that a customer sends. If not selected, the agent must take the additional step to dial a number manually.
+
* '''電話の自動接続''' - このオプションを選択すると、お客様が送信した電話番号への自動接続が可能になります。選択しないと、エージェントは電話をかける前に電話番号を手動で入力します。
  
−
* '''Connect after delay of''' - If Connect agent by phone automatically is selected, you may configure a delay (in seconds) for the connection between agent and customer.
+
* '''接続するまでの時間''' - 上記の「電話の自動接続」を選択することによって、エージェントとお客様との接続を延長できます（秒単位）。
  
−
* '''Queueing priority''' - The priority level of the customer in the queue (e.g., “1” is high priority, “3” is low, etc.). Leave the queuing priority as-is unless you want to de-prioritize the caller.
+
* '''優先キューイング''' - キューイングを行う際の顧客優先度を意味します (例えば、“1” は優先度が高く、 “3”は優先度が低いなど)。発信者の優先度を変更する必要がない限り、キューイングの優先度を初期のままにします。
  
−
* '''Chat nick for system messages''' - The name for this scenario entry that will be shown with system messages sent to customers in the chat (e.g., “Redwood Customer Service has joined the chat!”)
+
* '''システムメッセージ専用のチャットニックネーム''' - チャット内でお客様へ送信されるシステムメッセージと一緒に表示されるシナリオエントリー名を意味します (例えば、“Redwood カスタマーサービスはチャットに追加されました!”)
  
−
* '''How long an agent could wait for reply before chat times out''' - The amount of time (in minutes) between replies for the session to timeout
+
* '''チャットがタイムアウトするまでエージェントが返信を待つ時間''' - セッションがタイムアウトになるまでの返信待ち時間（分単位）を意味します。
  
−
* '''How long a client browser may stay unresponsive before chat times out''' - The amount of time (in minutes) that the browser has been idle for the session to timeout. Note: If you are in an area where service is bad, you may want to increase the timeout.
+
* '''チャットがタイムアウトするまでブラウザーの無応答状態が続く時間''' - セッションがタイムアウトするまでブラウザの無応答状態が続く時間を意味します（分単位）。ご注意: 接続が悪い環境にいる場合、タイムアウトの時間を延長することができます。
  
−
* '''Visible to agents''' - When this checkbox is selected, this scenario entry will appear as an entry for all new chat sessions and chat transfers (e.g., agents can receive the chat from a different service). Note that services are added in the Directory folder.
+
* '''エージェントディレクトリに表示''' - このチェックボックスが選択されている場合、当該のシナリオエントリーは新しいチャットセッションおよびチャット転送のエントリーとして表示されます (つまり、エージェントはチャットを別のサービスから受信できます)。これらのサービスは、ディレクトリフォルダーに追加されます。
  
−
* '''Scenario parameters''' - This section will be deprecated.
+
* '''シナリオパラメータ''' - このセクションは廃止予定です。
  
−
* '''Chat session icon''' - Allows you to set an image to this scenario entry (i.e., in chat, will override the agent’s image in the chat widget). This property will be deprecated. The chat session icon can be added in Chat Widget configuration. See section Chat Widget tab > Chat Styling > Show agent pic.
+
* '''チャットセッションアイコン''' - シナリオエントリーに画像のアップロードを可能にするプロパティです (その場合、チャットウィジェットのエージェントの画像が上書きされます)。このプロパティは廃止予定です。チャットセッションアイコンは、チャットウィジェット設定に追加できます。チャットウィジェットタブ > チャットスタイル > エージェント画像の表示をご覧ください。
  
  
−
== Step 4: Edit Chat Widget Style ==
+
== ステップ 4: チャットウィジェットスタイルを編集します。 ==
−
You can edit the appearance (i.e., color, font size, location, etc.) of the chat widget in the ''Chat Styling'' section. This step is important to complete; if you don't do this, your contact tab (see Step 5 of this procedure) will not appear in preview.
+
チャットウィジェットの外観（色、フォントサイズ、位置など）を編集するには、''チャットスタイル''をご覧ください。必ずこの操作を行って下さい。そうしないと、コンタクトタブ (ステップ5参照)がプレビューモードで表示できません。
−
# Click on the ''Chat widget'' tab.<br /><br />
+
# ''チャットウィジェット'' タブをクリックします。<br /><br />
−
# Beneath ''Chat Styling'', click '''edit'''.<br /><br />[[File:Chat-Config14.PNG|thumb|800px|center|Chat Styling > edit]]<br /><br />
+
# ''チャットスタイル''の下にある'''編集'''をクリックします。<br /><br />[[File:Chat-Config14.PNG|thumb|800px|center|チャットスタイル > 編集]]<br /><br />
−
# The Chat Widget Configuration editor will open in a new browser tab or window. Edit the [[Chat-widget-configuration-guide/ChatWidgetStyling|Chat Widget Styling properties]] and fields as desired. At the most basic level, you can leave everything as-is at this point and save your changes. You can come back to this later.<br /><br />[[File:Chat-Config-25-52.PNG|thumb|800px|center|Chat Widget Configuration editor in new browser tab/window]]<br /><br />
+
# チャットウィジェット設定エディタは新しいブラウザタブまたはウィンドウで開きます。[[Chat-widget-configuration-guide/ChatWidgetStyling|チャットウィジェットスタイルプロパティ]] とフィールドを編集します。最も基本的な設定として、現状のままにし、変更を保存できます。後で再設定が可能です。<br /><br />[[File:Chat-Config-25-52.PNG|thumb|800px|center|新しいブラウザタブ/ウィンドウで開くチャットウィジェット設定エディター]]<br /><br />
−
# At the bottom of the screen, click '''Save'''.
+
# 画面の下にある'''保存'''をクリックします。
  
−
== Step 5: Add a Contact Tab ==
+
== ステップ 5: 問い合わせタブを追加します。 ==
−
In order for this chat scenario entry to work, you must add a contact tab for the chat widget. If you don’t do this, your webpage will not display the chat widget!<br /><br />
+
このチャットシナリオエントリーを有効にするには、問い合わせタブをチャットウィジェットに追加します。そうしないと、ウェブページにはチャットウィジェットが表示されません。<br /><br />
−
# Click on the ''Chat widget'' tab.<br /><br />
+
# ''チャットウィジェット''タブをクリックします。<br /><br />
−
# Beneath ''Chat Initiation via Contact Tabs'', click '''add'''.<br /><br />[[File:Chat-Config14.PNG|thumb|800px|center|Add a new contact tab]]<br /><br />
+
# ''問い合わせタブを使用してチャット開始''の下にある'''追加'''をクリックします。<br /><br />[[File:Chat-Config14.PNG|thumb|800px|center|新しい問い合わせタブの追加]]<br /><br />
−
# The Chat Widget Configuration editor will open in a new browser tab or window. Edit the [[Chat-widget-configuration-guide/ContactTab|properties]] and fields as desired.<br /><br />[[File:Chat-Config8.PNG|thumb|800px|center|Chat Widget Configuration editor in new browser tab/window]]<br /><br />
+
# チャットウィジェット設定エディタは新しいブラウザタブまたはウィンドウで開きます。必要に応じて[[Chat-widget-configuration-guide/ContactTab|プロパティ]] およびフィールドを変更します。<br /><br />[[File:Chat-Config8.PNG|thumb|800px|center|新しいブラウザタブ/ウィンドウで開くチャットウィジェット設定エディター]]<br /><br />
−
# '''Optional:''' To preview how the contact tab will look on your webpage, enter your URL in the ''Preview URL'' field and click '''Apply'''. Your webpage will load on the screen with the contact tab on it, and you will be asked to confirm whether you see the content.<br /><br />[[File:Chat-Config-26-52.PNG|thumb|800px|center|Example preview URL shows the webpage but not the chat widget]]<br /><br />Some websites are protected from being embedded into third-party websites; if this is the case, you will see the message “Chat widget not found!” in red. To preview the contact tab without your webpage displayed, leave the ''Preview URL'' field empty.<br /><br />[[File:Chat-Config10.PNG|thumb|800px|center|When left empty, Preview URL shows no webpage content]]
+
# '''オプション:''' ウェブページでの問い合わせタブのプレビューを表示するには、''URLプレビュー'' フィールドにURLを入力して'''適用'''をクリックします。問い合わせタブが表示されたウェブページと、コンテンツの表示について確認メッセージが表示されます。<br /><br />[[File:Chat-Config-26-52.PNG|thumb|800px|center| URLプレビュー例にはウェブページが表示されますが、チャットウィジェットが表示されません。]]<br /><br />一部のウェブサイトは、別のサイトに不正に埋め込まれないように保護されています。その場合、 “チャットウィジェットが見つかりません!” という赤い文字のメッセージが表示されます。ウェブページを表示せず問い合わせタブのみをプレビューするには、''URLプレビュー''フィールドを空白のままにします。<br /><br />[[File:Chat-Config10.PNG|thumb|800px|center|フィールドが空白である場合、URLプレビューでウェブページのコンテンツが表示されません。]]
−
# '''Required:''' At the most basic level, these actions are required right now:<br /><br />* '''Name''' - The unique name (any) for this new contact tab<br /><br />* '''Save''' - Click to save changes<br /><br />
+
# '''必須項目:''' 少なくとも、以下の操作が必要です:<br /><br />* '''名前''' - 新しい問い合わせタブにユニークな名前を付けます。<br /><br />* '''保存''' -クリックし、変更を保存します。<br /><br />
−
# Back in the ''Chat widget'' tab, go to ''Chat Initiation via Contact Tabs''.<br /><br />
+
# ''チャットウィジェット'' タブに戻り、 ''問い合わせタブを使用してチャット開始''へ進みます。<br /><br />
−
# Beneath the contact tab you just added, click '''add url'''.<br /><br />[[File:Chat-Config12.PNG|thumb|800px|center|Make sure you add the URL of your webpage]]<br /><br />
+
# 先ほど追加した問い合わせタブに下にある'''urlの追加'''をクリックします。<br /><br />[[File:Chat-Config12.PNG|thumb|800px|center|ウェブページのURLを必ず追加します。]]<br /><br />
−
# Enter the path relative to your root, being sure to exclude port, domain, protocol. For example, for '''https://mysite.com:8443/folder/folder/page.html''', you could enter '''/folder''' or '''/folder/folder''' or '''/folder/folder/page.html'''. Click the green checkmark to apply your changes.<br /><br />
+
# ポート・ドメイン・プロトコルを除いてルートに関連するパスを入力します。例えば、 '''https://mysite.com:8443/folder/folder/page.html'''の場合、 '''/folder'''または '''/folder/folder''' または'''/folder/folder/page.html'''を入力できます。 緑色のチェックマークをクリックし、変更を確定します。<br /><br />
−
# '''Optional:''' At this time, you may add or edit any of the other ''Chat widget'' tab sections. You can always come back to this for further changes.<br /><br />
+
# '''オプション:''' この時点で、他の''チャットウィジェット''タブセクションを追加または変更できます。後でも変更が可能です。<br /><br />
−
# At the bottom of the screen, click '''Apply''' to save your changes.
+
# 画面の下にある'''適用'''をクリックし、変更を保存します。
  
  
−
== Step 6: Get the HTML ==
+
== ステップ 6: HTMLを取得します。 ==
−
# Go back to ''Properties tab > Web HTML snippet''.<br /><br />
+
# ''プロパティタブ > Web HTML スニペット''へ戻ります。<br /><br />
−
# Click the '''HTML snippet''' button. The HTML snippet is the code for the chat widget you just configured.<br /><br />[[File:Chat-Config15.PNG|thumb|800px|center|In the Properties tab, click "HTML snippet"]]<br /><br />
+
#'''HTMLスニペット''' ボタンをクリックします。HTMLスニペットとは、先ほど設定したチャットウィジェットのコードを意味します。<br /><br />[[File:Chat-Config15.PNG|thumb|800px|center|プロパティタブの"HTMLスニペット"をクリックします。]]<br /><br />
−
# The ''HTML Snippet for Web Page'' dialog will open.<br /><br />[[File:Chat-Snippet-a-54.png|thumb|800px|center|HTML Snippet for Web Page dialog]]<br /><br />
+
# ''Webページ専用のHTML スニペット''ダイアログボックスが表示されます。<br /><br />[[File:Chat-Confg16.PNG|thumb|800px|center|Webページ専用のHTMLスニペットダイアログボックス。]]<br /><br />
−
# In the field '''Specify client web server hostname''', enter your contact center’s name (i.e., “company.brightpattern.com”). If you don’t know what it is, look at the URL of your Contact Center Administrator application in the web browser. The hostname is the name that appears before “/admin”.<br /><br />[[File:Tenant-URL-a-54.png|thumb|800px|center|Example of client web server hostname in browser address field]]<br /><br />
+
# '''クライアントWebサーバーホスト名を指定します'''というフィールドに、貴社のコンタクトセンター名（例えば、 “five.brightpattern.com”)を入力します。コンタクトセンター名が分からない場合、コンタクトセンター管理者アプリケーションのURLをウェブブラウザでご確認ください。 “/admin”の前に並べてある文字は、ホストネームです。<br /><br />[[File:Chat-Config17.PNG|thumb|800px|center|ブラウザアドレスフィールドで表示されるクライアントWebサーバーホストネームの例。]]<br /><br />
−
# Click '''Copy to clipboard''' to copy the HTML. This is the code of the chat widget.<br /><br />
+
# '''クリップボードにコピー'''をクリックし、HTMLをコピーします。これは、チャットウィジェットのコードになります。<br /><br />
−
# Paste the HTML onto the appropriate place on your webpage and publish. The chat widget contact tab (and any other chat widget elements that you added in chat widget configuration) will appear on the page.<br /><br />[[File:Chat-Config18.PNG|thumb|800px|center|Chat widget on an example webpage]]<br /><br />
+
# ウェブページに適切な場所にHTMLを貼り付け、公開します。チャットウィジェットコンタクトタブ (およびチャットウィジェットに追加したエレメント）は、ページに表示されます。<br /><br />[[File:Chat-Config18.PNG|thumb|800px|center|ウェブページでのチャットウィジェット。]]<br /><br />
−
On the webpage, clicking on the contact tab will expand the widget.<br /><br />[[File:Chat-Config19.PNG|thumb|800px|center|Chat widget expanded to show pre-chat form fields]]
+
ウェブページにあるコンタクトタブをクリックすると、ウィジェットが展開表示されます。<br /><br />[[File:Chat-Config19.PNG|thumb|800px|center|展開表示されたチャットウィジェットでは、チャット開始前フォームのフィールドが表示されています。]]
  
  
−
If you do not see the chat widget on your page, revisit the previous steps of this procedure and try again.
+
ページにはチャットウィジェットが表示されない場合、この手順の全てのステップを再確認してやり直してください。
  
−
For more information on chat widget configuration, see the [[Chat-widget-configuration-guide|Chat Widget Configuration Guide]].
+
チャットウィジェット設定に関する詳しい情報は、[[Chat-widget-configuration-guide|チャットウィジェット設定ガイド]]をご覧ください。
  
−
== Chat Widget Auto-Start ==
+
== チャットウィジェットの自動開始 ==
−
You may configure the chat widget to initiate a chat session automatically upon a webpage loading. With this configuration, no customer action is required to launch the widget and, when the webpage is loaded, the chat automatically connects to an agent or the queue.
+
ウェブページの読み込み中にチャットセッションを自動的に開始するには、チャットウィジェットの設定が必要です。その設定を行うことによって、ウィジェットを開始する手間が省きます。ウェブページがロードされたら、チャットはエージェントまたはキューに自動的に接続します。
  
−
To do this, follow these steps:
+
以下のステップに従って設定を行います。
−
# Open the ''HTML Snippet for Web Page''.
+
# ''Webページ専用のHTMLスニペット''を開きます。
−
# Paste the copied HTML into a text editing application (e.g., Notepad++) to edit it.
+
# コピーされたHTMLをテキスト編集アプリケーション (例えば、 Notepad++) に貼り付け、編集します。
−
# In the "Service Pattern Chat Config" object, add the attribute '''autostartChat''' with the value '''true'''. Note that the default value is '''false'''.
+
# "Service Pattern Chat Config" オブジェクトに、 '''true'''値に属する'''autostartChat'''を追加します。既定値が '''false'''です。
−
# Copy all and paste the edited HTML onto your web page.
+
# 全てをコピーし、ウェブページに編集されたHTMLを貼り付けます。
−
# Publish the webpage and refresh any active chats.
+
# ウェブページを公開し、アクティブなチャットを更新します。
  
  
−
The following is an example of how this looks in the ''HTML Snippet for Web Page''.
+
''ウェブページ専用のHTMLスニペット''の例は以下の通りです。
  
 
  SERVICE_PATTERN_CHAT_CONFIG = {
 
  SERVICE_PATTERN_CHAT_CONFIG = {

Latest revision as of 17:11, 26 October 2019

• English
• 5.19 • 5.3 • 5.8

ウェブチャットの設定

この手順では、チャットシナリオ、チャットサービス、およびチャットシナリオエントリーポイントが連携してウェブサイトでチャットウィジェットを表示するための設定方法について説明します。この操作を完了させると、ウェブページでお客様をコンタクトセンターに接続するチャットウィジェットが利用可能になります。


ステップ 1: チャットシナリオw作成または選択します。

  1. 設定 > シナリオ > チャットへ移動します。

    設定 > シナリオ > チャット


  2. リストから既存のチャットシナリオを選択するか、画面の下部にある テンプレートから追加 Add-From-Template-Button.png ボタンをクリックして、“モバイルチャット“テンプレートから新しいチャットシナリオを作成します。

    "モバイルチャット"テンプレートを選択します。


  3. テンプレートから新しいチャットシナリオを作成すると、新しいブラウザタブまたはウィンドウでシナリオビルダーアプリケーションが開きます。設定を複雑にしないために、シナリオをそのままにして、 保存 をクリックします。

    シナリオに名前を付けます。


  4. シナリオにユニークな名前(例："Super Chat")を付け、保存をクリックします。新しいシナリオは シナリオリストに表示されます。


ステップ2: チャットサービスを作成または選択します。

  1. 設定 > サービス & キャンペーンへ移動し、チャットシナリオと一緒に使うチャットサービスを選択します。

  2. 既存の“チャット”サービスがない場合、新しく作ってください。

チャットサービスの追加方法

  1. サービス追加ボタンをクリックし、チャットを選択します。

    "チャット"サービスの選択


  2. プロパティタブでは、必要に応じてサービスプロパティを指定し、適用をクリックします。

  3. 少なくとも新しいチャットサービスに名前を付けてください(例："Pacific Chat")。各プロパティの定義については、コンタクトセンター管理者ガイドのプロパティタブをご覧ください。

    サービス & キャンペーン > プロパティ


  4. 次に、サービスにチーム・管理者・レビュアー を割り当てます (オプション)。この操作を割り当てタブで行います。
    サービスにチームと管理者を割り当てます。


ステップ3: チャットシナリオエントリーを作成または選択します。

  1. 設定 > シナリオエントリー > メッセージ送信/チャット へ移動し、チャットシナリオと一緒に使うシナリオエントリーポイントを選択します。エントリーポイントとは、シナリオを開始するものです。

    メッセージ送信/チャットシナリオエントリーリスト


  2. 既存のチャットシナリオエントリーが表示されない場合、新しいチャットシナリオエントリーを作ります。

新しいチャットシナリオエントリーの追加方法

  1. チャットシナリオエントリーの追加ボタンをクリックします。

  2. プロパティタブでは、必要なプロパティを指定します（必須と任意プロパティについて以下を参照）。各プロパティの定義については、コンタクトセンター管理者ガイドのメッセージ送信/チャットをご覧ください。

必須プロパティ

プロパティタブで、次のフィールドにすぐにアクセスします。これらは、チャット設定プロセスに不可欠です。

チャットを利用可能にするためにアクセスをするメッセージ送信/チャットシナリオエントリーのプロパティ
  • 名前：チャットシナリオエントリーのユニークな名前です (例： "Redwood Chat")
  • ユニークな識別子 ：チャットエントリーを識別する自動生成の長い文字列 (例："1f03f4090e4b4ffe8bb55365812e7a06")
  • シナリオ：この手順のステップ１で選択または作成されたチャットシナリオを選択します(例： "Super Chat")。このプロパティは、チャットを可能にするのに必要な要素を集めます。
  • サービス ：この手順のステップ２で選択または作成されたチャットサービスを選択します(例： "Pacific Chat")。このプロパティは、チャットを可能にするのに必要な要素を集めます。

その他プロパティ

その他のプロパティは任意です。後でも入力できます。

  • 音声コールバックの既定サービス - エージェントが電話をかける必要がある場合、音声サービスを選択します (注: 音声サービスでなければなりません)。
  • 特定コンタクトを対象とするセッションの統合 - このチェックボックスを選択することによって、オムニチャネル機能が利用可能になります (つまり、認識されたフェイスブックメッセンジャーのチャットセッションまたは電話番号が統合できます)。
  • Web HTML スニペット - 全てのプロパティ設定を完了・保存してからこのボタンを使います。HTMLスニペットは、チャットが利用できるためにウェブページに埋め込むものです。
  • ローカルホスティング用の完全チャットコード - チャットをカスタマイズしウェブサイトでホスティングする場合、このオプションをクリックします。Bright Patternは、 Bright Patternチャットと統合しないウェブサイトを運営するお客様に対してこのコードを提供します。
  • 必要なスキル - エージェントがチャットを受け入れるために必要な補助スキルを意味します。
  • SMS/MMSアクセス番号 - SMS/MMSメッセージを送受信するのに使う電話番号を意味します。このアカウントで受信されるメッセージは、チャットシナリオを開始します。このアカウントが選択されていない場合、シナリオはウェブチャットとなります。
  • メッセンジャーアカウント - 顧客との間でメッセージの送受信に使用されるソーシャルメッセンジャーアカウントを意味します。このアカウントで受信されるメッセージは、チャットシナリオを開始します。メッセンジャーアカウントを使用するには、貴社のコンタクトセンターでメッセンジャーと統合するアカウントを設定する必要があります。このようなアカウントが選択されていない場合、シナリオはウェブチャットとなります。
  • ボット/ チャットのサジェスト機能エンジン - チャット中にエージェントに対して返信文の候補を提供するエンジンを意味します。ボット/チャットのサジェスト機能エンジンを使用するには、貴社のコンタクトセンターで統合アカウントを設定する必要があります。
  • 電話の自動接続 - このオプションを選択すると、お客様が送信した電話番号への自動接続が可能になります。選択しないと、エージェントは電話をかける前に電話番号を手動で入力します。
  • 接続するまでの時間 - 上記の「電話の自動接続」を選択することによって、エージェントとお客様との接続を延長できます（秒単位）。
  • 優先キューイング - キューイングを行う際の顧客優先度を意味します (例えば、“1” は優先度が高く、 “3”は優先度が低いなど)。発信者の優先度を変更する必要がない限り、キューイングの優先度を初期のままにします。
  • システムメッセージ専用のチャットニックネーム - チャット内でお客様へ送信されるシステムメッセージと一緒に表示されるシナリオエントリー名を意味します (例えば、“Redwood カスタマーサービスはチャットに追加されました!”)
  • チャットがタイムアウトするまでエージェントが返信を待つ時間 - セッションがタイムアウトになるまでの返信待ち時間（分単位）を意味します。
  • チャットがタイムアウトするまでブラウザーの無応答状態が続く時間 - セッションがタイムアウトするまでブラウザの無応答状態が続く時間を意味します（分単位）。ご注意: 接続が悪い環境にいる場合、タイムアウトの時間を延長することができます。
  • エージェントディレクトリに表示 - このチェックボックスが選択されている場合、当該のシナリオエントリーは新しいチャットセッションおよびチャット転送のエントリーとして表示されます (つまり、エージェントはチャットを別のサービスから受信できます)。これらのサービスは、ディレクトリフォルダーに追加されます。
  • シナリオパラメータ - このセクションは廃止予定です。
  • チャットセッションアイコン - シナリオエントリーに画像のアップロードを可能にするプロパティです (その場合、チャットウィジェットのエージェントの画像が上書きされます)。このプロパティは廃止予定です。チャットセッションアイコンは、チャットウィジェット設定に追加できます。チャットウィジェットタブ > チャットスタイル > エージェント画像の表示をご覧ください。


ステップ 4: チャットウィジェットスタイルを編集します。

チャットウィジェットの外観（色、フォントサイズ、位置など）を編集するには、チャットスタイルをご覧ください。必ずこの操作を行って下さい。そうしないと、コンタクトタブ (ステップ5参照)がプレビューモードで表示できません。

  1. チャットウィジェット タブをクリックします。

  2. チャットスタイルの下にある編集をクリックします。

    チャットスタイル > 編集


  3. チャットウィジェット設定エディタは新しいブラウザタブまたはウィンドウで開きます。チャットウィジェットスタイルプロパティ とフィールドを編集します。最も基本的な設定として、現状のままにし、変更を保存できます。後で再設定が可能です。

    新しいブラウザタブ/ウィンドウで開くチャットウィジェット設定エディター


  4. 画面の下にある保存をクリックします。

ステップ 5: 問い合わせタブを追加します。

このチャットシナリオエントリーを有効にするには、問い合わせタブをチャットウィジェットに追加します。そうしないと、ウェブページにはチャットウィジェットが表示されません。

  1. チャットウィジェットタブをクリックします。

  2. 問い合わせタブを使用してチャット開始の下にある追加をクリックします。

    新しい問い合わせタブの追加


  3. チャットウィジェット設定エディタは新しいブラウザタブまたはウィンドウで開きます。必要に応じてプロパティ およびフィールドを変更します。

    新しいブラウザタブ/ウィンドウで開くチャットウィジェット設定エディター


  4. オプション: ウェブページでの問い合わせタブのプレビューを表示するには、URLプレビュー フィールドにURLを入力して適用をクリックします。問い合わせタブが表示されたウェブページと、コンテンツの表示について確認メッセージが表示されます。

    URLプレビュー例にはウェブページが表示されますが、チャットウィジェットが表示されません。


    一部のウェブサイトは、別のサイトに不正に埋め込まれないように保護されています。その場合、 “チャットウィジェットが見つかりません!” という赤い文字のメッセージが表示されます。ウェブページを表示せず問い合わせタブのみをプレビューするには、URLプレビューフィールドを空白のままにします。

    フィールドが空白である場合、URLプレビューでウェブページのコンテンツが表示されません。
  5. 必須項目: 少なくとも、以下の操作が必要です:

    * 名前 - 新しい問い合わせタブにユニークな名前を付けます。

    * 保存 -クリックし、変更を保存します。

  6. チャットウィジェット タブに戻り、 問い合わせタブを使用してチャット開始へ進みます。

  7. 先ほど追加した問い合わせタブに下にあるurlの追加をクリックします。

    ウェブページのURLを必ず追加します。


  8. ポート・ドメイン・プロトコルを除いてルートに関連するパスを入力します。例えば、 https://mysite.com:8443/folder/folder/page.htmlの場合、 /folderまたは /folder/folder または/folder/folder/page.htmlを入力できます。 緑色のチェックマークをクリックし、変更を確定します。

  9. オプション: この時点で、他のチャットウィジェットタブセクションを追加または変更できます。後でも変更が可能です。

  10. 画面の下にある適用をクリックし、変更を保存します。


ステップ 6: HTMLを取得します。

  1. プロパティタブ > Web HTML スニペットへ戻ります。

  2. HTMLスニペット ボタンをクリックします。HTMLスニペットとは、先ほど設定したチャットウィジェットのコードを意味します。

    プロパティタブの"HTMLスニペット"をクリックします。


  3. Webページ専用のHTML スニペットダイアログボックスが表示されます。

    Webページ専用のHTMLスニペットダイアログボックス。


  4. クライアントWebサーバーホスト名を指定しますというフィールドに、貴社のコンタクトセンター名（例えば、 “five.brightpattern.com”)を入力します。コンタクトセンター名が分からない場合、コンタクトセンター管理者アプリケーションのURLをウェブブラウザでご確認ください。 “/admin”の前に並べてある文字は、ホストネームです。

    ブラウザアドレスフィールドで表示されるクライアントWebサーバーホストネームの例。


  5. クリップボードにコピーをクリックし、HTMLをコピーします。これは、チャットウィジェットのコードになります。

  6. ウェブページに適切な場所にHTMLを貼り付け、公開します。チャットウィジェットコンタクトタブ (およびチャットウィジェットに追加したエレメント）は、ページに表示されます。

    ウェブページでのチャットウィジェット。


ウェブページにあるコンタクトタブをクリックすると、ウィジェットが展開表示されます。

展開表示されたチャットウィジェットでは、チャット開始前フォームのフィールドが表示されています。


ページにはチャットウィジェットが表示されない場合、この手順の全てのステップを再確認してやり直してください。

チャットウィジェット設定に関する詳しい情報は、チャットウィジェット設定ガイドをご覧ください。

チャットウィジェットの自動開始

ウェブページの読み込み中にチャットセッションを自動的に開始するには、チャットウィジェットの設定が必要です。その設定を行うことによって、ウィジェットを開始する手間が省きます。ウェブページがロードされたら、チャットはエージェントまたはキューに自動的に接続します。

以下のステップに従って設定を行います。

  1. Webページ専用のHTMLスニペットを開きます。
  2. コピーされたHTMLをテキスト編集アプリケーション (例えば、 Notepad++) に貼り付け、編集します。
  3. "Service Pattern Chat Config" オブジェクトに、 true値に属するautostartChatを追加します。既定値が falseです。
  4. 全てをコピーし、ウェブページに編集されたHTMLを貼り付けます。
  5. ウェブページを公開し、アクティブなチャットを更新します。


ウェブページ専用のHTMLスニペットの例は以下の通りです。 

SERVICE_PATTERN_CHAT_CONFIG = {
        ...
        autostartChat: true,
        ...

};

< 前へ | 次へ >
「https://help.brightpattern.com/index.php?title=5.19:Tutorials-for-admins/Chat/HowtoConfigureWebChat/ja&oldid=51159」から取得