Merge branch 'master' into patch-1

zsajjad · Dec 11, 2019 · 970aedd · 970aedd
2 parents 89fffca + 16aecf1
commit 970aedd
Show file tree

Hide file tree

Showing 6 changed files with 329 additions and 308 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 # React Facebook Pixel
 [![npm](https://img.shields.io/npm/dm/react-facebook-pixel.svg)](https://www.npmjs.com/package/react-facebook-pixel)
 
-> React JS wrapper for [Facebook's Pixel](https://developers.facebook.com/docs/ads-for-websites/pixel-events/v2.9)
+> React JS wrapper for [Facebook's Pixel](https://developers.facebook.com/docs/facebook-pixel)
 
 
 ## Install
@@ -15,6 +15,11 @@ yarn add react-facebook-pixel
 
 ```
 
+**Typescript**
+
+Type definitions are included in this repository in the types/index.d.ts file.
+
+
 ## How to use
 ```js
 import ReactPixel from 'react-facebook-pixel';
@@ -27,9 +32,11 @@ const options = {
 };
 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
+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.trackSingle( 'PixelId', 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
+ReactPixel.trackSingleCustom( 'PixelId', event, data ) 	  // For tracking custom events
 ```
 **if you're bundling in CI**
 ```js
@@ -43,8 +50,6 @@ ReactPixel.trackCustom( event, data ) 	// For tracking custom events
 otherwise CI will complain there's no `window`.
 
 
-
-
 ## Dev Server
 ```
 npm run start

diff --git a/dist/fb-pixel.js b/dist/fb-pixel.js
diff --git a/package.json b/package.json
@@ -44,7 +44,7 @@
     "babel-preset-react": "6.23.0",
     "chai": "3.5.0",
     "chai-jquery": "2.0.0",
-    "eslint": "3.19.0",
+    "eslint": "4.18.2",
     "eslint-config-airbnb": "14.1.0",
     "eslint-plugin-import": "2.2.0",
     "eslint-plugin-jsx-a11y": "4.0.0",

diff --git a/src/index.js b/src/index.js
@@ -90,6 +90,22 @@ export default {
     }
   },
 
+  trackSingle(pixel, title, data) {
+    if (!verifyInit()) {
+      return;
+    }
+
+    fbq('trackSingle', pixel, title, data); // eslint-disable-line no-undef
+
+    if (debug) {
+      log(`called fbq('trackSingle', '${pixel}', '${title}');`);
+
+      if (data) {
+        log('with data', data);
+      }
+    }
+  },
+
   trackCustom(event, data) {
     if (!verifyInit()) {
       return;
@@ -106,6 +122,22 @@ export default {
     }
   },
 
+  trackSingleCustom(pixel, event, data) {
+    if (!verifyInit()) {
+      return;
+    }
+
+    fbq('trackSingle', pixel, event, data); // eslint-disable-line no-undef
+
+    if (debug) {
+      log(`called fbq('trackSingleCustom', '${pixel}', '${event}');`);
+
+      if (data) {
+        log('with data', data);
+      }
+    }
+  },
+
   fbq(...args) {
     if (!verifyInit()) {
       return;

diff --git a/types/index.d.ts b/types/index.d.ts
@@ -122,3 +122,6 @@ export function init(pixelId: string, advancedMatching?: AdvancedMatching, optio
 export function pageView(): void;
 export function track(title: string, data?: Data | any): void;
 export function trackCustom(title: string, data?: Data | any): void;
+export function trackSingle(pixel: string, title: string, data?: Data | any): void;
+export function trackSingleCustom(pixel: string, title: string, data?: Data | any): void;
+export function fbq(...args: Array<unknown>): void;