千悦网页客服代码放在哪里？普通网站与单页应用的安装说明

安装网页客服时，先确认两件事：代码来自当前企业后台，放置位置能够覆盖希望提供咨询的页面。把网上找到的旧代码直接粘贴进去，可能出现样式不符、来源混用，甚至根本连到错误账号。

复制当前风格对应的正式代码

在千悦管理后台选中目标风格，进入安装代码页面，使用网页接入或通用挂码区域的复制操作。多网站项目应先明确哪个风格对应哪个站点，再复制完整内容。不要只保留其中一个脚本地址，也不要自行改写配置中的身份参数。

如果只想让一个按钮打开独立咨询页，应选择对应咨询链接方式。网页挂码与链接跳转是不同接入形式，不需要为了一个普通跳转再同时嵌入两套组件。

普通网站：放进真正生成页面的模板

按后台安装说明，将挂码放在页面适当位置，通常是结束标签 </body> 之前。需要全站生效时，修改网站公共布局或公共页脚模板；只放进某篇文章的正文，可能仅那一页出现，也可能被编辑器清理掉。

发布后查看实际页面是否包含代码。若使用建站平台，核对自定义代码是否需要额外发布；若有缓存服务，确认当前访问的版本已经更新。不要因本地预览正常，就跳过正式域名检查。

单页应用：重点防止重复初始化

单页应用切换路由时不一定重新加载整张页面。开发人员应按所用框架和正式接入说明组织加载，避免每次进入页面都创建一份新组件。不要随意假设某个初始化函数存在；具体调用以当前挂码和官方提供的接口为准。

从首页进入产品页，再返回并刷新，检查是否只保留预期数量的入口，是否出现重复事件或异常空白。如果需要页面背景随路由更新，应单独核对支持方式，不能仅靠把脚本重复执行来尝试。

遇到图标不显示时，按顺序看：正式页面是否包含代码、资源请求是否成功、控制台是否报错、域名或安全策略是否阻止加载。只放行实际需要的来源，不为了排障取消整站安全限制。

最后发送一条测试消息，让客服回复，再在手机浏览器重走一次。图标出现证明页面展示了一部分界面，消息往返才能证明接待路径可用。保留安装位置与对应风格记录，下一次网站改版时就不必重新猜这段代码来自哪里。