TKTrackkit
Playground

Create custom dataLayer events and parameters.

Use this page to test any event name and JSON parameter object before wiring it into your own Next.js components.

Builder

Custom event payload

Enter any flat or nested JSON object. These keys become tracking dataLayer variables under `parameters`.
Preview

Payload preview

{
  "event": "playground_custom_event",
  "parameters": {
    "flow_name": "Demo onboarding",
    "step_name": "Choose plan",
    "step_number": 2,
    "plan_type": "Starter",
    "experiment_id": "playground_custom_event"
  }
}
dataLayer

Last entries

Fire the event, then compare this log with DataLayer Checker.

No events yet.
Usage

Equivalent package code

import { trackCustomEvent } from "nextjs-trackkit";

trackCustomEvent({
  event: "playground_custom_event",
  parameters: {
  "flow_name": "Demo onboarding",
  "step_name": "Choose plan",
  "step_number": 2,
  "plan_type": "Starter",
  "experiment_id": "playground_custom_event"
}
});