Send Events

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).

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();

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>

document
  .getElementById('signup-btn')
  .addEventListener('click', () => {
    client.track('signup-cta-click');
  });

Track Sign-Ups

Log when users complete registration:

function onSignUpComplete() {
  client.track('signup-complete');
}

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:

Define metrics in Quickstart: Define Metrics.
Learn more in Events.

Define MetricsAggregate events into insights for FlagSync.

Getting Started

Feature Flags

Impressions

Events

Metrics

Experiments

Sending Events

Next Steps

​Sending Events

​Next Steps

Sending Events

Next Steps