一、 销售漏斗介绍
销售漏斗是CRM中非常重要的销售过程管理图形化跟踪与分析工具,是CRM产品必备的亮点之一。它必须充分且动态的表达">销售管理的含义。它拥有下面功能:
(1) 根据销售阶段数的不同而图形动态显示相应阶段漏斗图及文字说明。
(2) 使用填充色填满各自阶段,各个阶段按预测金额或商机数的比例显示相应长度,填充颜色固定产生,各不相同。
(3) 点击漏斗某阶段的链接查看详细的商机报表。
(4) 通过长度比例或面积比例来准确的表达不同阶段之间预测金额或商机数目的差异。
以下为销售漏斗的一个示例图:
鉴于销售漏斗图形的特殊性以及后台取数的复杂性,用通用的图形技术难以满足需求。而在web技术上,有一种轻量级的图形实现技术,就是VML 与Javascript技术结合使用实现WEB上的各种特殊图形。
二、 基于VML + JavaScript技术实现销售漏斗控件
基于VML + JavaScript技术实现销售漏斗控件,由于基本思想是通过JS脚本根据输入数据输出VML命令到网页而画成图像。具有下面优点:
(1) 使用VML + JavaScript技术,客户端不需安装插件,符合web的应用的习惯;
(2) 和网页结合非常好,可以直接嵌入HTML中使用,输出到网页只是些简洁的命令,比常见的通过后台生成图片形式的速度快了很多。
(3) 使用JavaScript脚本控制可以动态生成图像,并且可以封装成HTC控件,代码量少,便于维护,性能优异。可以给图形加各种样式,并能用JS非常灵活地控制。
(3) 用VML实现的图形是矢量图是矢量图,可随意放大旋转,且不失真,图形展现速度快。
(4)支持事件处理,能很好满足带交互操作的各种业务需求,用户体验更佳。
其总体设计思想是通过JavaScript脚本根据输入数据输出VML命令到网页画成图像,基本算法如下:
三、 代码示例
新增创建控件图的JavaScript函数,传入销售阶段数据、点击链接的回调函数,使用漏斗的算法计算出各个阶段各图形元素的位置,使用document.write()画出VML图形,在填充色的链接事件中调用回调函数。
函数名称:CreateSalesFunnelPic(arrMeth,strEven)
参数: arrMeth: 销售阶段二维数组,数据结构如下:
销售阶段名称(string)金额/商机数(int)需求调研1000销售报价200
签订合同50strEven: 单击事件的回调函数名称(字符串)。
该事件原型function striven(Phase),其中Phase为该控件传出的当前点击的阶段数。
使用方法:在网页引用该控件,传入参数,通过CreateSalesFunnelPic创建控件。
如以下例子,蓝色的为需要添加的代码。
<HEAD> <TITLE>销售漏斗测试</TITLE> <STYLE> v:*{behavior:url(#default#VML);} o:*{behavior:url(#default#VML);}-------------------- 在网页需加这两句,表明支持VML语言 </STYLE> </HEAD> <BODY> <script language="javascript" src="salesFunnel.js"></script>-------引用控件 <SCRIPT language=JavaScript> var arrMeth=new Array(); arrMeth[0]=new Array(); arrMeth[1]=new Array(); arrMeth[2]=new Array(); arrMeth[3]=new Array(); arrMeth[4]=new Array(); arrMeth [0][0]="接触客户"; arrMeth [0][1]=100; arrMeth [1][0]="需求调研"; arrMeth [1][1]=90; arrMeth [2][0]="销售报价"; arrMeth [2][1]=80; arrMeth [3][0]="高层交流"; arrMeth [3][1]=70; arrMeth [4][0]="签订合同"; arrMeth [4][1]=50; var arrEven = "click"; CreateSalesFunnelPic(arrMeth,arrEven); -------------创建漏斗控件 function click(methStep){------------------定义回调函数
alert(methStep); } </SCRIPT> </BODY> </HTML>
当然,要具体应用到产品中的实现比这具体、复杂,由于涉及到公司技术保密原因,在此仅起抛砖引玉的作用。
四、 总结
(1)、基于VML + JavaScript图形技术应用于K/3-CRM V11.0的销售漏斗,经广泛用户验证;
(2)、使用该图形技术实现了客户金字塔控件、联系人关系图等特殊图形;
(3)、使用VML+javaScript技术,可轻易做各种网页形式的分析图表和控件,在网页的图形分析上可广泛应用。
(4)、VML,Javascript技术简单易学,易于推广使用;而且容易封装成控件,便于在软件产品中应用。