ナビゲーション

埋め込み & スニペットパラメータ

すべてのスニペット属性とカスタマイズオプションの完全なリファレンス。

分で読む

AI AnywhereはJavaScriptの初期化パターンを使用します。ヘルパースクリプトを読み込んだ後、設定オブジェクトで初期化します。このリファレンスは、各パラメータの使用方法と有効な値を説明します。

完全な統合例

こちらは、利用可能なすべてのパラメーターを含む完全な統合です:

<!-- サイトIDを使用してヘルパースクリプトを読み込む(サイト全体で共有) -->
<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

ヘルパーライブラリを読み込むスクリプトタグには以下が必要です:

  1. スクリプトURL: SDKローダースクリプトのURL: /sdk/v1/loader.js
  2. サイト: アカウントを識別し、サイト内のすべてのページで共有されるクエリパラメータ
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>

サイト: アカウントキーはサインアップ時に提供され、ダッシュボードの設定で確認できます。サイト内のすべてのページで同じキーを使用してください。

必須パラメータの説明

data-site

サイトIDはあなたのアカウントとサイトを識別します。これはサイト内のすべてのページで共有されます。スクリプトは自動的にあなたのサイトに設定されたすべてのアクティブなヘルパーを検出し、読み込みます。

見つける場所: ダッシュボードでサイトを作成すると、ユニークなサイトIDが発行されます。ヘルパーを利用したいすべてのページで、スクリプトタグに同じサイトIDを使用してください。

data-helper-anchor

アンカー属性はヘルパーボタンが表示される場所を示します。ヘルパーボタンを表示したいテキストエリアや入力フィールドの隣にアンカースパンを配置してください。

要素 アンカーはテキストエリアの近くならどこにでも配置できます。ページが読み込まれると、ヘルパーボタンがこの場所に表示されます。

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.