A tiny open-source posthog custom plugin for analytics support. https://getanalytics.io/

PosthogPlugin.ts

import posthog from 'posthog-js'

import { env } from '../../configs'

type Config = {
  token: string
  enabled: boolean
}

export default function postHog(config: Config) {
  let isPostHogLoaded = false

  return {
    name: 'posthog',

    initialize: (): void => {
      if (config.enabled && typeof window !== 'undefined') {
        posthog.init(config.token, { api_host: env.NEXT_PUBLIC_POSTHOG_HOST })
        isPostHogLoaded = true
      }
    },

    track: ({ payload }: any): void => {
      posthog.capture(payload.event, payload.properties)
    },

    page: ({ payload }: any): void => {
      posthog.capture('$pageview', payload.properties)
    },

    identify: ({
      payload,
    }: {
      payload: {
        userId: string
        traits: {
          $set?: object
          $set_once?: object
        }
      }
    }): void => {
      const { userId } = payload
      const { $set, $set_once } = payload.traits

      if (userId) {
        posthog.identify(payload.userId, $set, $set_once)
      }
    },

    loaded: (): boolean => {
      return isPostHogLoaded
    },
  }
}