Templates

Start fast with proven patterns

Copy hosted-platform patterns for npm, script tag, cross-domain, and server-side Events enrichment, no infrastructure to deploy.

Quick start Live demo

Starters

Choose your stack

Next.js · TypeScript · OriginID

Next.js App Router

Install @digitalfingerprintjs/client or load the official CDN, init with a public pk_… key, and forward eventId to a Route Handler for Events GET with a secret sk_… key.

View guide →

Multi-origin · allowed hostnames

Cross-domain identification

Use one project API key across multiple origins, add each site domain to allowed hostnames in the console.

View guide →

HTML · originid.global.js · analytics-marketing

Vanilla HTML: analytics

Slim production response; import analytics-marketing rules preset; gate sensitive actions on confidence via Events GET.

index.html

<script src="/originid.global.js"></script>
<div id="origin-id">Identifying…</div>
<script>
  OriginID.init({
    endpoint: "https://api.digitalfingerprintjs.com/api/identify",
    apiKey: "YOUR_PUBLIC_API_KEY",
  })
    .ready()
    .then((r) => {
      document.getElementById("origin-id").textContent = r.originId;
      // Send r.eventId to your backend for Events GET (secret sk_… key)
    });
</script>

HTML · originid.global.js · signup-protection

Vanilla HTML: fraud / signup

Signup flow, identifyOnDemand before sensitive actions; import signup-protection; gate on confidence + rules via Events GET.

index.html

<script src="/originid.global.js"></script>
<div id="origin-id">Identifying…</div>
<script>
  OriginID.init({
    endpoint: "https://api.digitalfingerprintjs.com/api/identify",
    apiKey: "YOUR_PUBLIC_API_KEY",
    identifyOnDemand: true,
  })
    .ready()
    .then((r) => {
      document.getElementById("origin-id").textContent = r.originId;
      // Backend: GET /api/events/:eventId with sk_… — gate on confidence + suspectScore
    });
</script>

API · POST /api/account-link

Signup + account link

At registration, POST /api/account-link with email + originId to score duplicate-account risk.

View guide →

Hosted platform

We run the infrastructure

Identify, enrichment, and the console are fully managed. You install the SDK on your site and call Events GET from your backend.

Identify API

https://api.digitalfingerprintjs.com/api/identify

Events API

https://api.digitalfingerprintjs.com/api/events/:eventId

Console

dashboard.digitalfingerprintjs.com

Live demo

digitalfingerprintjs.com/demo

Create a free account to get your public and secret API keys, then follow the production checklist.

Ready to integrate?

Start with the live demo, then create a project in the console.

Create free account Open demo