@ascua/metrics 0.0.236 → 0.0.238

package/addon/metrics/facebook-pixel.js

@@ -2,7 +2,7 @@ import Metric from './base';
 import { assert } from '@ember/debug';
 import script from '@ascua/metrics/utils/facebook-pixel';
 
-const src = 'script[src*="fbevents.js"]';
+const src = 'script[src*="facebook"]';
 
 export default class extends Metric {
 

package/addon/metrics/google-tag-manager.js

@@ -2,7 +2,7 @@ import Metric from './base';
 import { assert } from '@ember/debug';
 import script from '@ascua/metrics/utils/google-tag-manager';
 
-const src = 'script[src*="googletagmanager"]';
+const src = 'script[src*="gtm"]';
 
 export default class extends Metric {
 
@@ -12,7 +12,7 @@ export default class extends Metric {
 
 		super.init(...arguments);
 
-		if (window.gt) return;
+		if (window.gtm) return;
 
 		if (!this.config.id) return;
 
@@ -25,7 +25,7 @@ export default class extends Metric {
 			break;
 		}
 
-		window.gt = function(data) { window.dataLayer.push(data); };
+		window.gtm = function() { window.dataLayer.push(arguments); };
 
 	}
 
@@ -35,33 +35,31 @@ export default class extends Metric {
 			e.parentElement.removeChild(e);
 		});
 
-		delete window.dataLayer;
-
-		delete window.gt;
+		delete window.gtm;
 
 	}
 
 	clear() {
 
-		if (!window.gt) return;
+		if (!window.gtm) return;
 
-		window.gt({ 'event': 'clear' });
+		window.gtm({ 'event': 'clear' });
 
 	}
 
 	identify(id) {
 
-		if (!window.gt) return;
+		if (!window.gtm) return;
 
 		assert(`You must pass an 'id' as the first argument to ${this.toString()}:identify()`, id);
 
-		window.gt({ 'event': 'identify', 'userId': id });
+		window.gtm({ 'event': 'identify', 'userId': id });
 
 	}
 
 	trackEvent(name, data) {
 
-		if (!window.gt) return;
+		if (!window.gtm) return;
 
 		assert(`You must pass a 'name' as the first argument to ${this.toString()}:trackEvent()`, name);
 
@@ -69,7 +67,7 @@ export default class extends Metric {
 			event: name,
 		});
 
-		window.gt(event);
+		window.gtm(event);
 
 	}
 

package/addon/metrics/gtag.js

@@ -0,0 +1,74 @@
+import Metric from './base';
+import { assert } from '@ember/debug';
+import script from '@ascua/metrics/utils/gtag';
+
+const src = 'script[src*="gtag"]';
+
+export default class extends Metric {
+
+	name = 'gtag';
+
+	init() {
+
+		super.init(...arguments);
+
+		if (window.gtag) return;
+
+		if (!this.config.id) return;
+
+		switch (this.config.optimised) {
+		case true:
+			script.optimised(this.config);
+			break;
+		default:
+			script.original(this.config);
+			break;
+		}
+
+		window.gtag = function() { window.dataLayer.push(arguments); };
+
+		gtag('js', new Date());
+
+		gtag('config', 'G-J1NWM32T1V');
+
+	}
+
+	willDestroy() {
+
+		document.querySelectorAll(src).forEach(e => {
+			e.parentElement.removeChild(e);
+		});
+
+		delete window.gtag;
+
+	}
+
+	clear() {
+
+		if (!window.gtag) return;
+
+		window.gtag({ 'event': 'clear' });
+
+	}
+
+	identify(id) {
+
+		if (!window.gtag) return;
+
+		assert(`You must pass an 'id' as the first argument to ${this.toString()}:identify()`, id);
+
+		window.gtag({ 'event': 'identify', 'userId': id });
+
+	}
+
+	trackEvent(name, data) {
+
+		if (!window.gtag) return;
+
+		assert(`You must pass a 'name' as the first argument to ${this.toString()}:trackEvent()`, name);
+
+		window.gtag(name, data);
+
+	}
+
+}

package/addon/metrics/twitter-pixel.js

@@ -0,0 +1,79 @@
+import Metric from './base';
+import { assert } from '@ember/debug';
+import script from '@ascua/metrics/utils/twitter-pixel';
+
+const src = 'script[src*="twitter"]';
+
+export default class extends Metric {
+
+	name = 'twitter-pixel';
+
+	init() {
+
+		super.init(...arguments);
+
+		if (window.twq) return;
+
+		if (!this.config.id) return;
+
+		switch (this.config.optimised) {
+		case true:
+			script.optimised(this.config);
+			break;
+		default:
+			script.original(this.config);
+			break;
+		}
+
+		window.twq('config', this.config.id);
+
+	}
+
+	willDestroy() {
+
+		document.querySelectorAll(src).forEach(e => {
+			e.parentElement.removeChild(e);
+		});
+
+		delete window.twq;
+		delete window._twq;
+
+	}
+
+	clear() {
+
+		if (!window.twq) return;
+
+		window.twq('config', this.config.id);
+
+	}
+
+	identify(id, data) {
+
+		if (!window.twq) return;
+
+		assert(`You must pass an 'id' as the first argument to ${this.toString()}:identify()`, id);
+
+		window.twq('config', this.config.id, { external_id: id, ...data });
+
+	}
+
+	trackPage(data) {
+
+		if (!window.twq) return;
+
+		window.twq('event', 'PageView', data);
+
+	}
+
+	trackEvent(name, data) {
+
+		if (!window.twq) return;
+
+		assert(`You must pass a 'name' as the first argument to ${this.toString()}:trackEvent()`, name);
+
+		window.twq('event', name, data);
+
+	}
+
+}

package/addon/utils/gtag.js

@@ -0,0 +1,45 @@
+export function original(config) {
+
+	/* eslint-disable */
+	(function(w,d,s,l,i){w[l]=w[l]||[];var f=d.getElementsByTagName(s)[0],
+	j=d.createElement(s);j.async=true;j.src=
+	'https://www.googletagmanager.com/gtag/js?id='+i;f.parentNode.insertBefore(j,f);
+	})(window,document,'script','dataLayer',config.id);
+	/* eslint-enable */
+
+}
+
+export function optimised(config) {
+
+	/* eslint-disable */
+	window.dataLayer = window.dataLayer || [];
+	/* eslint-enable */
+
+	if (document.readyState === 'complete') {
+
+		let script = document.createElement('script');
+		script.src = `https://www.googletagmanager.com/gtag/js?id=${config.id}`;
+		script.async = false;
+		script.defer = true;
+		document.head.appendChild(script);
+
+	} else {
+
+		document.addEventListener('readystatechange', function(event) {
+			if (event.target.readyState === 'complete') {
+				let script = document.createElement('script');
+				script.src = `https://www.googletagmanager.com/gtag/js?id=${config.id}`;
+				script.async = false;
+				script.defer = true;
+				document.head.appendChild(script);
+			}
+		});
+
+	}
+
+}
+
+export default {
+	original,
+	optimised,
+}

package/addon/utils/twitter-pixel.js

@@ -0,0 +1,45 @@
+export function original(config) {
+
+	/* eslint-disable */
+	!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
+	},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
+	a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
+	/* eslint-enable */
+
+}
+
+export function optimised(config) {
+
+	/* eslint-disable */
+	!function(e,s){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
+	},s.version='1.1',s.queue=[])}(window);
+	/* eslint-enable */
+
+	if (document.readyState === 'complete') {
+
+		let script = document.createElement('script');
+		script.src = 'https://static.ads-twitter.com/uwt.js';
+		script.async = false;
+		script.defer = true;
+		document.head.appendChild(script);
+
+	} else {
+
+		document.addEventListener('readystatechange', function(event) {
+			if (event.target.readyState === 'complete') {
+				let script = document.createElement('script');
+				script.src = 'https://static.ads-twitter.com/uwt.js';
+				script.async = false;
+				script.defer = true;
+				document.head.appendChild(script);
+			}
+		});
+
+	}
+
+}
+
+export default {
+	original,
+	optimised,
+}

package/app/metrics/gtag.js

@@ -0,0 +1 @@
+export { default } from '@ascua/metrics/metrics/gtag';

package/app/metrics/twitter-pixel.js

@@ -0,0 +1 @@
+export { default } from '@ascua/metrics/metrics/twitter-pixel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascua/metrics",
-  "version": "0.0.236",
+  "version": "0.0.238",
   "description": "Small description for @ascua/metrics goes here",
   "keywords": [
     "ember-addon"
@@ -25,5 +25,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "32a6fad3bdce42d5a7819adcbb5312a22d4316c2"
+  "gitHead": "c69b7174d17ae756556f9a48371b61859d18c237"
 }