埋め込み & スニペットパラメータ
すべてのスニペット属性とカスタマイズオプションの完全なリファレンス。
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
ヘルパーライブラリを読み込むスクリプトタグには以下が必要です:
- スクリプト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
アンカー属性はヘルパーボタンが表示される場所を示します。ヘルパーボタンを表示したいテキストエリアや入力フィールドの隣にアンカースパンを配置してください。
要素 アンカーはテキストエリアの近くならどこにでも配置できます。ページが読み込まれると、ヘルパーボタンがこの場所に表示されます。
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.