Developer toolkit

Analytics SDKs and APIs built for teams that ship in code.

Install a lightweight browser SDK, stream trusted server events, and keep product analytics close to your release workflow. Produl gives developers a clean event API, server SDK, docs, and privacy controls without third-party cookies.

7 KB
browser SDK
2xx
event ingestion
0
third-party cookies
event pipeline
import { track } from '@produl/analytics'

track('signup_started', {
  plan: 'team',
  source: 'pricing',
  experiment: 'checkout-v3'
})

await produl.events.track('invoice_paid', {
  distinctId: customer.id,
  revenue: invoice.amount_paid
})
Browser events+14%
1.8M
Server events+22%
240K
API latencyp95
42ms
Schema issuesclean
0
SDK loadedserver key scopedprivacy controls active

One install, every framework

Drop Produl into Next.js, React, Remix, Vue, plain HTML, or any app that can run a small first-party script.

Server-side events

Record signups, invoices, entitlement changes, and background jobs from trusted backend code with scoped server keys.

Typed payloads

Send clean event names and structured properties that stay readable in funnels, dashboards, exports, and alerts.

Integration hooks

Connect deploys, billing systems, status updates, and internal workflows without turning analytics into another data silo.

SDKs, server events, and API

Choose the integration surface that matches the event.

Pageviews and Web Vitals belong in the browser. Billing, permissions, lifecycle events, and revenue should come from your backend. Produl keeps both paths aligned in the same dashboard.

Next.js/docs/install/nextjs
npm install @produl/analytics

import { ProdulProvider } from '@produl/analytics/react'

export default function RootLayout({ children }) {
  return <ProdulProvider siteId={process.env.NEXT_PUBLIC_PRODUL_SITE_ID}>{children}</ProdulProvider>
}
Server SDK/docs/server-sdk
import { Produl } from '@produl/server'

const produl = new Produl({ apiKey: process.env.PRODUL_SERVER_KEY })

await produl.events.track('checkout_completed', {
  distinctId: user.id,
  revenue: 12900,
  currency: 'USD',
})
Event API/docs/api
curl https://api.produl.tech/v1/events \
  -H 'Authorization: Bearer $PRODUL_SERVER_KEY' \
  -H 'Content-Type: application/json' \
  -d '{
    "event": "trial_started",
    "site_id": "site_123",
    "properties": { "plan": "pro" }
  }'
Step 1

Install

Add the tracker, React provider, or framework guide that matches your stack.

Step 2

Track

Capture pageviews, custom events, Web Vitals, revenue, and server-side lifecycle events.

Step 3

Query

Use dashboards and APIs to inspect conversion paths, deploy impact, and product usage.

Step 4

Act

Trigger alerts, investigate drops, and share links with product, marketing, and engineering.

Event contract

A cleaner way to send custom product events.

Keep event names readable, properties structured, and privacy choices explicit. Your team gets analytics that survive refactors, launches, and new frameworks.

Scoped API keys per site
Server events bypass client ad blockers
Payload validation with clear error responses
Idempotency keys for retry-safe ingestion
Privacy controls applied before aggregation
Exports stay aligned with dashboard data
Browser
pricing_viewed
pageview + route
Product
report_exported
custom event
Backend
invoice_paid
server event
Deploy
release_created
annotation
Validated payload202 accepted
{
  "event": "checkout_completed",
  "distinct_id": "usr_42",
  "properties": {
    "plan": "team",
    "revenue": 4900,
    "source": "server-sdk"
  }
}
Developer guardrails

Powerful APIs without turning privacy into a footnote.

Produl applies site-level controls before data reaches reports. Server keys are scoped, client installs stay lightweight, and cookieless tracking remains the default posture.

Cookieless by default

No third-party cookies or ad-tech fingerprints are needed for normal analytics.

Scoped credentials

Use public site IDs in the browser and server keys only from trusted backend code.

Small client footprint

Measure traffic, events, and Web Vitals without dragging down the pages you monitor.

Exportable data

Dashboards, APIs, and exports stay tied to the same event model.

Ship analytics instrumentation like product code.

Start with the browser SDK, add server events when accuracy matters, and give every team the same source of truth for usage, revenue, and performance.