深度对接

优质

小牛编辑

149浏览

2023-12-01

本章将介绍如何使用接口在网站上进行对接

在网站<head></head>或<body></body>区域引入小能 js

<script id="xiaonengjs" src="//visitor.ntalker.com/visitor/js/xiaoneng.js?siteid=您的网站id"></script>

如果您需要更新用户信息，如身份信息，您可以添加以下代码
xn('setCustomerInfo', { uid: 'zhangsan', uname: '张三' });
如果您需要在ajax无刷新登录后，更新用户的信息，假设您的登录方法为login, 您可以按照如下方式进行更新
function login() { $.ajax({ url: '您网站的登录接口', success: function(loginInfo) { xn('setCustomerInfo', { uid: loginInfo.uid, uname: loginInfo.uname }); } }); }
我们提供了一个使用fetch登录的实例供您进行参考
function login() { fetch('https://www.easy-mock.com/mock/5a16468da73c622c1034145c/example/user').then((response) => { return response.json(); }).then((data) => { var data = data.data[0]; xn('setCustomerInfo', { uid: data.user.id, uname: data.user.name }); }); }
如果需要进入网站后自动打开聊窗

<script>
  window.onload = function(){
    xn('openChat', '接待组id')
  }
</script>