如何将 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 主题模板文件:
- 导航到 e107 主题文件夹:
e107_themes/yourtheme/ - 打开主题的主模板文件(通常是 theme.php 或 theme.html)
- 找到
</body>闭合标签 - 将您的 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 管理面板添加聊天机器人脚本,无需编辑主题文件:
- 登录您的 e107 管理面板
- 转到管理 > 偏好设置 > 网站偏好设置
- 查找"自定义页脚"或"页脚脚本"部分
- 将您的 Asyntai 嵌入代码粘贴到页脚脚本文本区域
- 点击"保存"以应用更改
注意: 如果您想避免直接编辑主题文件,此方法最为简便。脚本将自动包含在 e107 网站的每个页面中。
替代方法 2:使用 e107 插件
如需更模块化的方式,您可以创建简单插件或使用插件钩子系统注入聊天机器人脚本:
- 创建一个简单的插件或使用"Custom Pages"插件
- 通过在插件目录中创建 e_footer.php 文件,使用 e107 的插件钩子系统添加脚本
- 在 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 内置的菜单系统将聊天机器人脚本添加到页脚区域:
- 登录您的 e107 管理面板
- 转到管理 > 菜单
- 创建自定义 HTML 菜单
- 将您的 Asyntai 嵌入代码粘贴到菜单内容中
- 将菜单分配到模板的页脚区域
- 保存菜单配置
重要提示: 使用菜单系统时,请确保分配的菜单区域支持原始 HTML/脚本输出。某些菜单区域可能会出于安全考虑移除脚本标签。如果脚本被移除,请改用其他方法。
步骤3:验证安装
保存更改后,在新的浏览器标签页或无痕窗口中访问您的 e107 网站。您应该会在右下角看到聊天小部件按钮。点击它以确保能正常打开和使用。
看不到小部件? 请尝试在管理面板的管理 > 缓存下清除 e107 缓存。同时尝试清除浏览器缓存或在无痕窗口中查看。确保嵌入代码放置正确,并包含您从仪表板获取的专属小部件 ID。
Weebly