如何将 Asyntai AI 聊天机器人添加到 Ghost

Ghost CMS 网站的分步指南

获取嵌入代码

步骤1:获取您的嵌入代码

首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。

步骤 2:使用代码注入(推荐)

Ghost 内置了代码注入功能,可以非常轻松地添加自定义脚本:

  1. 登录您的 Ghost 管理面板
  2. 点击左下角的齿轮图标(设置)
  3. 向下滚动到"高级"部分
  4. 点击"代码注入"
  5. "站点页脚"部分,粘贴您的 Asyntai 嵌入代码
  6. 点击右上角的"保存"

提示: 将 JavaScript 添加到站点页脚(而不是站点页头)可确保它在页面内容之后加载,这是聊天小部件的推荐做法,不会减慢页面加载速度。

替代方法:页面特定的代码注入

如果您只想在特定页面或文章上添加聊天机器人:

  1. 打开您想要添加聊天机器人的文章或页面
  2. 点击右上角的设置图标(齿轮)
  3. 向下滚动找到"代码注入"
  4. 展开该部分,将您的 Asyntai 嵌入代码粘贴到"文章页脚"字段中
  5. 点击字段外部保存,然后发布/更新您的文章

注意: 页面特定的代码注入适用于您只想在某些页面而非整个站点上添加聊天机器人的情况。

替代方法:编辑主题文件(适用于自托管)

如果您是自托管 Ghost 并且更喜欢直接编辑主题文件:

  1. 通过 FTP 或文件管理器访问您的 Ghost 安装文件
  2. 导航到您的主题文件夹:content/themes/your-theme/
  3. 打开 default.hbs 文件(主布局文件)
  4. 找到</body>闭合标签
  5. 将您的Asyntai嵌入代码粘贴在</body>标签之前
  6. 保存文件
  7. 重启 Ghost 或清除缓存

重要提示: 除非必要,否则不建议直接编辑主题文件。更新主题时更改可能会被覆盖。推荐使用代码注入方法,因为它在主题更新后仍然有效。

步骤3:验证安装

保存更改后,在新的浏览器标签页或无痕窗口中访问您的 Ghost 站点。您应该能在右下角看到聊天小部件按钮。点击它确保它能正常打开和运行。

看不到小部件? 确保在代码注入中添加代码后点击了"保存"。请尝试清除浏览器缓存或在无痕窗口中查看。如果使用 Ghost(Pro),更改应立即生效。对于自托管的 Ghost,您可能需要重启 Ghost 服务。