建站程序
纯 HTML 静态网站接入
没有后台程序也能接,每个页面加一行或统一模板加
情况 A:有公共模板文件
如果你的静态站是用模板生成的(如 Hugo、Hexo、Jekyll、Vue CLI 等),只需在公共模板里加一次:
- 找到公共模板(如
layouts/partials/footer.html、public/index.html) - 在
</body>前粘贴接入代码 - 重新生成/打包发布
情况 B:每个页面都是独立的 HTML 文件
需要在每一个需要显示客服的页面里加这一行。可以用编辑器的"批量替换"功能:
查找:</body>
替换为:<script src="https://你的客服域名/widget.js?k=你的KEY" async></script>
</body>
大多数编辑器(VS Code、Dreamweaver、Notepad++)都支持"在所有打开的文件中替换"或"在文件夹中查找替换",几十个页面几分钟就能完成。
情况 C:Vue / React 单页应用
在入口 HTML(index.html)的 </body> 前加即可,路由切换不会丢失;组件会常驻。
如果需要在特定页面隐藏按钮,可在路由守卫里控制 document.getElementById('kf-embed-btn').style.display='none'。