/react-facebook-pixel

React JS wrapper for Facebook's Pixel

Primary LanguageJavaScriptMIT LicenseMIT

react-facebook-pixel

React JS wrapper for Facebook's Pixel

Install

npm install react-facebook-pixel

or

yarn add react-facebook-pixel

How to use

import ReactPixel from 'react-facebook-pixel';


const advancedMatching = { em: 'some@email.com' }; // optional, more info: https://developers.facebook.com/docs/facebook-pixel/pixel-with-ads/conversion-tracking#advanced_match
const options = {
	autoConfig: true, 	// set pixel's autoConfig
    debug: false, 		// enable logs
};
ReactPixel.init('yourPixelIdGoesHere', advancedMatching, options);

ReactPixel.pageView(); 					// For tracking page view
ReactPixel.track( event, data ) 		// For tracking default events, more info about events and data https://developers.facebook.com/docs/ads-for-websites/pixel-events/v2.9
ReactPixel.trackCustom( event, data ) 	// For tracking custom events

Dev Server

npm run start

Default dev server runs at localost:8080 in browser. You can set IP and PORT in webpack.config.dev.js

Production Bundle

npm run bundle

Follow me on Twitter: @zsajjad93