Skip Navigation
Expand
プロアクティブ・チャット・ウィジェットのカスタマイズ
Answer ID 7683   |   Last Review Date 02/26/2019

自分のプロアクティブ・チャット・ウィジェットが表示されていません。


環境:

カスタマ・ポータル、プロアクティブ・チャット・ウィジェット

解決策:

このドキュメント内の、またはこのドキュメントからアクセスするサンプル・コードは、Oracleが認定およびサポートするものではありません。教育またはテスト用にのみ使用してください。このサンプル・コードを使用した場合、ライセンス契約を承諾したものと見なされます。

インタフェースでプロアクティブ・ウィジェットをテストするためのサンプル・コード:

インタフェース名を反映するように<your_interface>を変更してください。

このファイル は、.html拡張子を使用して保存すれば、デスクトップからブラウザを使用してテストできます。ウィジェットは5秒遅れて表示されます。

File============================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>

This is the basic page that has content which includes a syndicated chat widget

<div id="myDiv"></div>

<script type="text/javascript" src="https://<your_interface>.widget.custhelp.com/euf/rightnow/RightNow.Client.js"></script>

<script type="text/javascript">
RightNow.Client.Controller.addComponent(
{
min_agents_avail:0,
seconds:5,
instance_id:"spac_0",
div_id:"myDiv",
module:"ProactiveChat",
type:2
},
"https://<your_interface>.widget.custhelp.com/ci/ws/get"
);
</script>

</body>

End of File =============

前述のファイルは、次のようにインラインcssスタイルを使用できます。

インライン・スタイルの例:
<style>
.widget {
background-color: #808080;
border: thin solid #000000;
border-radius: 1em;
display: inline-block !important;
margin: 2em;
padding: 1em;
width: 30em;
}

</style>

プロアクティブ・チャット・ウィジェットで構成できる内容に関するドキュメントへのリンク -- 類似のセクションはバージョン・ドキュメント「ProactiveChatの設定」に示されています。

ウィジェット・コードはカスタマ・ポータル管理ページのウィジェット・ビルダーでアクセスすることによって生成できます。

ウィジェット・ビルダーを使用すると生成できる環境設定を指定するコードの一部の例:
avatar_image: "/euf/assets/images/<your_interface>/avatar_photo_female.jpg",
chat_login_page: "/app/chat/chat_launch ",
chat_login_page_height: 400,
chat_login_page_width: 375,
label_accept_button: "Yes, Let's Chat",
label_logo_image: "Ready to chat with you",
label_refuse_checkbox: "No, Do not ask again",
label_reject_button: "No, Not right now",
label_title: "Chat with a Specialist",
logo_image: "/euf/assets/images/<your_interface>/logo.png",
min_agents_avail_type: "sessions",
min_agents_avail: 1,
seconds: myDiv1Timer/1000,
instance_id: "spac_0",
div_id: "myDiv1",
module: "ProactiveChat",
type: 2


シンジケート・ウィジェット

Available Languages for this Answer:

Notify Me
The page will refresh upon submission. Any pending input will be lost.