十载风雨路 · 匠心铸精品

量身定制 追求完美

【技巧】如果调整百度商桥独立沟通界面的窗口大小

 作者:彭sir 发布日期:2020-06-02 17:06:38 浏览:

百度商桥通过『 独立沟通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号   网站地图
四川云创年华网络提供绵阳网站建设制作、成品模板、快速仿站、微信小程序开发等服务。

18030990768