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

Google Sites 的分步指南

平台：

步骤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：使用嵌入功能添加代码

Google Sites 使用嵌入功能来添加自定义 HTML 和 JavaScript 代码：

在电脑上，在 Google Sites 中打开您的站点
导航到您想添加聊天机器人的页面
点击右侧栏中的"插入"（或从顶部菜单）
从选项中选择"嵌入"
点击顶部的"嵌入代码"选项卡
将您的 Asyntai 嵌入代码粘贴到文本框中
点击"下一步"预览效果
点击"插入"将代码添加到您的页面
点击右上角的"发布"以使更改生效

提示： Google Sites 将嵌入内容包装在 iframe 中，因此聊天机器人将显示在嵌入区域内，而不是固定在浏览器角落。为获得最佳体验，请将嵌入元素放置在页面内容的最底部，以便用户轻松找到聊天机器人按钮。

添加到多个页面

要将聊天机器人添加到 Google Site 的多个页面：

对每个需要聊天机器人的页面重复嵌入过程
或者，如果您的模板支持，可以将嵌入添加到页头或页脚部分
对于页面较多的站点，建议先将其添加到主要着陆页

注意： 与其他一些平台不同，Google Sites 没有单一的"全站"代码注入点。您需要在每个想要显示聊天机器人的页面上添加嵌入代码，或者如果您的主题支持，可以使用自定义页眉/页脚。

Google Sites 如何处理嵌入代码

了解 Google Sites 如何处理您的代码：

Google Sites 将您的代码包装在沙盒环境中的 <iframe> 元素中
JavaScript 必须在 <script> 标签内（您的 Asyntai 代码已包含）
您可以引用外部 JavaScript 文件（如 Asyntai 小部件）
嵌入功能比经典版 Google Sites 的 HTML 框限制更少
嵌入的代码不会被站内搜索索引

重要提示： 由于 Google Sites 的 iframe 沙盒机制，某些高级功能的表现可能与传统网站不同。Asyntai 聊天机器人的设计可在这些限制条件下正常运行。

步骤3：验证安装

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