如何将 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 中打开您的站点
导航到您想添加聊天机器人的页面
点击右侧面板中的"Insert"
从选项中选择"嵌入"
点击顶部的"嵌入代码"选项卡
将您的 Asyntai 嵌入代码粘贴到文本框中
点击"下一步"预览效果
点击"插入"将代码添加到您的页面
点击右上角的"发布"以使更改生效

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

添加到多个页面

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

对每个需要聊天机器人的页面重复嵌入过程
对于页面较多的站点，建议先将其添加到主要着陆页

注意： Google Sites 没有可作用于整个网站的统一代码位置。请将嵌入代码添加到您希望显示聊天机器人的每个页面。

Google Sites 如何处理嵌入代码

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

Google Sites 会在 <iframe> 元素中显示您的代码
JavaScript 必须在 <script> 标签内（您的 Asyntai 代码已包含）
您可以引用外部 JavaScript 文件（如 Asyntai 小部件）

重要提示： 由于 Google Sites 在 iframe 中显示代码，某些功能的表现可能与在其他网站上不同。Asyntai 聊天机器人专为在此 iframe 中运行而设计。

步骤3：验证安装

发布更改后，在新的浏览器标签页或无痕窗口中访问您的 Google 网站。您应该能在页面的嵌入区域内看到聊天小部件按钮。点击它，确认它能打开并正常运行。