Intégration & Paramètres de snippet

AI Anywhere utilise un modèle d'initialisation JavaScript. Après avoir chargé le script de l'assistant, vous l'initialisez avec un objet de configuration. Cette référence explique chaque paramètre, quand l'utiliser et quelles valeurs sont valides.

Exemple d'intégration complet

Voici une intégration complète avec tous les paramètres disponibles :

<!-- Charger le script Assistant avec la clé de compte et le hash d'intégrité (partagé sur tout le site) -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>

<!-- Recherchez le bouton d'assistance à côté des zones de texte sur votre page -->
<textarea id="message"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>

Référence des paramètres

Paramètre	Type	Requis	Description
data-site	Chaîne	Oui	Un paramètre de requête qui identifie votre compte et est partagé sur toutes les pages de votre site
data-helper-anchor	Par attribut :	Oui	Lorsqu'un utilisateur clique sur le bouton Assistant, il lit le texte actuel dans la zone de texte ou le champ de saisie associé.
data-helper-token	Chaîne	Oui	Clé unique qui identifie cette configuration spécifique de l'assistant. Chaque instance de l'assistant nécessite sa propre clé unique. Trouvée dans votre tableau de bord lorsque vous créez un assistant.

Balise de script : ID du site

La balise de script qui charge la bibliothèque de l'assistant nécessite :

1. URL du script : L'URL du script de chargement du SDK : /sdk/v1/loader.js
2. Site : Un paramètre de requête qui identifie votre compte et est partagé sur toutes les pages de votre site

<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>

Site : Votre clé de compte est fournie lors de votre inscription et peut être trouvée dans les paramètres de votre tableau de bord. Utilisez la même clé sur toutes les pages de votre site.

Explication des paramètres requis

data-site

L'ID du site identifie votre compte et votre site. Il est partagé sur toutes les pages de votre site. Le script découvrira et chargera automatiquement tous les Helpers actifs configurés pour votre site.

Où le trouver : Lorsque vous créez un site dans votre tableau de bord, vous recevrez un ID de site unique. Utilisez le même ID de site dans la balise de script sur toutes les pages où vous souhaitez que les Helpers soient disponibles.

data-helper-anchor

Lorsqu'un utilisateur clique sur le bouton Assistant, il lit le texte actuel dans la zone de texte ou le champ de saisie associé.

Placement : L'ancre peut être placée n'importe où près de votre zone de texte. Le bouton Helper apparaîtra à cet endroit lorsque la page se chargera.

data-helper-token

Le jeton unique qui identifie cette configuration spécifique de l'assistant. Chaque assistant que vous créez dans votre tableau de bord a son propre jeton unique. Ce jeton indique à l'assistant quelle configuration (réponse de l'assistant, mots-clés, style de bouton, etc.) utiliser.

Où le trouver : Lorsque vous créez un assistant dans votre tableau de bord, vous recevrez un jeton d'assistant unique. Chaque instance d'assistant sur votre page doit utiliser son propre jeton unique. Si vous avez plusieurs zones de texte, chacune peut avoir son propre assistant avec un jeton différent.

Exemple minimal fonctionnel

Au minimum, vous avez besoin de la balise script avec l'ID du site et d'une balise span d'ancrage avec le jeton de l'assistant :

<!-- Dans la section <head> -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>

<!-- Exemple : le bouton d'assistance apparaît à côté de votre zone de texte -->
<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.