对接纷享在线客服,访客发起咨询,可自动附带线索来源信息(例如广告投放UTM参数),打通官网访客和线索身份,可无缝请按照以下步骤配置对接纷享在线客服。
一、绑定官网
进行纷享在线客服前,请先在官网埋码官网SDK,查看绑定企业官网教程。
二、接入纷享客服插件
2.1 网页渠道接入
点击查看接入流程,需注意嵌入的代码需追加参数,用于打通官网访客和纷享在线客服产生的线索身份,代码示例如下:
// 判断营销通访客id是否存在 最多检查20次
function waitForServiceParams(callback, retryCount = 0) {
if (!window.FsYxt || !window.FsYxt.getServicePostParams()) {
if (retryCount < 20) {
setTimeout(() => {
waitForServiceParams(callback, retryCount + 1);
}, 500);
return;
} else {
console.error('Failed to load service params after 20 attempts');
return;
}
}
callback();
}
// 加载fsImchat
function loadImChat() {
waitForServiceParams(() => {
var serviceCode = document.createElement("script");
serviceCode.onload = function () {
registerMarketingId();
checkImChatReady().then(() => {
updateVisitorData();
}).catch((error) => {
console.warn('FSImChat not ready:', error.message);
});
}
serviceCode.id = "fs-im-script";
serviceCode.type = "text/javascript";
serviceCode.src =
"https://www.fxiaoke.com/open/imchat/static/creat.js?webImId=取在线客服中的webImId&name=%E8%81%94%E7%B3%BB%E6%88%91&icon=https://a9.fspage.com/html/app-dist/onlineservice-dist/assets/images/icon5-51c47b0710.png&theme=#0067ED&internalAppType=&customParams=&updateParams=&serviceSessionParams=" +
encodeURIComponent(window.FsYxt.getServicePostParams());
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(serviceCode, s);
});
}
// 检查fsImchat是否加载完成
function checkImChatReady() {
return new Promise((resolve, reject) => {
let attempts = 0;
const maxAttempts = 20; // 最多尝试20次
const checkInterval = setInterval(() => {
attempts++;
if (window.FSImChat) {
clearInterval(checkInterval);
resolve();
return;
}
// 如果超过最大尝试次数,退出
if (attempts >= maxAttempts) {
clearInterval(checkInterval);
reject(new Error('FSImChat not ready after timeout'));
return;
}
}, 500); // 每500ms检查一次
});
}
// 更新对象字段
function updateVisitorData() {
try {
const visitor = JSON.parse(window.FsYxt.getServicePostParams()) || {};
// 更新手机号
FSImChat.updateRelateObjData({
objList: [
{
apiName: 'CustomerServiceSessionObj', // 会话列表
objectData: {
visitor_id: visitor.visitor_id, // 来源字段值称
},
},
{
apiName: 'WebImVisitorObj', //访客用户
objectData: {
marketing_visitor_id: visitor.visitor_id, // 字段值
},
},
],
});
} catch (error) {
}
}
// 注册营销通访客id到全局参数
function registerMarketingId() {
window.FSImChatParams = {
serviceSessionParams: window.FsYxt.getServicePostParams()
}
}
window.onload = function () {
loadImChat();
}
注意,上述代码需替换webImId

webImId可在客服插件处获取
