Angular

Inteligência de dispositivos para Angular

Serviço injetável de Angular para a identificação de dispositivos. Adicione identificação de visitantes, detecção de bots e smart signals à sua aplicação Angular em minutos.

Comece agora Agendar uma demonstração

Instalação rápida

Adicione o SDK ao seu projeto com o gerenciador de pacotes de sua preferência.

npmnpm install @tracio/angular

yarnyarn add @tracio/angular

pnpmpnpm add @tracio/angular

Uso básico

Coloque tudo em funcionamento com a configuração mínima.

$typescript

import { Component, inject, effect } from '@angular/core'
import { TracioService } from '@tracio/angular'
@Component({ ... })
export class AppComponent {
  private tracio = inject(TracioService)
  constructor() {
    // visitorId() is a signal — read it reactively
    effect(() => console.log(this.tracio.visitorId()))
  }
}

Padrões avançados

Padrões prontos para produção com tratamento de erros, estados de carregamento e configuração avançada.

Injeção de serviço baseada em signals — Clique para expandir

import { Component, inject } from '@angular/core'
import { TracioService } from '@tracio/angular'
@Component({
  selector: 'app-protected',
  template: `
    <div *ngIf="tracio.result() as result">
      <p>Visitor: {{ result.visitorId }}</p>
      <p>Bot: {{ result.bot.detected ? 'detected' : 'clear' }} ({{ result.bot.confidence }}/100)</p>
    </div>
  `,
})
export class ProtectedComponent {
  // provideTracio({ publicKey }) is registered in app.config.ts
  readonly tracio = inject(TracioService)
}

Opções de configuração

Todas as opções disponíveis para inicializar e configurar o SDK.

publicKeystringSua chave pública do painel — segura para enviar no navegador

endpointstringURL de endpoint personalizada para implantações roteadas via proxy — uma URL explícita prevalece sobre region

regionstringRegião de dados: us ou eu

timeoutMsnumberTimeout de toda a chamada getResult(), em milissegundos

linkedIdstringO ID interno da conta do usuário autenticado, para vincular visitas que compartilham um dispositivo

tagstringRótulo livre anexado à requisição de identificação, ex.: checkout ou login

debugbooleanRegistra o ciclo de vida do script e a atividade de rede no console do navegador

scriptUrlstringSubstituição completa da URL do script do agente — para self-hosting ou Subresource Integrity

Próximos passos

Aprofunde-se com a referência completa da API, a configuração de webhooks e guias avançados.

Documentação

Referência completa da API, guias de integração e boas práticas.

Ler a documentação

Webhooks

Entrega de eventos em tempo real, schema de payload e verificação de assinatura.

Ver Webhooks