本文介绍如何将网站接入网站 AI 套件,完成部署代码嵌入并开启智能客服、线索管理等功能。
操作结果
完成本文操作后,将获得以下能力:
网站接入网站 AI 套件。
可开启智能客服功能,访客可通过 AI 客服获取即时帮助。
可开启线索管理功能,可通过留资表单收集潜在客户信息。
准备工作
已拥有可公开访问的网站。
具备在网站 HTML 中添加 JavaScript 代码的权限或具备域名 DNS 解析管理权限
步骤一:添加网站
登录阿里云域名控制台。
在左侧导航栏,选择网站 AI 套件。
单击添加网站。
在弹出的对话框中,输入网站地址(例如
https://www.example.com),然后单击确定。等待系统完成网站内容爬取和初始化(通常需要 1~3 分钟)。初始化完成后,自动进入网站实例的管理控制台。
网站爬取以输入的 URL 为起点,遍历页面链接进行深度为 3 层的内容抓取。请确保网站可正常访问,否则初始化可能失败。
若初始化超过 5 分钟仍未完成,请检查网站是否可正常访问。
步骤二:部署代码
网站 AI 套件支持两种接入方式,请根据实际情况选择:
对比项 | JS 嵌入 | ESA 边缘接入 |
接入原理 | 在网页 HTML 中嵌入 script 标签 | 域名 CNAME 指向 ESA 边缘节点,边缘自动注入 |
源码改动 | 需要修改网站 HTML | 零修改,仅需 DNS 配置 |
HTTPS | 依赖源站自有证书 | ESA 边缘自动签发和管理证书 |
加速能力 | 无 | 自动获得 ESA 全球边缘加速 |
加载方式 | 客户端动态注入,可能有视觉跳动 | 边缘输出时已注入,无视觉跳动 |
适用场景 | 有源码修改能力,希望快速验证 | 希望零改动接入,获得加速和证书托管 |
ESA 边缘接入方式(推荐使用):具体操作请参见通过ESA边缘接入。
JS嵌入方式:将一段 JavaScript 代码嵌入到网站 HTML 中,使网站 AI 套件的功能生效。
在实例管理控制台的左侧导航栏,单击部署与预览。
在获取代码区域,复制页面中展示的 JavaScript 代码片段。
将复制的代码粘贴到网站页面的
<head>标签内,确保页面加载时优先执行。
使用 WordPress、Shopify、Wix、WooCommerce 和Shopline 等主流建站系统,请参见在网站中嵌入JavaScript代码。
重要部署代码需嵌入到网站的每个需要启用 AI 功能的页面中。如果使用模板引擎或 CMS 系统,可在全局模板中统一添加。
步骤三:验证部署并开启功能
在部署与预览页面,完成代码嵌入后,验证部署状态并开启所需功能。
在部署与预览页面的获取代码区域,查看嵌入状态。
说明若持续显示未嵌入,请检查是否已完成嵌入操作,清除浏览器缓存后刷新页面重试。
确认嵌入状态为已嵌入后,打开激活功能开关。
在功能开关区域,按需开启以下功能:
功能
说明
智能客服
7*24 小时随时解决访客问题。
线索管理
引导网站访客留资,拓展商机。
网站装修(即将推出)
无需编码即可完成智能网站翻新。
激活功能开关为全局总开关。关闭后,网站上的所有 AI 功能将暂停,但配置和数据不会丢失。
了解更多
功能开启后,可进一步配置各项能力: