Parámetros de incrustación y fragmentos

AI Anywhere utiliza un patrón de inicialización de JavaScript. Después de cargar el script del Asistente, lo inicializas con un objeto de configuración. Esta referencia explica cada parámetro, cuándo usarlo y qué valores son válidos.

Ejemplo completo de integración

Aquí tienes una integración completa con todos los parámetros disponibles:

<!-- Cargar el script de ayuda con la clave de cuenta y el hash de integridad (compartido en todo el sitio) -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>

<!-- Busca el botón de Ayuda junto a las áreas de texto en tu página -->
<textarea id="message"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>

Referencia de parámetros

Parámetro	Tipo	Requerido	Descripción
data-site	Cadena	Sí	Un parámetro de consulta que identifica tu cuenta y se comparte en todas las páginas de tu sitio
data-helper-anchor	Por Atributo:	Sí	Cuando un usuario hace clic en el botón de Asistente, lee el texto actual en el área de texto o campo de entrada asociado.
data-helper-token	Cadena	Sí	Clave única que identifica esta configuración específica del Asistente. Cada instancia del Asistente requiere su propia clave única. Se encuentra en tu panel de control cuando creas un Asistente.

Etiqueta de script: ID del sitio

La etiqueta de script que carga la biblioteca del Asistente requiere:

1. URL del script: La URL del script cargador del SDK: /sdk/v1/loader.js
2. Sitio: Un parámetro de consulta que identifica tu cuenta y se comparte en todas las páginas de tu sitio

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

Sitio: Tu clave de cuenta se proporciona al registrarte y se puede encontrar en la configuración de tu panel de control. Usa la misma clave en todas las páginas de tu sitio.

Explicación de los parámetros requeridos

data-site

El ID del sitio identifica tu cuenta y sitio. Esto se comparte en todas las páginas de tu sitio. El script descubrirá y cargará automáticamente todos los Ayudantes activos configurados para tu sitio.

Dónde encontrarlo: Cuando creas un sitio en tu panel de control, recibirás un ID de sitio único. Usa el mismo ID de sitio en la etiqueta de script en todas las páginas donde quieras que los Ayudantes estén disponibles.

data-helper-anchor

Cuando un usuario hace clic en el botón de Asistente, lee el texto actual en el área de texto o campo de entrada asociado.

Elementos El ancla se puede colocar en cualquier lugar cerca de tu área de texto. El botón del Ayudante aparecerá en esta ubicación cuando la página se cargue.

data-helper-token

El token único que identifica esta configuración específica del Asistente. Cada Asistente que crea en su panel de control tiene su propio token único. Este token indica al Asistente qué configuración (Respuesta del Asistente, palabras clave, estilo del botón, etc.) usar.

Dónde encontrarlo: Cuando crea un Asistente en su panel de control, recibirá un token único de Asistente. Cada instancia de Asistente en su página debe usar su propio token único. Si tiene múltiples áreas de texto, cada una puede tener su propio Asistente con un token diferente.

Ejemplo mínimo funcional

Como mínimo, necesita la etiqueta de script con el ID del sitio y un span de anclaje con el token del Asistente:

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

<!-- Ejemplo: El botón de Ayuda aparece junto a tu área de texto -->
<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.