商务通轨迹代码未加载出来前执行的打开商通对话的函数

模板网 2014-09-21

医疗网站上的商务通代码在一些情况下可能出现无法加载的情况(常见的有网络速度慢,商务通服务器速度慢,商务通服务器受到攻击等),导致商务通代码无法执行,访客无法进入商务通进行咨询,这样错失了很多的对话机会,给我们造成很大的损失。

下面医疗模板库为大家介绍一种解决以上问题的方法。

主要利用的Javascript中的函数覆盖的原理,我们知道网站上打开商务通对话窗口是通过商务通代码中提供的openZoosUrl函数实现的,那么当遇到上述的问题时就会使这个函数失效,导致无法打开商务通对话窗口。

我们的解决方案是在商务通代码之前先自定义一个同名的openZoosUrl函数,在这个函数中同样的实现打开商务通咨询窗口的功能,当商务通代码加载失败的时候点击咨询按钮就会调用这个函数来打开对话窗口,当商务通加载成功的时候我们也不用担心,因为根据Javascript的函数覆盖原理,我们自定义的这个函数会被商务通中的openZoosUrl覆盖,此时访客点击咨询按钮是就会调用商务通中的函数。

函数代码如下:

复制代码 代码如下:
<script>
//防止商务通代码加载失败的替补函数
function openZoosUrl(){
  var page=window.location.href;
  var ref=encodeURIComponent(document.referrer);  
  var url="http://lkt.zoosnet.net/LR/Chatpre.aspx?id=LKT111111111&p="+page+"_preload&r="+ref;
  window.open(url);
}
 
//商务通代码
document.writeln("<script language=\"javascript\" src=\"http:\/\/lkt.zoosnet.net\/JS\/LsJS.aspx?siteid=LKT1111111\"><\/script>");
</script>

测试请将代码中的http://lkt.zoosnet.net/LR/Chatpre.aspx?id=LKT111111111http:\/\/lkt.zoosnet.net\/JS\/LsJS.aspx?siteid=LKT1111111 替换为自己的。

<title>商务通轨迹代码未加载出来前执行的打开商通对话的函数</title>
<script>
//防止商务通代码加载失败的替补函数
function openZoosUrl(){
  var page=window.location.href;
  var ref=encodeURIComponent(document.referrer);  
  var url="http://lkt.zoosnet.net/LR/Chatpre.aspx?id=LKT111111111&p="+page+"_preload&r="+ref;
  window.open(url);
}

//商务通代码
document.writeln("<script language=\"javascript\" src=\"http:\/\/lkt.zoosnet.net\/JS\/LsJS.aspx?siteid=LKT1111111\"><\/script>");
</script>

相关文章

  1. 表单提交到商务通后台 中文说明加换行的实现方法

    实现将表单中的数据提交到商务通后台的效果,中文说明并且实现换行显示。 代码简单容易理解,这里就不多解释了。 要点:1、使用escape函数对中文进行编码;2、使用br标签进行换行。 效果如下图: 前台界面 提交到商务通后台的结果 提交到商务通后台的结果

  2. 很炫的商务通效果

    很炫的商务通效果 在线演示: 很炫的商务通效果 下载: 很炫的商务通效果 效果截图:

  3. 手机站底部邀请电话咨询,商务通咨询

    手机站底部邀请电话咨询,商务通咨询,深绿色背景,包含拨打免费电话,在线咨询。 效果图:

  4. 自定义商务通二次弹出原理

    自定义商务通二次弹出原理,商务通窗口被关闭后,指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景,实际运用中可替换为图片。 核心代码: 复制代码 代码如下: script function hideSwt(){ document.getElementById(swtBox).style.display=none;//隐藏

  5. 离线宝高级定制API使用示例

    离线宝高级定制操作说明 自定义API使用示例下载 一.搬 1.1 搬图 将解压后的images文件夹,放在您网站要显示浮窗页面的同级目录下。 1.2 搬代码 1.2.1 浮窗样式。打开解压后的index.html文件,将浮窗样式开始-浮窗样式结束之间的代码添加至您网站要显示浮窗的

随机推荐

  1. 表单提交到商务通后台 中文说明加换行的实现方法

    实现将表单中的数据提交到商务通后台的效果,中文说明并且实现换行显示。 代码简单容易理解,这里就不多解释了。 要点:1、使用escape函数对中文进行编码;2、使用br标签进行换行。 效果如下图: 前台界面 提交到商务通后台的结果 提交到商务通后台的结果

  2. 很炫的商务通效果

    很炫的商务通效果 在线演示: 很炫的商务通效果 下载: 很炫的商务通效果 效果截图:

  3. 手机站底部邀请电话咨询,商务通咨询

    手机站底部邀请电话咨询,商务通咨询,深绿色背景,包含拨打免费电话,在线咨询。 效果图:

  4. 自定义商务通二次弹出原理

    自定义商务通二次弹出原理,商务通窗口被关闭后,指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景,实际运用中可替换为图片。 核心代码: 复制代码 代码如下: script function hideSwt(){ document.getElementById(swtBox).style.display=none;//隐藏

  5. 离线宝高级定制API使用示例

    离线宝高级定制操作说明 自定义API使用示例下载 一.搬 1.1 搬图 将解压后的images文件夹,放在您网站要显示浮窗页面的同级目录下。 1.2 搬代码 1.2.1 浮窗样式。打开解压后的index.html文件,将浮窗样式开始-浮窗样式结束之间的代码添加至您网站要显示浮窗的