dbm 1.1.3 → 1.1.4

package/graphapi/webclient/decode/index.js

@@ -93,4 +93,12 @@ export const fullSetup = function() {
         currentDecoder.item.setValue("encodingType", name);
         currentDecoder.item.register(decodePrefix + name);
     }
+
+    {
+        let name = "visibility";
+        let currentDecoder = new Dbm.graphapi.webclient.decode.DecodeBaseObject();
+        currentDecoder.item.setValue("copyFields", ["visibility"]);
+        currentDecoder.item.setValue("encodingType", name);
+        currentDecoder.item.register(decodePrefix + name);
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dbm",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "main": "index.js",
   "type": "module",
   "scripts": {},

package/tracking/Controller.js

@@ -6,6 +6,7 @@ export default class Controller extends Dbm.core.BaseObject {
         super._construct();
 
         this.item.setValue("trackers", []);
+        this.item.setValue("currency", "EUR");
 
         Dbm.flow.addDirectUpdateCommand(this.item.requireProperty("active", false), Dbm.commands.callFunction(this._updateActiveStatus.bind(this)));
 
@@ -154,4 +155,84 @@ export default class Controller extends Dbm.core.BaseObject {
             }
         }
     }
+
+    _getValueFromItems(aItems) {
+        let value = 0;
+
+        let currentArray = aItems;
+        let currentArrayLength = currentArray.length;
+        for(let i = 0; i < currentArrayLength; i++) {
+            let currentItem = currentArray[i];
+
+            let quantity = currentItem.quantity ? currentItem.quantity : 1;
+            value += quantity*currentItem.price;
+        }
+
+        return value; 
+    }
+
+    trackProductView(aProduct) {
+
+        let items = [aProduct];
+
+        let data = {
+            currency: this.item.currency,
+            value: this._getValueFromItems(items),
+            items: items
+        }
+
+        this.trackEvent("Product view", data);
+    }
+
+    trackAddedToCart(aProductOrProducts) {
+        let items = Dbm.utils.ArrayFunctions.singleOrArray(aProductOrProducts);
+
+        let data = {
+            currency: this.item.currency,
+            value: this._getValueFromItems(items),
+            items: items
+        }
+
+        this.trackEvent("Added to cart", data);
+
+    }
+
+    trackCheckoutStrated(aProductOrProducts) {
+        let items = Dbm.utils.ArrayFunctions.singleOrArray(aProductOrProducts);
+
+        let data = {
+            currency: this.item.currency,
+            value: this._getValueFromItems(items),
+            items: items
+        }
+
+        this.trackEvent("Checkout started", data);
+    }
+
+    trackPurchase(aTransactionId, aProductOrProducts) {
+        let items = Dbm.utils.ArrayFunctions.singleOrArray(aProductOrProducts);
+
+        let data = {
+            transaction_id: aTransactionId,
+            currency: this.item.currency,
+            value: this._getValueFromItems(items),
+            items: items
+        }
+
+        this.trackEvent("Purchase", data);
+    }
+
+    createProductItemData(aId, aName, aPrice, aQuantity = 1, aAddtionalData = {}) {
+
+        let returnObject = {
+            ...aAddtionalData,
+            id: aId,
+            item_id: aId,
+            item_name: aName,
+            price: aPrice,
+            quantity: aQuantity
+        }
+
+        return returnObject;
+    }
 }

package/tracking/DataLayerTracker.js

@@ -1,7 +1,6 @@
 import Dbm from "../index.js";
-import Cookies from "js-cookie";
 
-export default class Controller extends Dbm.core.BaseObject {
+export default class DataLayerTracker extends Dbm.core.BaseObject {
     _construct() {
         super._construct();
     }
@@ -68,6 +67,7 @@ export default class Controller extends Dbm.core.BaseObject {
         console.log(aEventName, aData);
 
         this.addToDataLayer({"event": "trackEvent", "value": {"name": aEventName, "data": aData}});
+		this._gtag("event", aEventName, aData);
     }
 
     trackCurrentPage() {

package/tracking/MetaPixelTracker.js

@@ -0,0 +1,112 @@
+import Dbm from "../index.js";
+
+export default class MetaPixelTracker extends Dbm.core.BaseObject {
+    _construct() {
+        super._construct();
+
+		this.item.requireProperty("pixelId")
+    }
+
+    _setupFunction() {
+		
+		if(window.fbq) return;
+		
+		let fbq = function() {
+			fbq.callMethod ? fbq.callMethod.apply(fbq, arguments) : fbq.queue.push(arguments);
+		}
+		window.fbq = fbq;
+		
+		if(!window._fbq) {
+			window._fbq = fbq;
+		}
+		
+		fbq.push = fbq;
+		fbq.loaded = true;
+		fbq.version = "2.0";
+		fbq.queue = [];
+		fbq.disablePushState = true;
+		
+		return this;
+	}
+
+    startTracking() {
+
+		//MENOTE: do nothing
+		
+		return this;
+	}
+
+    startStatisticsTracking() {
+
+		//MENOTE: do nothing
+		
+		return this;
+	}
+	
+	startMarketingTracking() {
+
+		this._setupFunction();
+		Dbm.loading.loadScript("https://connect.facebook.net/en_US/fbevents.js");
+
+		let pixelId = this.item.pixelId;
+		
+		if(this.item.pixelId) {
+			window.fbq("init", this.item.pixelId);
+			window.fbq("track", "PageView");
+		}
+		
+		return this;
+	}
+	
+	stopTracking() {
+		
+		return this;
+	}
+
+	_convertGooogleAnalyctisData(aData) {
+
+		let data = {
+			content_type: "product",
+			value: aData.value,
+			currency: aData.currency,
+			contents: aData.items,
+			num_items: aData.items.length,
+			content_ids: Dbm.utils.ArrayFunctions.mapField(aData.items, "id")
+		};
+
+		if(aData.items.length === 1) {
+			data["content_name"] = aData.items[0]["item_name"];
+		}
+
+		return data;
+	}
+
+    trackEvent(aEventName, aData) {
+        console.log("trackEvent");
+        console.log(aEventName, aData);
+
+		if(aEventName === "Purchase") {
+			window.fbq('track', 'Purchase', this._convertGooogleAnalyctisData(aData), {eventID: aData.transaction_id});
+		}
+		else if(aEventName === "Product view") {
+			window.fbq('track', 'ViewContent', this._convertGooogleAnalyctisData(aData));
+		}
+		else if(aEventName === "Added to cart") {
+			window.fbq('track', 'AddToCart', this._convertGooogleAnalyctisData(aData));
+		}
+		else if(aEventName === "Checkout started") {
+			window.fbq('track', 'InitiateCheckout', this._convertGooogleAnalyctisData(aData));
+		}
+		else {
+			window.fbq("trackCustom", aEventName, aData);
+		}
+    }
+
+    trackCurrentPage() {
+        window.fbq("track", "PageView");
+    }
+
+    trackPage(aUrl) {
+        window.fbq("track", "PageView");
+    }
+}

package/tracking/index.js

@@ -2,8 +2,9 @@ import Dbm from "../index.js";
 
 export {default as Controller} from "./Controller.js";
 export {default as DataLayerTracker} from "./DataLayerTracker.js";
+export {default as MetaPixelTracker} from "./MetaPixelTracker.js";
 
-export let setup = function() {
+export const setup = function() {
     
     let controller = new Dbm.tracking.Controller();
     controller.item.register("trackingController");
@@ -13,4 +14,10 @@ export let setup = function() {
 
     let dataLayerTracker = new Dbm.tracking.DataLayerTracker();
     controller.addTracker(dataLayerTracker.item);
+}
+
+export const addMetaPixel = function(aPixelId) {
+    let tracker = new Dbm.tracking.MetaPixelTracker();
+    tracker.item.pixelId = aPixelId;
+    Dbm.getInstance().repository.getItem("trackingController").controller.addTracker();
 }

package/utils/ArrayFunctions.js

@@ -130,5 +130,18 @@ export const filterByField = function(aArray, aField, aValue) {
         }
     }
 
+    return returnArray;
+}
+
+export const mapField = function(aArray, aField) {
+   
+
+    let currentArray = aArray;
+    let currentArrayLength = currentArray.length;
+    let returnArray = new Array(acurrentArrayLength);
+    for(let i = 0; i < currentArrayLength; i++) {
+        returnArray[i] = Dbm.objectPath(aArray[i], aField);
+    }
+
     return returnArray;
 }