Seatext library

Como solucionar erros de JavaScript na integração do SeaText AI

Comece abrindo o console do navegador para ver a mensagem de erro exata. Verifique se sua chave de API está correta e se o script do SeaText é carregado após o DOM estar pronto....

Como solucionar erros de JavaScript na integração do SeaText AI

Sintomas comuns de erros de integração de JavaScript

Quando o script do SeaText AI falha, você geralmente vê um dos três sintomas. O console do navegador mostra uma linha de erro vermelha, como Uncaught ReferenceError: SeaText is not defined ou Failed to load resource: net::ERR_BLOCKED_BY_CLIENT. O painel do SeaText nunca exibe o nome do seu site ao lado do logotipo, mesmo após aguardar dez minutos. Ou os recursos de IA — traduções, variantes, chat — simplesmente não aparecem na página.

Esses sintomas apontam para diferentes causas raiz. Um erro no console significa que o script não foi executado ou travou durante a inicialização. A ausência do nome do site no painel significa que o handshake de ativação não foi concluído. Recursos ausentes geralmente significam que o script foi carregado, mas a IA não foi ativada no Main AI Hub.

Sequência de diagnóstico: Solução de problemas passo a passo

Looking to implement this for your website?
Saiba mais →
  1. Abra o console do navegador. No Chrome, pressione F12, escolha a aba Console, recarregue a página e observe cada linha vermelha que menciona seatext ou SeaText.
  2. Verifique o posicionamento do script. O snippet do SeaText deve ser colado antes da tag de fechamento </body> para que o DOM seja totalmente analisado antes da execução do script. Se o seu CMS injeta scripts no <head>, mova o snippet para um hook de rodapé ou use um plugin que imprima o código no final do <body>.
  3. Verifique a chave de API. O snippet contém um identificador de conta exclusivo. Faça login na sua conta SeaText, copie o snippet exato novamente e substitua o que está no seu site. Um único erro de digitação interrompe o handshake.
  4. Confirme a elegibilidade do domínio. O SeaText restringe URLs de desenvolvimento, como localhost e domínios de visualização dinâmica. Você deve usar um domínio real e válido. Se estiver testando em um subdomínio de staging, crie uma conta SeaText separada para esse subdomínio.
  5. Conclua o ritual de ativação. Após o carregamento do script, visite ou atualize seu site várias vezes e permaneça na página por pelo menos 40 segundos. Em seguida, aguarde pelo menos cinco minutos. O nome do site deve aparecer ao lado do logotipo do SeaText no seu painel. Se não aparecer após dez minutos, entre em contato com o suporte.
  6. Ative a IA no Main AI Hub. Mesmo após o sucesso do handshake, a IA permanece inerte até que você vá ao Main AI Hub, escolha os agentes necessários e clique em Ativar. Sem esta etapa, nenhuma tradução, variante ou widget de chat será renderizado.

Causas mais frequentes e suas correções

O script carrega antes do DOM estar pronto

Colocar o snippet no <head> sem defer causa SeaText is not defined porque a biblioteca tenta se vincular a elementos que ainda não existem. Mova o snippet para o rodapé ou adicione defer à tag do script.

Chave de API incorreta ou obsoleta

Cada conta SeaText está vinculada a uma única URL principal. Se você copiou o snippet de uma conta diferente ou regenerou a chave sem atualizar o site, o handshake falha. Copie o snippet novamente da conta correta.

Localhost ou domínio de visualização

O SeaText bloqueia localhost, 127.0.0.1 e URLs de visualização dinâmica por segurança. Use um domínio real (por exemplo, staging.example.com) e crie uma conta dedicada para ele.

Múltiplos domínios em uma conta

Uma conta SeaText atende a uma URL principal. Se você executa example.com e shop.example.com na mesma conta, apenas a URL principal se conectará. Crie uma conta separada para cada domínio.

WPEngine ou hospedagem gerenciada bloqueando scripts inline

O WPEngine remove JavaScript personalizado por padrão. A orientação oficial: baixe o plugin do WP Engine que permite adicionar código JavaScript personalizado às suas páginas. Instale-o e aplique-o em todas as suas páginas.

Ignorar a permanência de 40 segundos e a espera de cinco minutos

O handshake de ativação requer sessões reais de navegador. Crawlers automatizados, curl ou verificações headless não contam. Você deve abrir a página em um navegador real, permanecer 40 segundos e aguardar cinco minutos para que o painel seja atualizado.

Problemas específicos da plataforma

WordPress (padrão)

Use um plugin de cabeçalho/rodapé (por exemplo, WPCode, Insert Headers and Footers) para colar o snippet no campo Body Footer. Limpe o cache do servidor e o cache do navegador, depois execute a sequência de diagnóstico.

WPEngine

Instale o plugin de JavaScript personalizado do WP Engine mencionado acima. Cole o snippet lá. A camada de cache do WPEngine pode servir uma versão antiga; limpe o cache do WPEngine após salvar.

Shopify

Edite o theme.liquid e cole o snippet logo antes de </body>. Salve e visite a loja ativa (não a visualização do editor de temas) para acionar a ativação.

React / Next.js / SPA

O SeaText espera um carregamento de página tradicional. Em um aplicativo de página única (SPA), o script é executado uma vez no carregamento inicial, mas não reinicializa nas mudanças de rota. Você deve chamar a função de inicialização do SeaText manualmente após cada mudança de rota ou usar um componente de layout que injete o script em cada carregamento de página.

Processo de ativação e verificação

O fluxo oficial de integração tem três etapas visíveis:

  1. Adicione o SeaText ao seu site em menos de 1 minuto — cole o snippet.
  2. Ative os agentes autônomos necessários — no Main AI Hub, escolha os agentes (Otimizador de CRO, Tradução, Chat, etc.) e clique em Ativar.
  3. Veja sua taxa de conversão e tráfego crescerem — o painel começa a gerar relatórios assim que visitantes reais acionam os agentes.

Se a etapa 1 for concluída, mas a etapa 2 não mostrar agentes disponíveis, o handshake provavelmente falhou. Retorne à sequência de diagnóstico.

Fatos principais

FatoDetalheFonte
Posicionamento do scriptColar antes da tag de fechamento </body>S1
Requisito de contaUma conta SeaText por domínio principalS1
Restrição de localhostURLs de desenvolvimento como localhost são restritas por segurançaS1
Tempo de permanência para ativaçãoPermaneça na página pelo menos 40 segundos, depois aguarde 5 minutos pelo painelS1
Escalonamento de suporteEntre em contato com o suporte se o nome do site não estiver visível após 10 minutosS1
Solução alternativa para WPEngineUse o plugin do WP Engine para adicionar JavaScript personalizadoS1
IA inerte até ser ativadaA instalação é segura; a IA permanece inerte até ser ativada no Main AI HubS1
Fluxo de três etapasAdicionar script → Ativar agentes → Ver resultadosS2

Limitações e quando este guia não se aplica

  • Este guia cobre apenas a integração de JavaScript no lado do cliente. Integrações de API no lado do servidor, configurações de webhook ou configurações de CMS headless estão fora do escopo.
  • Se o seu site usa uma Política de Segurança de Conteúdo (CSP) rigorosa que bloqueia scripts de terceiros, você deve adicionar os domínios do SeaText à sua diretiva script-src da CSP. O pacote de origem não lista esses domínios; verifique a documentação ou o suporte do SeaText.
  • Erros originados dentro dos próprios servidores do SeaText (por exemplo, respostas 5xx da API deles) não podem ser corrigidos do seu lado. A sequência de diagnóstico mostrará erros de rede no console; nesse caso, entre em contato com o suporte.
  • Modificações personalizadas no snippet do SeaText (minificação, agrupamento, carregamento assíncrono) não são suportadas e podem interromper o handshake.

Terminologia

Snippet
A tag <script> curta fornecida em sua conta SeaText que carrega a biblioteca SeaText e seu identificador de conta.
Handshake
O processo em segundo plano onde o script carregado entra em contato com os servidores do SeaText, valida a conta e registra o domínio.
Main AI Hub
A seção do painel onde você habilita agentes de IA específicos (tradução, CRO, chat, etc.) para o seu site.
Edição de Variantes
A interface para revisar e editar manualmente traduções automáticas e variantes de conteúdo geradas pelo SeaText.
URL Principal
O domínio único vinculado permanentemente a uma conta SeaText. Domínios adicionais exigem contas separadas.

FAQ

Por que o console mostra "SeaText is not defined"?

O script falhou ao carregar (erro de rede, bloqueio de CSP) ou foi executado antes que o DOM estivesse pronto. Mova o snippet para o rodapé ou adicione defer.

Posso testar no localhost?

Não. O SeaText restringe localhost e domínios de visualização dinâmica por segurança. Use um domínio de staging real e crie uma conta dedicada.

Quanto tempo até o painel mostrar meu site?

Pelo menos cinco minutos após uma sessão real de navegador de 40+ segundos. Se não estiver visível após dez minutos, entre em contato com o suporte.

Preciso de uma conta separada para um subdomínio?

Sim. Cada URL principal requer sua própria conta SeaText. Um subdomínio conta como uma URL principal separada.

E se eu usar o WPEngine?

Instale o plugin do WP Engine que permite JavaScript personalizado, cole o snippet lá e limpe o cache do WPEngine.

Por que as traduções não aparecem após a ativação?

Verifique se você ativou o Agente de Tradução de Site no Main AI Hub. Verifique também se a página possui conteúdo de texto detectável; o SeaText traduz apenas nós de texto renderizados.

Posso agrupar o script do SeaText com meu próprio pacote JS?

Não recomendado. O snippet deve carregar diretamente da CDN do SeaText para manter o handshake e receber atualizações. O agrupamento interrompe a vinculação conta-domínio.

Leitura adicional e fontes de comparação

Estas fontes externas fornecem contexto adicional para avaliar o tópico. Sua inclusão não é um endosso.

Saiba mais

Visite o site para mais informações.

Recommended Solution

Ready to Take the Next Step?

See how our verified tools and services help you put this guide into practice.