如何将 Asyntai AI 聊天机器人添加到 Plesk 托管的网站

Plesk 托管网站的分步指南

获取嵌入代码

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

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

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

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

步骤 2:确定您的网站类型

安装方法取决于您的网站使用什么平台。Plesk 是一个托管控制面板,可以托管各种类型的网站:

WordPress/Joomla/Drupal: 如果您的网站使用 CMS,请参阅我们针对该平台的特定指南(WordPressJoomlaDrupal)。

适用于静态 HTML 网站

如果您有托管在 Plesk 上的静态 HTML 网站,请使用文件管理器编辑您的 HTML 文件:

方法 1:使用 Plesk 文件管理器

  1. 登录您的 Plesk 控制面板
  2. 导航到网站和域名
  3. 点击文件管理器
  4. 导航到网站的根目录(通常是 httpdocspublic_html
  5. 找到您的主 HTML 文件(通常是 index.htmlindex.php
  6. 点击文件名以打开编辑器菜单
  7. 选择代码编辑器以获得 HTML 语法高亮
  8. 滚动找到 </body> 闭合标签
  9. 将您的Asyntai嵌入代码粘贴在</body>标签之前
  10. 点击"保存""确定"
  11. 如有需要,对其他 HTML 页面重复此操作

提示: Plesk 文件管理器提供多种编辑器:代码编辑器(带语法高亮)、HTML 编辑器(所见即所得)和文本编辑器。编辑 HTML 文件时,使用代码编辑器效果最佳。

方法 2:使用 FTP 访问

  1. 在 Plesk 中,转到网站和域名
  2. 找到 FTP 访问部分
  3. 记下您的 FTP 凭据或创建新的 FTP 账户
  4. 使用 FileZilla 等 FTP 客户端连接到您的服务器
  5. 导航到网站目录(httpdocs
  6. 下载您要编辑的 HTML 文件
  7. </body> 标签之前添加您的 Asyntai 嵌入代码
  8. 将修改后的文件上传回服务器

适用于基于 PHP 的网站

如果您的网站使用 PHP 模板或包含文件:

  1. 在 Plesk 文件管理器中,导航到模板或包含文件
  2. 找到页脚模板文件(通常是 footer.phpfooter.inc.phptemplate.php
  3. 使用代码编辑器打开
  4. </body> 标签之前添加您的 Asyntai 嵌入代码
  5. 保存文件

注意: 通过编辑页脚模板,聊天机器人将自动出现在所有使用该模板的页面上。

创建备份

在进行更改之前,建议创建备份:

  1. 在 Plesk 中,转到网站和域名
  2. 点击备份管理器
  3. 创建网站的完整备份
  4. 在进行任何更改之前安全存储

重要提示: 如果可用,请始终先在测试环境中测试您的更改。编辑前请务必备份文件以避免数据丢失。

步骤3:验证安装

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

看不到小部件? 清除浏览器缓存和 Plesk 中的所有服务器端缓存。检查浏览器控制台(F12)是否有 JavaScript 错误。在文件管理器中重新查看文件以验证其是否正确保存。