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

e107 CMS 网站的分步指南

获取嵌入代码

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

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

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

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

步骤2:添加到主题模板(推荐)

添加聊天机器人的推荐方式是直接编辑 e107 主题模板文件:

  1. 导航到 e107 主题文件夹:e107_themes/yourtheme/
  2. 打开主题的主模板文件(通常是 theme.phptheme.html
  3. 找到</body>闭合标签
  4. 将您的 Asyntai 嵌入代码粘贴到 </body> 标签之前
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>

提示: 如果您的主题使用 theme.php,请找到渲染页脚 HTML 的部分。嵌入代码应放在所有其他内容之后、body 闭合标签之前。

替代方法 1:使用 e107 自定义页眉/页脚

您可以通过 e107 管理面板添加聊天机器人脚本,无需编辑主题文件:

  1. 登录您的 e107 管理面板
  2. 转到管理 > 偏好设置 > 网站偏好设置
  3. 查找"自定义页脚""页脚脚本"部分
  4. 将您的 Asyntai 嵌入代码粘贴到页脚脚本文本区域
  5. 点击"保存"以应用更改

注意: 如果您想避免直接编辑主题文件,此方法最为简便。脚本将自动包含在 e107 网站的每个页面中。

替代方法 2:使用 e107 插件

如需更模块化的方式,您可以创建简单插件或使用插件钩子系统注入聊天机器人脚本:

  1. 创建一个简单的插件或使用"Custom Pages"插件
  2. 通过在插件目录中创建 e_footer.php 文件,使用 e107 的插件钩子系统添加脚本
  3. e_footer.php 中,输出您的嵌入代码:
<?php // e_footer.php - Asyntai Chatbot Plugin Hook echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; ?>

提示: 插件钩子方法将聊天机器人集成与主题分离,因此即使切换主题也会保留。

替代方法 3:使用 e107 菜单系统

您可以使用 e107 内置的菜单系统将聊天机器人脚本添加到页脚区域:

  1. 登录您的 e107 管理面板
  2. 转到管理 > 菜单
  3. 创建自定义 HTML 菜单
  4. 将您的 Asyntai 嵌入代码粘贴到菜单内容中
  5. 将菜单分配到模板的页脚区域
  6. 保存菜单配置

重要提示: 使用菜单系统时,请确保分配的菜单区域支持原始 HTML/脚本输出。某些菜单区域可能会出于安全考虑移除脚本标签。如果脚本被移除,请改用其他方法。

步骤3:验证安装

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

看不到小部件? 请尝试在管理面板的管理 > 缓存下清除 e107 缓存。同时尝试清除浏览器缓存或在无痕窗口中查看。确保嵌入代码放置正确,并包含您从仪表板获取的专属小部件 ID。