meta-pixel

TypeScript implementation of the facebook's pixel script. This is a client-side only library.

Usage

Manually setup pixels

import { addScriptDefault } from 'meta-pixel'

const fbq = addScriptDefault()
fbq('set', 'autoConfig', 'pixel_01', true)
fbq('init', 'pixel_01')
fbq('track', 'PageView')

Using setup & multi pixels

import { setup } from 'meta-pixel'

const { $fbq } = setup()
  .init('pixel_01')
  .init('pixel_02', false)
  .pageView()

$fbq('track', 'CompleteRegistration')

Combining both

import { addScriptDefault, setup } from 'meta-pixel'

const fbq = addScriptDefault()
setup(fbq)
  .init('pixel_01')
  .init('pixel_02')
  .pageView()

fbq('track', 'CompleteRegistration')

Manually define fbevents script

- const fbq = metapixel.addScriptDefault()
+ const fbq = metapixel.addScript(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js')

Resources

• https://developers.facebook.com/docs/meta-pixel/get-started/
• https://developers.facebook.com/docs/meta-pixel/advanced/#automatic-configuration