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

e107 CMS 网站的分步指南

平台：

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

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

步骤2：添加到主题模板（推荐）

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

导航到 e107 主题文件夹：e107_themes/yourtheme/
打开主题的主模板文件（通常是 theme.php 或 theme.html）
找到</body>闭合标签
将您的 Asyntai 嵌入代码粘贴到 </body> 标签之前：

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>';
?>

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

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

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

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

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

步骤3：验证安装

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

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