返回仪表板

文档

了解如何使用 Asyntai

开始使用
安装 知识库 测试您的 AI 管理网站
自定义
组件颜色 AI 助手名称 初始消息 组件位置 自动触发 问候气泡 未读徽章 指令模式 提问 使用表情符号 收集邮箱 收集电话号码 智能线索收集 本地化 隐藏品牌标识 隐私链接 自定义通知 对话记录下载 新对话 对话历史 标语与状态点 语音转文字 聊天图标 公司徽标 字符限制 Temperature（温度）
AI 指令提示 套餐对比
功能
网站抓取 知识缺口 产品卡片 动态产品卡片 用户上下文 实时监控 人工接管 转接人工 AI 通知 每日报告 实时数据源 实时数据源 Max 团队成员 单点登录 包含图片 图像识别 翻译组件 本地化 潜在客户 智能线索收集 工单 预约 嵌入 排除页面 已屏蔽的IP 更智能模型 启用深度思考 回复建议 跟进消息 语音转文字 对话记录下载 嵌入式聊天
数据分析
聊天分析 聊天记录
集成
REST API Instagram Messenger WhatsApp Zapier Email 移动应用
其他
添加到主屏幕 自定义打开按钮
问 AI

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

Google Sites 的分步指南

获取嵌入代码
平台：
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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

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

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

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

步骤 2：使用嵌入功能添加代码

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

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

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

添加到多个页面

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

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

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

Google Sites 如何处理嵌入代码

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

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

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

步骤3：验证安装

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

看不到小部件？ 确保您已发布站点（不仅仅是保存）。尝试在无痕窗口中查看以绕过缓存。按 F12 检查浏览器控制台是否有错误。通过编辑页面并检查嵌入元素来确保嵌入代码已正确插入。