嵌入 & 代码片段参数
所有代码片段属性和自定义选项的完整参考。
AI Anywhere使用JavaScript初始化模式。加载帮助脚本后,您可以使用配置对象初始化它。本参考解释了每个参数、何时使用以及哪些值是有效的。
完整的集成示例
这是一个包含所有可用参数的完整集成:
<!-- 使用账户密钥和完整性哈希加载助手脚本(在整个网站共享) -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
<!-- 在页面的文本区域旁查找助手按钮 -->
<textarea id="message"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>
参数参考
| 参数 | 类型 | 必需 | 描述 |
|---|---|---|---|
data-site |
字符串 | 是 | 标识您的账户的查询参数,并在您网站的所有页面上共享 |
data-helper-anchor |
通过属性: | 是 | 当用户点击助手按钮时,它会读取关联文本区域或输入字段中的当前文本。 |
data-helper-token |
字符串 | 是 | 标识此特定助手配置的唯一键。每个助手实例都需要其自己的唯一键。在您创建助手时可以在仪表板中找到。 |
脚本标签:站点 ID
加载助手库的脚本标签需要:
- 脚本 URL: SDK 加载器脚本 URL:
/sdk/v1/loader.js - 站点: 标识您的账户的查询参数,并在您网站的所有页面上共享
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
站点: 您的账户密钥在注册时提供,并可以在您的仪表板设置中找到。在您网站的所有页面上使用相同的密钥。
必需参数说明
data-site
站点 ID 用于识别您的账户和站点。这在您站点的所有页面上是共享的。脚本将自动发现并加载为您的站点配置的所有活动助手。
在哪里找到它: 当您在仪表板中创建站点时,您将收到一个唯一的站点 ID。在所有您希望助手可用的页面上,在脚本标签中使用相同的站点 ID。
data-helper-anchor
锚点属性标记助手按钮应出现的位置。将锚点 span 放置在您希望显示助手按钮的文本区域或输入字段旁边。
元素 锚点可以放置在文本区域附近的任何位置。页面加载时,助手按钮将出现在此位置。
data-helper-token
标识此特定助手配置的唯一令牌。您在仪表板中创建的每个助手都有其自己的唯一令牌。此令牌告诉助手使用哪个配置(助手答案、关键词、按钮样式等)。
在哪里找到它: 当您在仪表板中创建助手时,您将收到一个唯一的助手令牌。您页面上的每个助手实例都应使用其自己的唯一令牌。如果您有多个文本区域,每个区域都可以有一个不同令牌的助手。
最小工作示例
至少,您需要带有站点 ID 的脚本标签和带有助手令牌的锚点跨度:
<!-- 在 <head> 部分 -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
<!-- 示例:助手按钮出现在您的文本区域旁 -->
<textarea id="message"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>
That's it! The Helper will automatically attach to the anchor and display the button.