商桥的使用

桥独立沟通URL常用方式

• 在新页面打开沟通窗口

• 在当前页面打开沟通窗口

商桥通过『 独立沟通URL 』支持客户将沟通能力集成到自己的网站中，达到灵

活定制的目的。

主流使用方式有两种：1）、在新页面打开沟通窗口；2）、在当前页面打开沟通

窗口。如下是对应的两种实现方法供参考。

注意：请将"此处请替换独立沟通URL地址”更换网站地址的独立沟通URL代

替。

方式一：在当前页面打开沟通窗口，使用iframe实现

1 <iframe width="500" height="500" src="此处请替换独立沟通URL

地址" frameborder="0" scrolling="no">

• 说明：

• width和height可以自己定义。

• 最小宽度215：体验不太好，表情不能显示全；推荐宽度 >= 480

• 最小高度551 推荐高度 >= 551

方式二： 在新页面打开沟通窗口，使用window.open()实现

1 window.open('此处请替换独立沟通URL地址', 'windowForBridgeIM',

'left=100,top=200,width=480,height=580,location=no,r

esizable=yes,status=no,toolbar=no,menubar=no');

• 第一个参数为独立沟通地址

• 第二个参数为名称，可以不用修改

• 第三个里面是描述信息，可以自定义其中的left\top\width\height left：距离浏览器

左边的距离 top：距离浏览器上边的距离 width：推荐 >= 480 height：推

荐>=580

• 使用，需要由事件触发，譬如点击事件，demo:

1 <input type="button" value="点我咨询" id="testOpen" />

2 <script>

3 var btn = document.getElementById('testOpen');

4 btn.onclick = function () {

5 window.open('此处请替换独立沟通URL地址',

'windowForBridgeIM',

'left=100,top=200,width=480,height=580,location

=no,resizable=yes,status=no,toolbar=no,menubar=

no');

6 }

7 </script>