转载地址:https://blog.youkuaiyun.com/sdta25196/article/details/82219579
营销QQ、企业QQ的在线交流链接跟普通QQ的在线交流不一样。
普通QQ的在线交流,可以在http://shang.qq.com/v3/widget.html生成;
营销QQ、企业QQ的链接可以按以下步骤添加:
第一步:引入营销QQ、企业QQjs脚本:
<script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php">
第二步:给指定的Dom元素帮定事件:
<script type="text/javascript">
//单个
BizQQWPA.addCustom({
aty: '0', //指定工号类型,0-自动分流,1-指定工号,2-指定分组
nameAccount: '4009669868', //营销 QQ 号码
selector: 'onlineService' //WPA 被放置的元素
});
//多个
BizQQWPA.addCustom([
{
aty: '0', //指定工号类型,0-自动分流,1-指定工号,2-指定分组
nameAccount: '4009669868', //营销 QQ 号码
selector: 'onlineService1' //WPA 被放置的元素
},
{
aty: '0', //指定工号类型,0-自动分流,1-指定工号,2-指定分组
nameAccount: '4009669868', //营销 QQ 号码
selector: 'onlineService2' //WPA 被放置的元素
}
]);
//匿名聊天,只能一个
BizQQWPA.visitor({
nameAccount: '4009669868' //营销 QQ 号码
});
</script>
第三步:添加触发QQ交谈的Dom元素:
<div id="onlineService">
<a target="_blank" href="javascript:void(0)">
<img src="/uploadfiles/20150214142321693.png">
<span>QQ沟通</span>
</a>
</div>
腾讯企业WPA OpenAPI文档:https://id.b.qq.com/combo/account/bizqq/wpa/WPAOpenAPI.pdf
示例完整代码:
<html>
<head>
<script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
<script type="text/javascript">
//单个
BizQQWPA.addCustom({
type:'1',
aty: '0', //指定工号类型,0-自动分流,1-指定工号,2-指定分组
nameAccount: '4006311336', //营销 QQ 号码
selector: 'onlineService' //WPA 被放置的元素
});
//多个
BizQQWPA.addCustom([
{
type:'1',
aty: '0', //指定工号类型,0-自动分流,1-指定工号,2-指定分组
nameAccount: '4006311336', //营销 QQ 号码
selector: 'onlineService1' //WPA 被放置的元素
},
{
type:'1',
aty: '0', //指定工号类型,0-自动分流,1-指定工号,2-指定分组
nameAccount: '4006311336', //营销 QQ 号码
selector: 'onlineService2' //WPA 被放置的元素
}
]);
//匿名聊天,只能一个
BizQQWPA.visitor({
nameAccount: '4006311336' //营销 QQ 号码
});
</script>
</head>
<body>
<div id="onlineService">
<a href="javascript:void(0)">
<span>online</span>
</a>
</div>
</body>
</html>