@deldico/tracking-client

Tracking client

Usage

React apps

import * as React from "react";
import DeldicoTrackingClient from "tracking-client";

export default function App() {
  const trackingClient = new DeldicoTrackingClient({
    token: "<your-client-token>",
    gtmURL: "https://<gtm-server-url>",
  });

  // Initialize the client on mount
  React.useEffect(() => {
    (async () => {
      await trackingClient.init();
      console.log(trackingClient.fingerprint);
    })();
  }, []);

  return (
    <div className="prose font-body">
      <h1 className="underline decoration-green-400">Hello world!</h1>
    </div>
  );
}

Angular apps

import { Component, OnInit } from '@angular/core';
// @ts-ignore
import DeldicoTrackingClient from 'tracking-client';

const trackingClient = new DeldicoTrackingClient({
  token: "<your-client-token>",
  gtmURL: 'https://tracking-gtm.fly.dev',
});

@Component({
  selector: 'app-xyz',
  templateUrl: './xyz.component.html',
  styleUrls: ['./xyz.component.scss'],
})
export class XyzComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {
    trackingClient.init().then(() => {
      console.log(trackingClient.fingerprint);
    });
  }
}