自動チャット招待のコードサンプル
このコードサンプルを使用して、Web サイトで自動チャット招待がどのように動作するかをテストおよびプレビューします。
カスタマイズされた招待を Web サイトに表示するために addButtonEventHandler() メソッドを使用する自動チャット招待のコードを次に示します。この招待では、適切なスキルを持つエージェントがチャットに対応できる場合に、顧客がエージェントとチャットを開始できます。
1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<apex:page>
18<div id="liveagent_invite_button_573x0000000001O" style="display: none;
19 position: fixed; border: 2px solid darkblue; border-radius: 5px;
20 background-color: lightblue; height: 100px; width: 200px;">
21<div style="cursor: pointer; padding: 5px; right: 0px;
22 position: absolute; color: darkred; font-weight: bold;"
23 onclick="liveagent.rejectChat('573x0000000001O')">X</div>
24<div style="cursor: pointer; top: 42px; left: 65px; position: absolute;
25 font-weight: bold; font-size: 16px;"
26 onclick="liveagent.startChat('573x0000000001O')">Start Chat</div>
27</div>
28
29<script type='text/javascript'
30 src='https://c.la1s1.saleforceliveagent.com/content/g/deployment.js'>
31 </script>
32<script type='text/javascript'>
33function buttonCallback(e) {
34 if (e == liveagent.BUTTON_EVENT.BUTTON_AVAILABLE) {
35 document.getElementById('liveagent_invite_button_573x0000000001O').style.display
36 = '';
37 document.getElementById('liveagent_invite_button_573x0000000001O').style.left =
38 '300px';
39 document.getElementById('liveagent_invite_button_573x0000000001O').style.top =
40 '200px';
41 }
42 if (e == liveagent.BUTTON_EVENT.BUTTON_UNAVAILABLE) {
43 document.getElementById('liveagent_invite_button_573x0000000001O').style.display =
44 'none';
45 }
46 if (e == liveagent.BUTTON_EVENT.BUTTON_ACCEPTED) {
47 document.getElementById('liveagent_invite_button_573x0000000001O').style.display =
48 'none';
49 }
50 if (e == liveagent.BUTTON_EVENT.BUTTON_REJECTED) {
51 document.getElementById('liveagent_invite_button_573x0000000001O').style.display =
52 'none';
53 }
54}
55liveagent.addButtonEventHandler('573x0000000001O', buttonCallback);
56liveagent.init('https://d.la1s1.salesforceliveagent.com/chat', '572x00000000001',
57 '00Dx00000001gEH');
58</script>
59</apex:page>上記のコードの結果は、次のような招待になります。
