Il pacchetto @tracio/angular incapsula il core @tracio/sdk ed espone primitive Angular idiomatiche: un provider da inserire nella configurazione dell'applicazione e un servizio basato sui signal da iniettare ovunque.
npm install @tracio/angular @tracio/sdk@angular/core (17, 18 o 19) è una peer dependency e si presume sia già installato nell'app.
Inserisca provideTracio(config) in ApplicationConfig.providers.
// app.config.tsimport { provideTracio } from "@tracio/angular"export const appConfig: ApplicationConfig = { providers: [provideTracio({ publicKey: "5ca175fc…" })],}Inietti TracioService per leggere lo stato di identificazione tramite signal in sola lettura:
| Membro | Tipo | Descrizione |
|---|---|---|
visitorId() | Signal<string | null> | L'identificatore stabile del visitatore. |
result() | Signal<TracioResult | null> | Il risultato completo dell'identificazione. |
error() | Signal<TracioError | null> | L'ultimo errore, se presente. |
isLoading() | Signal<boolean> | Indica se una richiesta è in corso. |
getVisitorData() | metodo | (Ri)recupera i dati del visitatore in modo imperativo. |
// home.component.tsimport { Component, inject } from "@angular/core"import { TracioService } from "@tracio/angular"@Component({ selector: "app-home", template: `<span>{{ tracio.visitorId() }}</span>` })export class HomeComponent { readonly tracio = inject(TracioService)}Chiami getVisitorData() per rimandare o riavviare l'identificazione — ad esempio solo dopo che l'utente ha concesso il consenso.
// app.config.tsimport { provideTracio } from "@tracio/angular"export const appConfig: ApplicationConfig = { providers: [provideTracio({ publicKey: "5ca175fc…" })],}// home.component.tsimport { Component, inject } from "@angular/core"import { TracioService } from "@tracio/angular"@Component({ selector: "app-home", template: `<span>{{ tracio.visitorId() }}</span>` })export class HomeComponent { readonly tracio = inject(TracioService)}@tracio/sdk su cui si basa il servizio