快速开始
只需两步即可在您的网站上启用 AI Anywhere。
阅读时间9分钟
准备好为您的网站添加智能文本辅助了吗？您可以通过两种方式使用您的助手。本指南重点介绍如何在您的网站上嵌入助手；助手页面选项总结如下。
两种选项
- 助手页面（无需代码）： 每个助手都会立即获得一个可分享的助手页面链接。在仪表板中，打开您的助手（点击助手名称或编辑）。在助手编辑或详情页面上，点击“助手页面”按钮以在新标签页中打开页面或复制链接进行分享。无需代码片段或集成。
- 嵌入到您的网站： 将集成代码片段添加到您的网站，以便助手按钮出现在您的文本区域旁边。请按照以下步骤操作。
在哪里启动助手页面： 仪表板 → 助手 → 打开一个助手（点击名称或编辑）→ 点击“助手页面”按钮。您也可以使用“分享助手页面”来复制或发送链接。
1
获取您的集成代码
在 AI Anywhere 仪表板中创建助手后，您可以生成一个可直接使用的代码片段。此代码片段包含连接您的网站到 AI Anywhere 所需的一切。
在哪里找到它： Navigate to your Helper settings in the dashboard and click "Generate Snippet". You'll see two separate code panels - copy both the script tag and the anchor span code.
您的代码片段由两部分组成：
<!-- 1. 在您的 -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
<!-- 2. 助手的工作原理 -->
<span data-helper-anchor data-helper-token="your-helper-token"></span>2
添加到您的网站
打开您网站的 HTML 文件（或模板）并找到 <head> 部分。在关闭 </head> 标签之前粘贴您的代码片段。
最佳实践： 将代码片段放在<head>部分的顶部附近，但在任何 meta 标签之后。这确保助手脚本在页面渲染时提前加载并准备就绪。
以下是完整页面设置的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网站</title>
<!-- AI Anywhere 助手脚本 -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
</head>
<body>
<form>
<textarea id="notes" placeholder="您的消息："></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>
</form>
</body>
</html>摘要
You've successfully integrated AI Anywhere into your website! Here's what you've accomplished:
- 步骤 1： 从 AI Anywhere 仪表板复制您的助手代码片段
- 步骤 2： Pasted the snippet into your site's
<head>部分并已将 Helper 锚点添加到您的表单字段
保存并刷新页面后，您应该会看到助手按钮出现在文本区域和输入字段旁边。助手将根据您配置的理想示例和关键词提供智能帮助。
接下来是什么： 您现在可以自定义助手的外观和行为，针对特定的表单字段，并探索高级配置选项。
