react-facebook-pixel
react-facebook-pixel copied to clipboard
PageView with event ID
PageView event with Event ID for deduplication.
Hi, We're using this package and it's really good. The only problem is related to deduplication. We want to add eventID into PageView event.
In order to add eventID, I used this code.
ReactPixel.fbq('track', 'PageView', {}, { eventID });
.
I put this code after initialization of ReactPixel package.
ReactPixel.init(PIXEL_ID);
When first page is loaded, since the above code is executed, the eventID is attaching to event info of PageView Event. But after first page, for other pages, no eventID is attaching to event Info. I added the above code for every pages ( ComponentDidMount ), but it seems that PageView event request is called automatically when page is loaded. Is there any way to add eventID into PageView Event?
Currently you cannot achieve this using the package.
In order to achieve deduplication you have to:
- Install Pixel using the JS method here https://developers.facebook.com/docs/facebook-pixel/get-started/
- Inside the script, remove the default
fbq('track', 'PageView')
If you still find PageView events are logging automatically:
- You can set disablePushState to true to stop sending PageView events on history state changes as stated https://developers.facebook.com/ads/blog/post/2017/05/29/tagging-a-single-page-application-facebook-pixel/:
fbq.disablePushState = true
before eachfbq.init
- Now you can use fbq('track', 'PageView', {}, { eventID })
If you faced a problem that no PageView events are being tracked
- set
fbq.allowDuplicatePageViews = true
after disable pushState
Is anyone maintaining this repo??
https://www.npmjs.com/package/@bettercart/react-facebook-pixel
Hi, there are still no way of handling dedplication of events as of December of 2023 ? Thanks guys !