网页聊天窗怎么接?代码贴在哪、多久生效
核心动作就一个:后台复制一段代码,贴到网页里。坑全在贴的位置和缓存上,这篇把步骤和排查一次说透。
先搞懂这段代码是干啥的
美洽给你的是一小段 JavaScript。访客打开你的网页时,浏览器顺手把它跑起来,它就去找美洽拉客服组件,在页面角落渲染出那个对话气泡。客户点开气泡聊的每一句话,实时进你们坐席的工作台。
这段代码里带着你账号的标识,所以消息才知道该进哪个后台。正因为它带标识,整段照抄、一个字符都别改,尤其别手贱去动里面的 ID。

一步一步来
- 登录美洽后台,走「设置 → 渠道管理 → 网页」,找到网页渠道的接入代码,整段复制下来。
- 打开网站的页面文件,把代码放到最底下、</body> 结束标记之前。放这里不拖首屏加载。
- 想全站都有客服入口,就把代码贴进公共模板——页头页尾的公共文件、母版页、布局文件,一处贴全站生效。
- 保存、发布,把浏览器和 CDN 的缓存清掉,再刷新页面看气泡出没出来。
- 用访客身份发一条消息,回工作台确认收得到、回得出去,这单才算接完。
提醒:同一个页面只贴一次。贴两遍可能冒出两个气泡或者行为抽风,全站有一处引入就够了。
你的网站是哪种,贴法不一样
- 手写 HTML 站:每个页面底部都放,或者抽一个公共页脚文件统一引入。
- WordPress:贴进主题的 footer.php,不想动主题文件就装个能往页脚插代码的插件。
- 自助建站、CMS:后台一般有「自定义代码」「第三方代码」这类入口,粘进去保存即可。
- Vue、React 这类前端工程:放在入口的 index.html 模板里,让打包后每个页面都带上。

多久生效、不生效怎么查
正常情况保存发布、缓存一清就生效,没有「审核期」这一说。刷新还看不到,就按这个顺序查:
- 代码有没有被截断,复制的时候少了一截肯定不跑。
- 是不是只贴了一个页面,你刷新的恰好是没贴的那页。
- 缓存没刷干净,强刷或者开无痕窗口再看。
- 按 F12 打开开发者工具,看 Console 报不报错、客服脚本加载成功没有。
- 广告拦截插件可能把气泡当广告挡了,关了再试。
- 网站是 HTTPS 的话,别让页面里混进 HTTP 的资源,浏览器会直接拦。
顺手习惯
接好之后,把「代码贴在哪个文件里」记进团队文档。过俩月换主题、改版式,十有八九是这段代码被冲掉了,记下来能少抓一次瞎。另外每回网站大改版,顺手发条测试消息确认客服还通着,比等客户来投诉强。