Mixpanel

Track how your customers use Layer’s embedded accounting features in Mixpanel, alongside the rest of your product analytics. Layer’s React components emit UI events as users interact with them, and you can forward those events to Mixpanel from a single callback.

Setup

Subscribe to component events through the onEvent callback on <LayerProvider> and pass them to Mixpanel’s track method:

import { LayerProvider } from "@layerfi/components";
import mixpanel from "mixpanel-browser";

<LayerProvider
  businessId="<layer_business_id>"
  businessAccessToken="<access_token>"
  eventCallbacks={{
    onEvent: (event) => {
      mixpanel.track(`layer.${event.type}`, {
        ...event.payload,
        component: event.metadata.component,
      });
    },
  }}
>
  {...}
</LayerProvider>

Every event includes a type, a typed payload, and metadata identifying the component it came from. Prefixing the event name (for example layer.tasks.month_selected) keeps Layer activity easy to filter in Mixpanel. See the UI events reference for the full catalog of events and their payloads.

What to measure

Adoption - which businesses open accounting features, and which components they use
Engagement - how often customers review transactions, run reports, or complete tasks
Funnels - where customers drop off in flows like account linking or transaction categorization

Financial Activity

Data & Analytics

Setup

What to measure

​Setup

​What to measure

Setup

What to measure