Skip to content

Widget 属性

通过 <script> 标签的 data-* 属性配置 Widget 行为。

属性列表

属性必填说明默认值示例
data-server后端服务地址同域https://widget.webnav.ai
data-base-url网站 URL,支持逗号分隔多个(第一个为主域名)window.location.originhttps://a.com,https://b.com
data-theme初始主题lightdark
data-lang强制语言自动检测zh / en / ja / ko
data-logo自定义 Logo URL网站 faviconhttps://yoursite.com/logo.png
data-mode全屏模式(移动端 WebView)正常fullscreen
data-exclude不显示客服的路由/admin/*,/login

主题优先级

data-theme 属性 > localStorage 用户选择 > 默认 light

语言检测优先级

data-lang 属性 > <html lang> > navigator.language > 默认 en

多域名抓取

data-base-url 支持逗号分隔多个 URL,AI 会同时学习所有配置域名的内容:

html
<script
  src="https://widget.webnav.ai/widget/chat-widget.js"
  data-base-url="https://yoursite.com,https://blog.yoursite.com,https://help.another.com"
></script>
  • 第一个 URL 的域名作为主域名(用于缓存目录名和白名单校验)
  • 每个域名会自动推导并抓取其 docs. 子域名
  • 所有内容合并到同一个缓存中,AI 可以跨域名回答

自动 docs 子域名发现

配置 https://example.com 时,系统会自动抓取:

  • https://example.com — 主站
  • https://docs.example.com — 文档站(自动推导)

无需手动配置,开箱即用。

路由排除规则

  • 精确匹配:/login 匹配 /login/login/
  • 通配符:/admin/* 匹配 /admin/ 下所有路径
  • 多个用逗号分隔:/admin/*,/login,/checkout/*

Webnav.ai — AI 智能客服