一、使用场景
已有站点的用户可以通过引入SDK，将用户站点相关数据关联到外贸通，方便用户使用和查看。
二、支持功能
留咨数据统计
站点页面浏览数据统计
其他功能不断更新中
三、接入步骤
1.复制代码块
新建站点选择「去绑定」，输入要绑定的站点名称和域名
点击下一步后
如果只需要对接网站访问数据，则粘贴弹窗中代码，直接复制粘贴到对应网站的head或者body标签内
如果需要对接留资数据，请参考后续流程
2.引入SDK
在用户站点项目中引入SDK，并初始化SDK配置
SDK资源地址
https://sirius-it-site.lx.netease.com/site-sdk.js
示例代码
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>示例</title> // ... 用户代码逻辑 // 引入SDK <script src="https://sirius-it-site.lx.netease.com/site-sdk.js"></script> <script type="text/javascript"> // 初始化 SDK 配置，传入站点 id __siteSDK__.setDefaultConfig({ outerKey: 'example_outerKey', // 站点id }); // 开始页面浏览数据统计 __siteSDK__.init(); </script> </head> <body> <div>example page</div> <!-- 用户代码逻辑 --> </body> </html> |
3.页面中调用
在站点页面中调用对应的逻辑
示例代码
1.留咨数据统计
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>示例</title> // ... 用户代码逻辑 <script src="https://sirius-it-site.lx.netease.com/site-sdk.js"></script> <script type="text/javascript"> // 留咨数据统计 function submit(data) { __siteSDK__.requestClue({ name: data.name, company: data.company, mail: data.mail, }); }; </script> </head> <body> <form onsubmit={submit}></form> <!-- 用户代码逻辑 --> </body> </html> |
2.查看数据
回到「站点数据」页，查看相关数据统计
API说明
setDefaultConfig(props)
功能描述
初始化 SDK 配置
参数
props: Object
必填
属性 | 类型 | 默认值 | 必填 | 说明 |
outerKey | string | 是 | 用户站点id |
示例代码
__siteSDK__.setDefaultConfig({ outerKey: 'example_outerKey', }); |
init()
功能描述
开始页面浏览数据统计
参数
无
示例代码
__siteSDK__.init(); |
destroy()
功能描述
结束页面浏览数据统计，适用于多路由的单页面项目场景；页面路由切换时停止当前统计并重新开始新的统计
参数
无
示例代码
__siteSDK__.destroy(); |
requestClue(props)
功能描述
留咨数据统计
参数
props: Object
必填
属性 | 类型 | 默认值 | 必填 | 说明 |
name | string | 是 | 留资用户名称 | |
string | 是 | 留资用户邮箱 | ||
company | string | 否 | 留资用户公司名称 | |
telephone | string | 否 | 手机号 | |
country | string | 否 | 国家区域 | |
landline | string | 否 | 座机号 | |
website | string | 否 | 官网 | |
remarks | string | 否 | 备注 | |
String | 否 | WhatsApp号 | ||
skype | String | 否 | Skype号 |
示例代码
__siteSDK__.requestClue({ name: '留咨用户A', company: '留咨公司名称', mail: '留咨用户邮箱', telephone: '138XXXX0001', area: '中国北京市', landline: '010XXXXXXXX', website: 'https://xxx.com', remarks：'备注信息', }).then( () => successHandler(), () => failedHandler(), ); |
