Conversion tracking require a Business plan
subscription or higher.
lead
event happens when a user performs an action that indicates interest in your product or service. This could be anything from:
- Signing up for an account
- Adding a product to cart
- Joining a mailing list

Prerequisites
Before you get started, make sure you follow the Dub Conversions quickstart guide to get Dub Conversions set up for your links:- Enable conversion tracking for your links
- Install the @dub/analytics client-side SDK
- Install the Dub server-side SDK
Configure NextAuth.js Options
Then, set up your NextAuth.js configuration options to track lead conversion events using thedub
TypeScript SDK.
Here’s how it works in a nutshell:
- Use NextAuth’s
signIn
event to detect when there’s a new sign up. - If the user is a new sign up, check if the
dub_id
cookie is present. - If the
dub_id
cookie is present, send a lead event to Dub usingdub.track.lead
- Delete the
dub_id
cookie.
dub_id
cookie anymore.
In NextAuth.js, the
isNewUser
flag will only be available if you’re using
next-auth
’s database
implementation
(otherwise it’ll return undefined
). In that case, you should move the logic
above to the signIn
callback
instead.Property | Required | Description |
---|---|---|
clickId | Yes | The unique dub_id parameter that the lead conversion event is attributed to. |
eventName | Yes | The name of the event. Example: “Sign up”. |
customerExternalId | Yes | The unique ID of the customer in your system. Will be used to identify and attribute all future events to this customer. |
customerEmail | No | The email address of the customer. If not passed, a random email address will be generated. |
customerName | No | The name of the customer. If not passed, a random name will be generated (e.g. “Big Red Caribou”). |
customerAvatar | No | The avatar URL of the customer. If not passed, a random avatar URL will be generated. |
Create a NextAuth.js Route Handler
Finally, import theauthOptions
variable you created earlier and use NextAuth
to create a handler for your NextAuth.js routes.
View your conversions
Once you’ve completed the setup, all your tracked conversions will show up in Dub Analytics. We provide 3 different views to help you understand your conversions:- Time-series: A time-series view of the number clicks, leads and sales.

- Funnel chart: A funnel chart view visualizing the conversion & dropoff rates across the different steps in the conversion funnel (clicks → leads → sales).

- Real-time events stream: A real-time events stream of every single conversion event that occurs across all your links in your workspace.
