使用场景

账户绑定

同样的，Customer Chat插件也允许用户在与您的主页交互时完成自动账号绑定功能，设置用户的账号的使用方法也很简便，您只需要修改很少的部分即可完成

1. 首先您需要通过该指引部署一个Customer Chat插件，然后在 HTML code上添加一个data-custom-user-id参数，参数的值为用户在您站点的账号，他可以是一个手机号，也可以是邮箱等等，但是需要保证它是唯一的，HTML code变动形式如下：

   // 改造前，由Bothub生成的元素节点
   <div id="bothub-widget-17ap"></div>
   // 改造后后的元素节点
   <div id="bothub-widget-17ap" data-custom-user-id={CUSTOM-USER-ID} ></div>
   

2. 需要注意的一点是，需要您在Bothub的初始化脚本执行前将该元素的用户账号挂载上，否则的话，脚本一旦执行后，如果检测不到一个合法的data-custom-user-id属性，将不会执行账户绑定的动作，参考最佳示例；
3. 如果您的站点在初始化的时候，由于其他原因无法获取到用户的id；比如用户未登陆，您可以通过sdk提供的方法完成账户绑定。查看如何调用

最佳示例

• 确保Bothub的初始化脚本执行前将该元素的用户账号挂载上

  <div id="bothub-widget-17ap"></div>
  <script>
    var element = document.querySelector('#bothub-widget-17ap');
    element.dataset.customUserId = `{CUSTOM-USER-ID}`
  </script>
  <script src="https://storage.googleapis.com/customer_files_prod/Cuxiao1/Cuxiao1_channel_script_xT4Er79obg.js"></script>
  

  警告：该用例仅供引导使用，不要将其拷贝至您的站点