Incorporação & Parâmetros de Snippet

AI Anywhere usa um padrão de inicialização em JavaScript. Após carregar o script do Assistente, você o inicializa com um objeto de configuração. Esta referência explica cada parâmetro, quando usá-lo e quais valores são válidos.

Exemplo Completo de Integração

Aqui está uma integração completa com todos os parâmetros disponíveis:

<!-- Carregue o script de Ajuda com a chave da conta e o hash de integridade (compartilhado em todo o site) -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>

<!-- Procure o botão de Ajuda próximo às áreas de texto na sua página -->
<textarea id="message"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>

Referência de Parâmetros

Parâmetro	Tipo	Obrigatório	Descrição
data-site	String	Sim	Um parâmetro de consulta que identifica sua conta e é compartilhado em todas as páginas do seu site
data-helper-anchor	Por Atributo:	Sim	Quando um usuário clica no botão Assistente, ele lê o texto atual na área de texto ou campo de entrada associado.
data-helper-token	String	Sim	Chave única que identifica esta configuração específica do Assistente. Cada instância do Assistente requer sua própria chave única. Encontrada no seu painel quando você cria um Assistente.

Tag de Script: ID do Site

A tag de script que carrega a biblioteca do Assistente requer:

1. URL do Script: A URL do script de carregamento do SDK: /sdk/v1/loader.js
2. Site: Um parâmetro de consulta que identifica sua conta e é compartilhado em todas as páginas do seu site

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

Site: Sua chave de conta é fornecida quando você se inscreve e pode ser encontrada nas configurações do seu painel. Use a mesma chave em todas as páginas do seu site.

Parâmetros Obrigatórios Explicados

data-site

O ID do site identifica sua conta e site. Isso é compartilhado em todas as páginas do seu site. O script irá automaticamente descobrir e carregar todos os Helpers ativos configurados para o seu site.

Onde encontrá-lo: Quando você cria um site no seu painel, você receberá um ID de site único. Use o mesmo ID de site na tag de script em todas as páginas onde você deseja que os Helpers estejam disponíveis.

data-helper-anchor

Quando um usuário clica no botão Assistente, ele lê o texto atual na área de texto ou campo de entrada associado.

Elementos O âncora pode ser colocado em qualquer lugar próximo à sua área de texto. O botão do Helper aparecerá neste local quando a página for carregada.

data-helper-token

O token único que identifica esta configuração específica do Assistente. Cada Assistente que você cria em seu painel tem seu próprio token único. Este token informa ao Assistente qual configuração (Resposta do Assistente, palavras-chave, estilo do botão, etc.) usar.

Onde encontrá-lo: Quando você cria um Assistente no seu painel, você receberá um token único do Assistente. Cada instância do Assistente na sua página deve usar seu próprio token único. Se você tiver várias áreas de texto, cada uma pode ter seu próprio Assistente com um token diferente.

Exemplo Mínimo Funcional

No mínimo, você precisa da tag de script com o ID do site e um span âncora com o token do Assistente:

<!-- Na seção <head> -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>

<!-- Exemplo: Botão de Ajuda aparece próximo à sua á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.