Web 用組み込みサービス開発者ガイド
jコミュニティでスニペット設定を使用するためのスニペット設定ファイルの作成
事前チャットの追加設定やボタンへの直接転送などのスニペットのみの設定をコミュニティチャットウィンドウで使用できるようにします。JavaScript ファイルを作成し、組み込みチャットコミュニティコンポーネントの設定で参照する静的リソースとしてアップロードします。
1.JavaScript を使用してスニペット設定ファイルを作成する
JavaScript ファイル内で、コミュニティのチャットウィンドウで使用する設定を定義します。
| 設定名 | ファイル内での指定方法 |
|---|---|
| 事後チャットを自動的に開く | embedded_svc.snippetSettingsFile.autoOpenPostChat = true; // or false |
| アバター画像の URL | embedded_svc.snippetSettingsFile.avatarImgURL = ''; |
| チャットボット (Einstein ボット) 画像の URL | embedded_svc.snippetSettingsFile.chatbotAvatarImgURL = ''; |
| 会社のロゴ画像の URL | embedded_svc.snippetSettingsFile.smallCompanyLogoImgURL = ''; |
| ボタンへの直接転送 | embedded_svc.snippetSettingsFile.directToButtonRouting = function(prechatFormData) {}; |
| 外部スクリプト | embedded_svc.snippetSettingsFile.externalScripts = []; |
| 外部スタイル | embedded_svc.snippetSettingsFile.externalStyles = []; |
| 事前チャットフォームの追加詳細 | embedded_svc.snippetSettingsFile.extraPrechatFormDetails = []; |
| 事前チャットの追加情報 | embedded_svc.snippetSettingsFile.extraPrechatInfo = []; |
| ヘッダーの背景画像の URL | embedded_svc.snippetSettingsFile.headerBackgroundURL = ''; |
| 事前チャットの背景画像の URL | embedded_svc.snippetSettingsFile.prechatBackgroundImgURL = ''; |
| 転送順序 | embedded_svc.snippetSettingsFile.fallbackRouting = []; |
| 待機状態の背景画像の URL | embedded_svc.snippetSettingsFile.waitingStateBackgroundImgURL = ''; |
2.ファイルを静的リソースにアップロードする
ファイルを [設定] の静的リソースとしてアップロードします。[設定] にアクセスできない場合は、Salesforce システム管理者にお問い合わせください。
ファイルをアップロードするときには次のことに注意してください。
- キャッシュコントロールには [公開] を選択する。
- 覚えやすく入力しやすい名前を付ける。組み込みチャットコンポーネントの設定からファイルを参照するときにはファイル名ではなく静的リソース名を使用します。
3.組み込みチャットコンポーネントの設定でファイルを参照する
エクスペリエンスビルダーで、[スニペット設定ファイル] 項目に静的リソース名 (ファイル名ではない) を入力します。エクスペリエンスビルダーにアクセスできない場合は、Salesforce システム管理者にお問い合わせください。
たとえば、JavaScript ファイルが SnapInCodeSnippetSettings.js という名前で、静的リソースでは SnippetSettings という名前にした場合は、[スニペット設定ファイル] 項目には「SnippetSettings」と入力します。
スニペット設定ファイルの例
スニペット設定ファイルの更新
JavaScript ファイルを変更する手順は次のとおりです。この手順に従えば、組み込みサービスのコードスニペットを再生成したり、組み込みチャットコンポーネントの設定を編集したりする必要がありません。
- [設定] の [静的リソース] に移動します。
- 古い JavaScript ファイルの静的リソースの横にある [編集] をクリックします。
- 更新した JavaScript ファイルをアップロードします。
- [保存] をクリックします。
静的リソース名は変更されないため、その他の設定を変更する必要はありません。