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

FacebookPixel.ts

type Config = {
  pixelId: string
  enabled: boolean
}

let fb: any
let fbLoaded = false
export default function facebookPixel(config: Config) {
  return {
    name: 'facebook-pixel',

    initialize: async ({ config }) => {
      const { pixelId } = config
      if (typeof window !== 'undefined') {
        await import('react-facebook-pixel')
          .then((module) => (fb = module.default))
          .then(() => {
            if (!fbLoaded) {
              fb.init(pixelId, {
                autoConfig: true,
                debug: true,
              })
              fbLoaded = true
            }
          })
      }
    },
    page: (): void => {
      fb.pageView()
    },

    track: ({ payload }) => {
      fb.track(payload.event, payload.properties)
    },

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

continuing the conversation here

continuing the conversation here

Sure @harrisyn

I will make a loom to show you what my implementation looks like, otherwise if you are available for call, let me know

Sure @harrisyn

Hi @abhishekpatel946 and @harrisyn,

Can you share the final code for the FacebookPixel plugin ?

Thanks,
Aldo

@Mexflubber This is the working code and final code. Is it not working for you properly?
FYI I'm using getAnalytics open-source package and this the plug-in for Facebook Pixel. You just need to connect with getAnalytics using the above code as utility and it's doing their job.