@sellout/utils 0.0.72 → 0.0.73

package/.dist/ClientTrackingUtil.d.ts

@@ -0,0 +1,9 @@
+export declare enum ClientTrackingEventTypes {
+    Purchase = "Purchase"
+}
+export interface IClientTrackingIds {
+    googleAnalyticsId?: string;
+    facebookPixelId?: string;
+}
+export declare function initialize(clientTrackingIds: IClientTrackingIds): void;
+export declare function track(type: ClientTrackingEventTypes, params: any): void | null;

package/.dist/ClientTrackingUtil.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.track = exports.initialize = exports.ClientTrackingEventTypes = void 0;
+const GoogleUtil = require("./GoogleUtil");
+const FacebookUtil = require("./FacebookUtil");
+var ClientTrackingEventTypes;
+(function (ClientTrackingEventTypes) {
+    ClientTrackingEventTypes["Purchase"] = "Purchase";
+})(ClientTrackingEventTypes = exports.ClientTrackingEventTypes || (exports.ClientTrackingEventTypes = {}));
+;
+function initialize(clientTrackingIds) {
+    GoogleUtil.initialize(clientTrackingIds.googleAnalyticsId);
+    FacebookUtil.initialize(clientTrackingIds.facebookPixelId);
+}
+exports.initialize = initialize;
+function track(type, params) {
+    switch (type) {
+        case ClientTrackingEventTypes.Purchase:
+            return trackPurchase(params);
+        default:
+            return null;
+    }
+}
+exports.track = track;
+function trackPurchase({ order, orderTotal, channel, currency = 'USD', }) {
+    GoogleUtil.track('event', 'purchase', {
+        transaction_id: order._id,
+        value: orderTotal / 100,
+        affiliation: channel,
+        currency,
+    });
+    FacebookUtil.track('track', 'Purchase', {
+        value: orderTotal / 100,
+        currency,
+    });
+}
+//# sourceMappingURL=ClientTrackingUtil.js.map

package/.dist/ClientTrackingUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientTrackingUtil.js","sourceRoot":"","sources":["../src/ClientTrackingUtil.ts"],"names":[],"mappings":";;;AAAA,2CAA2C;AAC3C,+CAA+C;AAE/C,IAAY,wBAEX;AAFD,WAAY,wBAAwB;IAClC,iDAAqB,CAAA;AACvB,CAAC,EAFW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAEnC;AAAA,CAAC;AAOF,SAAgB,UAAU,CAAC,iBAAqC;IAC9D,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,YAAY,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAC7D,CAAC;AAHD,gCAGC;AAED,SAAgB,KAAK,CAAC,IAA8B,EAAE,MAAW;IAC/D,QAAQ,IAAI,EAAE;QACZ,KAAK,wBAAwB,CAAC,QAAQ;YACpC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC;AAPD,sBAOC;AAED,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,GACjB;IACC,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE;QACpC,cAAc,EAAE,KAAK,CAAC,GAAG;QACzB,KAAK,EAAE,UAAU,GAAG,GAAG;QACvB,WAAW,EAAE,OAAO;QACpB,QAAQ;KACT,CAAC,CAAC;IAEH,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE;QACtC,KAAK,EAAE,UAAU,GAAG,GAAG;QACvB,QAAQ;KACT,CAAC,CAAC;AACL,CAAC"}

package/.dist/FacebookUtil.d.ts

@@ -0,0 +1,8 @@
+/****************************************************************************************
+  Initialization
+****************************************************************************************/
+export declare function initialize(facebookPixelId?: string | null): void;
+/****************************************************************************************
+  Tracking
+****************************************************************************************/
+export declare function track(type: string, action: string, params: object): Promise<void>;

package/.dist/FacebookUtil.js

@@ -0,0 +1,77 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.track = exports.initialize = void 0;
+const Wait = require("./wait");
+const SELLOUT_FACEBOOK_PIXEL_ID = '205397967210775';
+function waitForPixel() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield Wait.forTrue(() => Boolean(window.fbq));
+    });
+}
+/****************************************************************************************
+  Initialization
+****************************************************************************************/
+function initialize(facebookPixelId) {
+    try {
+        injectPixel(SELLOUT_FACEBOOK_PIXEL_ID);
+        if (facebookPixelId) {
+            injectPixel(facebookPixelId);
+        }
+        else {
+            console.log('Facebook Pixel not configured');
+        }
+    }
+    catch (e) {
+        console.error('Failed to inject Facebook Pixel');
+        console.error(e);
+    }
+}
+exports.initialize = initialize;
+function injectPixel(facebookPixelId) {
+    const headCode = `
+    < !--Facebook Pixel Code-- >
+    <script>
+      !function(f,b,e,v,n,t,s)
+    {if(f.fbq)return;n=f.fbq=function(){n.callMethod ?
+        n.callMethod.apply(n, arguments) : n.queue.push(arguments)};
+    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+    n.queue=[];t=b.createElement(e);t.async=!0;
+    t.src=v;s=b.getElementsByTagName(e)[0];
+    s.parentNode.insertBefore(t,s)}(window, document,'script',
+    'https://connect.facebook.net/en_US/fbevents.js');
+    fbq('init', '${facebookPixelId}');
+    fbq('track', 'PageView');
+  </script>
+    <noscript><img height="1" width="1" style="display:none"
+      src="https://www.facebook.com/tr?id=${facebookPixelId}&ev=PageView&noscript=1"
+    /></noscript>
+    <!--End Facebook Pixel Code-- >
+  `;
+    const headScript = document.createRange().createContextualFragment(headCode);
+    document.head.prepend(headScript);
+}
+/****************************************************************************************
+  Tracking
+****************************************************************************************/
+function track(type, action, params) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield waitForPixel();
+            window.fbq(type, action, params);
+        }
+        catch (e) {
+            console.error('Facebook Pixel failed to track event');
+        }
+    });
+}
+exports.track = track;
+//# sourceMappingURL=FacebookUtil.js.map

package/.dist/FacebookUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacebookUtil.js","sourceRoot":"","sources":["../src/FacebookUtil.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+BAA+B;AAE/B,MAAM,yBAAyB,GAAG,iBAAiB,CAAC;AAEpD,SAAe,YAAY;;QACzB,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAE,MAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,CAAC;CAAA;AAED;;yFAEyF;AAEzF,SAAgB,UAAU,CAAC,eAA+B;IACxD,IAAI;QACF,WAAW,CAAC,yBAAyB,CAAC,CAAC;QACvC,IAAI,eAAe,EAAE;YACnB,WAAW,CAAC,eAAe,CAAC,CAAC;SAC9B;aAAM;YACL,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;SAC9C;KACF;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACjD,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KAClB;AACH,CAAC;AAZD,gCAYC;AAED,SAAS,WAAW,CAAC,eAAuB;IAC1C,MAAM,QAAQ,GAAG;;;;;;;;;;;mBAWA,eAAe;;;;4CAIU,eAAe;;;GAGxD,CAAC;IAEF,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAC7E,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AACpC,CAAC;AAED;;yFAEyF;AAEzF,SAAsB,KAAK,CAAC,IAAY,EAAE,MAAc,EAAE,MAAc;;QACtE,IAAI;YACF,MAAM,YAAY,EAAE,CAAC;YACpB,MAAc,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;SAC3C;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,sCAAsC,CAAC,CAAC;SACvD;IACH,CAAC;CAAA;AAPD,sBAOC"}

package/.dist/GoogleUtil.d.ts

@@ -0,0 +1,8 @@
+/****************************************************************************************
+  Initialization
+****************************************************************************************/
+export declare function initialize(googleAnalyticsId?: string | null): void;
+/****************************************************************************************
+  Tracking
+****************************************************************************************/
+export declare function track(type: string, action: string, params: object): Promise<void>;

package/.dist/GoogleUtil.js

@@ -0,0 +1,91 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.track = exports.initialize = void 0;
+const Wait = require("./wait");
+const SELLOUT_GOOGLE_ANALYTICS_ID = 'UA-112750612-5';
+const SELLOUT_GOOGLE_TAG_ID = 'GTM-WX7FFS6';
+function waitForGTag() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield Wait.forTrue(() => Boolean(window.gtag));
+    });
+}
+/****************************************************************************************
+  Initialization
+****************************************************************************************/
+function initialize(googleAnalyticsId) {
+    try {
+        injectGoogleAnalytics(SELLOUT_GOOGLE_ANALYTICS_ID);
+        injectGoogleTagManager(SELLOUT_GOOGLE_TAG_ID);
+        if (googleAnalyticsId) {
+            injectGoogleAnalytics(googleAnalyticsId);
+        }
+        else {
+            console.log('Google Analytics not configured');
+        }
+    }
+    catch (e) {
+        console.error('Failed to inject Google Analaytics');
+        console.error(e);
+    }
+}
+exports.initialize = initialize;
+function injectGoogleAnalytics(googleAnalyticsId) {
+    const headCode = `
+    < !--Global site tag(gtag.js) - Google Analytics-- >
+    <script async src="https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '${googleAnalyticsId}');
+    </script>
+  `;
+    const headScript = document.createRange().createContextualFragment(headCode);
+    document.head.prepend(headScript);
+}
+function injectGoogleTagManager(googleTagManagerAccountId) {
+    const headCode = `
+      <!-- Google Tag Manager -->
+      <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+      })(window,document,'script','dataLayer','${googleTagManagerAccountId}');</script>
+      <!-- End Google Tag Manager -->
+    `;
+    const headScript = document.createRange().createContextualFragment(headCode);
+    document.head.prepend(headScript);
+    const bodyCode = `
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${googleTagManagerAccountId}"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
+  `;
+    const bodyScript = document.createRange().createContextualFragment(bodyCode);
+    document.body.prepend(bodyScript);
+}
+/****************************************************************************************
+  Tracking
+****************************************************************************************/
+function track(type, action, params) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield waitForGTag();
+            window.gtag(type, action, params);
+        }
+        catch (e) {
+            console.error('Google Analytics failed to track event');
+        }
+    });
+}
+exports.track = track;
+//# sourceMappingURL=GoogleUtil.js.map

package/.dist/GoogleUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleUtil.js","sourceRoot":"","sources":["../src/GoogleUtil.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+BAA+B;AAE/B,MAAM,2BAA2B,GAAG,gBAAgB,CAAC;AACrD,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAE5C,SAAe,WAAW;;QACxB,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAE,MAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IACjE,CAAC;CAAA;AAED;;yFAEyF;AAEzF,SAAgB,UAAU,CAAC,iBAAiC;IAC1D,IAAI;QACF,qBAAqB,CAAC,2BAA2B,CAAC,CAAC;QACnD,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;QAC9C,IAAI,iBAAiB,EAAE;YACrB,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;SAC1C;aAAM;YACL,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;SAChD;KACF;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC;QACpD,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KAClB;AACH,CAAC;AAbD,gCAaC;AAED,SAAS,qBAAqB,CAAC,iBAAyB;IACtD,MAAM,QAAQ,GAAG;;qEAEkD,iBAAiB;;;;;wBAK9D,iBAAiB;;GAEtC,CAAC;IAEF,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAC7E,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,sBAAsB,CAAC,yBAAiC;IAC/D,MAAM,QAAQ,GAAG;;;;;;iDAM8B,yBAAyB;;KAErE,CAAC;IAEJ,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAC7E,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAElC,MAAM,QAAQ,GAAG;;yEAEsD,yBAAyB;;;GAG/F,CAAC;IAEF,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAC7E,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AACpC,CAAC;AAED;;yFAEyF;AAEzF,SAAsB,KAAK,CAAC,IAAY,EAAE,MAAc,EAAE,MAAc;;QACtE,IAAI;YACF,MAAM,WAAW,EAAE,CAAC;YACnB,MAAc,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;SAC5C;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,wCAAwC,CAAC,CAAC;SACzD;IACH,CAAC;CAAA;AAPD,sBAOC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/utils",
-  "version": "0.0.72",
+  "version": "0.0.73",
   "description": "Sellout.io utils",
   "scripts": {
     "prepare": "npm run build",
@@ -14,8 +14,8 @@
   "author": "samheutmaker@gmail.com",
   "license": "MIT",
   "dependencies": {
-    "@sellout/models": "^0.0.72",
-    "@sellout/service": "^0.0.72",
+    "@sellout/models": "^0.0.73",
+    "@sellout/service": "^0.0.73",
     "json2csv": "^5.0.0",
     "moment-timezone": "^0.5.28",
     "request": "^2.88.2",
@@ -26,5 +26,5 @@
     "nodemon": "^2.0.2",
     "typescript": "^3.8.3"
   },
-  "gitHead": "93aa10fbdd08330d24b8e63e9696afed3fbd43f3"
+  "gitHead": "666f85457f55bbb2cf458f092e1013fc961de007"
 }

package/src/ClientTrackingUtil.ts

@@ -0,0 +1,44 @@
+import * as GoogleUtil from './GoogleUtil';
+import * as FacebookUtil from './FacebookUtil';
+
+export enum ClientTrackingEventTypes {
+  Purchase = 'Purchase',
+};
+
+export interface IClientTrackingIds {
+  googleAnalyticsId?: string;
+  facebookPixelId?: string;
+}
+
+export function initialize(clientTrackingIds: IClientTrackingIds) {
+  GoogleUtil.initialize(clientTrackingIds.googleAnalyticsId);
+  FacebookUtil.initialize(clientTrackingIds.facebookPixelId);
+}
+
+export function track(type: ClientTrackingEventTypes, params: any) {
+  switch (type) {
+    case ClientTrackingEventTypes.Purchase:
+      return trackPurchase(params);
+    default:
+      return null;
+  }
+}
+
+function trackPurchase({
+  order,
+  orderTotal,
+  channel,
+  currency = 'USD',
+}): void {
+  GoogleUtil.track('event', 'purchase', {
+    transaction_id: order._id,
+    value: orderTotal / 100,
+    affiliation: channel,
+    currency,
+  });
+
+  FacebookUtil.track('track', 'Purchase', {
+    value: orderTotal / 100,
+    currency,
+  });
+}

package/src/FacebookUtil.ts

@@ -0,0 +1,63 @@
+import * as Wait from './wait';
+
+const SELLOUT_FACEBOOK_PIXEL_ID = '205397967210775';
+
+async function waitForPixel() {
+  return await Wait.forTrue(() => Boolean((window as any).fbq));
+}
+
+/****************************************************************************************
+  Initialization
+****************************************************************************************/
+
+export function initialize(facebookPixelId?: string | null): void {
+  try {
+    injectPixel(SELLOUT_FACEBOOK_PIXEL_ID);
+    if (facebookPixelId) {
+      injectPixel(facebookPixelId);
+    } else {
+      console.log('Facebook Pixel not configured');
+    }
+  } catch (e) {
+    console.error('Failed to inject Facebook Pixel');
+    console.error(e);
+  }
+}
+
+function injectPixel(facebookPixelId: string): void {
+  const headCode = `
+    < !--Facebook Pixel Code-- >
+    <script>
+      !function(f,b,e,v,n,t,s)
+    {if(f.fbq)return;n=f.fbq=function(){n.callMethod ?
+        n.callMethod.apply(n, arguments) : n.queue.push(arguments)};
+    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+    n.queue=[];t=b.createElement(e);t.async=!0;
+    t.src=v;s=b.getElementsByTagName(e)[0];
+    s.parentNode.insertBefore(t,s)}(window, document,'script',
+    'https://connect.facebook.net/en_US/fbevents.js');
+    fbq('init', '${facebookPixelId}');
+    fbq('track', 'PageView');
+  </script>
+    <noscript><img height="1" width="1" style="display:none"
+      src="https://www.facebook.com/tr?id=${facebookPixelId}&ev=PageView&noscript=1"
+    /></noscript>
+    <!--End Facebook Pixel Code-- >
+  `;
+
+  const headScript = document.createRange().createContextualFragment(headCode);
+  document.head.prepend(headScript);
+}
+
+/****************************************************************************************
+  Tracking
+****************************************************************************************/
+
+export async function track(type: string, action: string, params: object): Promise<void> {
+  try {
+    await waitForPixel();
+    (window as any).fbq(type, action, params);
+  } catch (e) {
+    console.error('Facebook Pixel failed to track event');
+  }
+}

package/src/GoogleUtil.ts

@@ -0,0 +1,81 @@
+import * as Wait from './wait';
+
+const SELLOUT_GOOGLE_ANALYTICS_ID = 'UA-112750612-5';
+const SELLOUT_GOOGLE_TAG_ID = 'GTM-WX7FFS6';
+
+async function waitForGTag() {
+  return await Wait.forTrue(() => Boolean((window as any).gtag));
+}
+
+/****************************************************************************************
+  Initialization
+****************************************************************************************/
+
+export function initialize(googleAnalyticsId?: string | null): void {
+  try {
+    injectGoogleAnalytics(SELLOUT_GOOGLE_ANALYTICS_ID);
+    injectGoogleTagManager(SELLOUT_GOOGLE_TAG_ID);
+    if (googleAnalyticsId) {
+      injectGoogleAnalytics(googleAnalyticsId);
+    } else {
+      console.log('Google Analytics not configured');
+    }
+  } catch (e) {
+    console.error('Failed to inject Google Analaytics');
+    console.error(e);
+  }
+}
+
+function injectGoogleAnalytics(googleAnalyticsId: string): void {
+  const headCode = `
+    < !--Global site tag(gtag.js) - Google Analytics-- >
+    <script async src="https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '${googleAnalyticsId}');
+    </script>
+  `;
+
+  const headScript = document.createRange().createContextualFragment(headCode);
+  document.head.prepend(headScript);
+}
+
+function injectGoogleTagManager(googleTagManagerAccountId: string): void {
+  const headCode = `
+      <!-- Google Tag Manager -->
+      <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+      })(window,document,'script','dataLayer','${googleTagManagerAccountId}');</script>
+      <!-- End Google Tag Manager -->
+    `;
+
+  const headScript = document.createRange().createContextualFragment(headCode);
+  document.head.prepend(headScript);
+
+  const bodyCode = `
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${googleTagManagerAccountId}"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
+  `;
+
+  const bodyScript = document.createRange().createContextualFragment(bodyCode);
+  document.body.prepend(bodyScript);
+}
+
+/****************************************************************************************
+  Tracking
+****************************************************************************************/
+
+export async function track(type: string, action: string, params: object): Promise<void> {
+  try {
+    await waitForGTag();
+    (window as any).gtag(type, action, params);
+  } catch (e) {
+    console.error('Google Analytics failed to track event');
+  }
+}