Analytics Patterns

import { NinetailedInsightsPlugin } from '@ninetailed/experience.js-plugin-insights';

<NinetailedProvider
  clientId={apiKey}
  plugins={[new NinetailedInsightsPlugin()]}
>

import { NinetailedGoogleTagmanagerPlugin } from '@ninetailed/experience.js-plugin-google-tagmanager';

<NinetailedProvider
  clientId={apiKey}
  plugins={[
    new NinetailedInsightsPlugin(),
    new NinetailedGoogleTagmanagerPlugin({
      gtmId: process.env.NEXT_PUBLIC_GTM_ID,
    }),
  ]}
>

import { NinetailedSegmentPlugin } from '@ninetailed/experience.js-plugin-segment';

plugins={[new NinetailedSegmentPlugin()]}

import { useNinetailed } from '@ninetailed/experience.js-next';

const { track, identify, page } = useNinetailed();
track('button_click', { label: 'CTA' });