百度商桥通过『 独立沟通URL 』支持客户将沟通能力集成到自己的网站中,达到灵
活定制的目的。
主流使用方式有两种:1)、在新页面打开沟通窗口;2)、在当前页面打开沟通窗口。如下是对应的两种实现方法供参考。
注意:请将"此处请替换独立沟通URL地址”更换网站地址的独立沟通URL代替。
方式一:在当前页面打开沟通窗口,使用iframe实现
1 <iframe width="500" height="500" src="此处请替换独立沟通URL
地址" frameborder="0" scrolling="no"></iframe>
• 说明:
• width和height可以自己定义。
• 最小宽度215:体验不太好,表情不能显示全;推荐宽度 >= 480
• 最小高度551 推荐高度 >= 551
方式二: 在新页面打开沟通窗口,使用window.open()实现
首先在需要跳转弹窗的地方加上链接 <a href="#" onclick="openwin()">
<script language="javascript">
<!--
function openwin() {
window.open('此处请替换独立沟通URL地址', 'windowForBridgeIM','left=100,top=200,width=480,height=580,location=no,resizable=yes,status=no,toolbar=no,menubar=no');
}
//-->
</script>
• 第一个参数为独立沟通地址
• 第二个参数为名称,可以不用修改
• 第三个里面是描述信息,可以自定义其中的left\top\width\height left:距离浏览器
左边的距离 top:距离浏览器上边的距离 width:推荐 >= 480 height:推
荐>=580
使用,需要由事件触发,譬如点击事件,demo:
<input type="button" value="点我咨询" id="testOpen" />
<script>
var btn = document.getElementById('testOpen');
btn.onclick = function () {
window.open('此处请替换独立沟通URL地址',
'windowForBridgeIM',
'left=100,top=200,width=480,height=580,location
=no,resizable=yes,status=no,toolbar=no,menubar=
no');
}
</script>
CopyRight 2006-2020 YCNH NETWORK , Inc. All Rights Reserved 专业互联网开发服务提供商-云创年华网络 服务热线:18030990768 蜀ICP备16001235号 网站地图
四川云创年华网络提供绵阳网站建设制作、成品模板、快速仿站、微信小程序开发等服务。