​
Sending Events

Events track user actions like clicks, sign-ups, or purchases. In this third step, we’ll track two events for the new-feature flag (from Quickstart: Set Up a Flag) to test if the new layout boosts conversions in an experiment.
  • Sign-Up CTA Click (sign-up clicks within the layout (Disabled / Enabled)
  • Sign-Up Complete (completed sign-ups).
1

Check SDK Setup

Ensure the SDK is initialized (from Quickstart: Integrate the SDK):
import { FlagSyncFactory } from '@flagsync/js-sdk';

const factory = FlagSyncFactory({
  sdkKey: 'your-sdk-key',
  core: {
    key: 'userId_0x123'
  }
});

const client = factory.client();
await client.waitForReady();
2

Track CTA Clicks

Add a track() call when users click the CTA:
<Button id="signup-btn" onClick{() => {
  client.track('signup-cta-click')
  router.push('/signup')
}}>
  Sign Up
</Button>
3

Track Sign-Ups

Log when users complete registration:
function onSignUpComplete() {
  client.track('signup-complete');
}
4

Verify in Dashboard

  • In the Dashboard, Click ”+” next to Metrics or go to Create a Metric.
  • Check that signup-cta-click and signup-complete appear in the “Select Event” dropdown—they’ll auto-populate from these track calls.
  • You also also watch Live Events from the Dashboard.

​
Next Steps

Events are flowing—now use them: