Added tracking methods

Author: NielsCodes

projects/pixel/src/lib/pixel.service.ts

@@ -1,8 +1,10 @@
-import { PixelConfiguration } from './pixel.models';
+import { PixelConfiguration, PixelEventProperties } from './pixel.models';
 import { Inject, Injectable, Optional } from '@angular/core';
 import { NavigationEnd, Router } from '@angular/router';
 import { filter } from 'rxjs/operators';
 
+declare var fbq: any;
+
 @Injectable({
   providedIn: 'root'
 })
@@ -17,16 +19,15 @@ export class PixelService {
       // Log page views after router navigation ends
       router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(event => {
 
-          // if (this.isLoaded()) {
-          //   this.track('PageView');
-          // }
+        if (this.isLoaded()) {
+          this.track('PageView');
+        }
 
-        });
+      });
     }
 
   }
 
-
   /**
    * Initialize the Pixel tracking script
    * - Adds the script to page's head
@@ -43,6 +44,57 @@ export class PixelService {
     this.config.enabled = false;
   }
 
+  /**
+   * Track a Standard Event as predefined by Facebook
+   * @see {@link https://developers.facebook.com/docs/facebook-pixel/reference}
+   * @param eventName The name of the event that is being tracked
+   * @param properties Optional properties of the event
+   */
+  track(
+    eventName:
+    'AddPaymentInfo' |
+    'AddToCart' |
+    'AddToWishlist' |
+    'CompleteRegistration' |
+    'Contact' |
+    'CustomizeProduct' |
+    'Donate' |
+    'FindLocation' |
+    'InitiateCheckout' |
+    'Lead' |
+    'PageView' |
+    'Purchase' |
+    'Schedule' |
+    'Search' |
+    'StartTrial' |
+    'SubmitApplication' |
+    'Subscribe' |
+    'ViewContent',
+    properties?: PixelEventProperties
+    ): void {
+
+    if (properties) {
+      fbq('track', eventName, properties);
+    } else {
+      fbq('track', eventName);
+    }
+
+  }
+
+  /**
+   * Track a custom Event
+   * @see {@link https://developers.facebook.com/docs/facebook-pixel/implementation/conversion-tracking#custom-conversions}
+   * @param eventName The name of the event that is being tracked
+   * @param properties Optional properties of the event
+   */
+  trackCustom(eventName: string, properties?: object): void {
+    if (properties) {
+      fbq('trackCustom', eventName, properties);
+    } else {
+      fbq('trackCustom', eventName);
+    }
+  }
+
   /**
    * Adds the Facebook Pixel tracking script to the application
    * @param pixelId The Facebook Pixel ID to use