CSR-1629
CJ Pixel tracking and product array for CJ conversion tag and eCommerceCart for subTotal
This commit is contained in:
hiteshkumar87
parent
663c1d90e2
commit
2fb6726044
2 changed files with 266 additions and 0 deletions
|
|
@ -381,6 +381,234 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
pushProductArrayToDataLayer() {
|
||||||
|
// Get correct order object
|
||||||
|
const hasSubmittedOrder = baseMixin.methods.hasSubmittedOrder();
|
||||||
|
const submittedOrder = baseMixin.methods.getSubmittedOrder();
|
||||||
|
|
||||||
|
if (hasSubmittedOrder) {
|
||||||
|
var lineItems = submittedOrder.lineItems ? submittedOrder.lineItems : {};
|
||||||
|
|
||||||
|
// combine all line items
|
||||||
|
var combinedLineItems = [
|
||||||
|
...(lineItems.glassParts ?? []),
|
||||||
|
...(lineItems.supportingItems ?? []),
|
||||||
|
...(lineItems.vaps ?? []),
|
||||||
|
...(lineItems.promos ?? []),
|
||||||
|
];
|
||||||
|
|
||||||
|
//Get child parts
|
||||||
|
combinedLineItems = flattenArray(combinedLineItems);
|
||||||
|
|
||||||
|
var products = [];
|
||||||
|
var discount = 0;
|
||||||
|
var coupon = "";
|
||||||
|
var subTotal = 0;
|
||||||
|
for (var i = 0; i < combinedLineItems.length; i++) {
|
||||||
|
let part = combinedLineItems[i];
|
||||||
|
let productSku = part.partNumber;
|
||||||
|
let productType = part.partType;
|
||||||
|
let promoCode = part.promoCode;
|
||||||
|
let productPrice = baseMixin.methods
|
||||||
|
.getTotalPriceOfAllLineItemsAndChildParts([part], false)
|
||||||
|
.toFixed(2);
|
||||||
|
|
||||||
|
if (productSku == "DISCOUNT") {
|
||||||
|
if (coupon) {
|
||||||
|
coupon += ",";
|
||||||
|
}
|
||||||
|
coupon += productSku;
|
||||||
|
discount = discount + parseFloat(productPrice) * -1;
|
||||||
|
} else {
|
||||||
|
products.push({
|
||||||
|
productType: productType,
|
||||||
|
productSku: productSku,
|
||||||
|
productPrice: productPrice.toString(),
|
||||||
|
productQuantity: "1",
|
||||||
|
});
|
||||||
|
subTotal += parseFloat(productPrice);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
pushToDataLayerIfDefined({
|
||||||
|
productArray: {
|
||||||
|
coupon: coupon,
|
||||||
|
discount: discount.toString(),
|
||||||
|
subTotal: subTotal.toString(),
|
||||||
|
products: products,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
pushECommerceCartToDataLayer() {
|
||||||
|
const isDefined = (x) => x !== null && x !== undefined;
|
||||||
|
// Get correct order object
|
||||||
|
const hasSubmittedOrder = baseMixin.methods.hasSubmittedOrder();
|
||||||
|
const submittedOrder = baseMixin.methods.getSubmittedOrder();
|
||||||
|
if (hasSubmittedOrder) {
|
||||||
|
var lineItems = submittedOrder.lineItems ? submittedOrder.lineItems : {};
|
||||||
|
var supportingItems =
|
||||||
|
submittedOrder.lineItems && submittedOrder.lineItems.supportingItems
|
||||||
|
? submittedOrder.lineItems.supportingItems
|
||||||
|
: [];
|
||||||
|
var insurance = submittedOrder.payment && submittedOrder.payment.isInsurance;
|
||||||
|
var itac = submittedOrder.policy && submittedOrder.policy.isItac;
|
||||||
|
var nocomp = submittedOrder.policy && submittedOrder.policy.isNoComp;
|
||||||
|
|
||||||
|
var recalLineItem = supportingItems.filter(function (lineItem) {
|
||||||
|
return lineItem.partType.indexOf("RECALIBRATION") !== -1;
|
||||||
|
});
|
||||||
|
var disposalFee = supportingItems.filter(function (lineItem) {
|
||||||
|
return lineItem.partType.indexOf("DISPOSAL FEE") !== -1;
|
||||||
|
});
|
||||||
|
var mobileFee = supportingItems.filter(function (lineItem) {
|
||||||
|
return lineItem.partType.indexOf("MOBILE FEE") !== -1;
|
||||||
|
});
|
||||||
|
var repairFee = supportingItems.filter(function (lineItem) {
|
||||||
|
return lineItem.partType.indexOf("REPAIR FEE") !== -1;
|
||||||
|
});
|
||||||
|
|
||||||
|
var vaps =
|
||||||
|
submittedOrder.lineItems && submittedOrder.lineItems.vaps
|
||||||
|
? submittedOrder.lineItems.vaps
|
||||||
|
: [];
|
||||||
|
var wipers = vaps.filter(function (lineItem) {
|
||||||
|
return (
|
||||||
|
lineItem.partType.indexOf("FRONT WIPER") !== -1 ||
|
||||||
|
lineItem.partType.indexOf("REAR WIPER") !== -1
|
||||||
|
);
|
||||||
|
});
|
||||||
|
var rainDefense = vaps.filter(function (lineItem) {
|
||||||
|
return lineItem.partType.indexOf("RAIN DEFENSE") !== -1;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Combine line items
|
||||||
|
var combinedLineItems = [];
|
||||||
|
if (lineItems.glassParts) {
|
||||||
|
combinedLineItems = combinedLineItems.concat(lineItems.glassParts);
|
||||||
|
}
|
||||||
|
if (recalLineItem) {
|
||||||
|
combinedLineItems = combinedLineItems.concat(recalLineItem);
|
||||||
|
}
|
||||||
|
if (disposalFee) {
|
||||||
|
combinedLineItems = combinedLineItems.concat(disposalFee);
|
||||||
|
}
|
||||||
|
if (mobileFee && !(insurance && !itac && !nocomp)) {
|
||||||
|
combinedLineItems = combinedLineItems.concat(mobileFee);
|
||||||
|
}
|
||||||
|
if (repairFee) {
|
||||||
|
combinedLineItems = combinedLineItems.concat(repairFee);
|
||||||
|
}
|
||||||
|
if (wipers) {
|
||||||
|
combinedLineItems = combinedLineItems.concat(wipers);
|
||||||
|
}
|
||||||
|
if (rainDefense) {
|
||||||
|
combinedLineItems = combinedLineItems.concat(rainDefense);
|
||||||
|
}
|
||||||
|
|
||||||
|
//Remove child Parts if any
|
||||||
|
combinedLineItems.forEach((lineItem) => {
|
||||||
|
lineItem.childParts = [];
|
||||||
|
});
|
||||||
|
|
||||||
|
var isPricingAvailable =
|
||||||
|
combinedLineItems.length > 0 &&
|
||||||
|
combinedLineItems.every(function (lineItem) {
|
||||||
|
return (
|
||||||
|
isDefined(lineItem.kitPrice) &&
|
||||||
|
isDefined(lineItem.laborAmount) &&
|
||||||
|
isDefined(lineItem.sellingPrice)
|
||||||
|
);
|
||||||
|
});
|
||||||
|
let subtotal = 0;
|
||||||
|
if (isPricingAvailable) {
|
||||||
|
subtotal = baseMixin.methods.getTotalPriceOfAllLineItemsAndChildParts(
|
||||||
|
combinedLineItems,
|
||||||
|
false
|
||||||
|
);
|
||||||
|
}
|
||||||
|
pushToDataLayerIfDefined({
|
||||||
|
eCommerceCart: { products: combinedLineItems, subTotal: parseInt(subtotal) },
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
pushCommissionJunctionGtmDataToDataLayer() {
|
||||||
|
// helper check for if an object is defined (but maybe falsey)
|
||||||
|
const isDefined = (x) => x !== null && x !== undefined;
|
||||||
|
let repairReplace = "";
|
||||||
|
let coupons = "";
|
||||||
|
let refSequenceNum = "";
|
||||||
|
let accountType = "";
|
||||||
|
let amount = 0;
|
||||||
|
let cjEvent = "";
|
||||||
|
if (store.getters.applicationUser.affiliateCookies) {
|
||||||
|
const affiliateCookies = store.getters.applicationUser.affiliateCookies;
|
||||||
|
var cookieArray = [];
|
||||||
|
affiliateCookies.forEach((item) => {
|
||||||
|
let cookieObject = convertCookieStringToObject(item);
|
||||||
|
cookieArray.push(cookieObject);
|
||||||
|
});
|
||||||
|
const sortedCookies = cookieArray.sort(
|
||||||
|
(a, b) =>
|
||||||
|
new Date(b.timestamp.replace("/", "T")) -
|
||||||
|
new Date(a.timestamp.replace("/", "T"))
|
||||||
|
);
|
||||||
|
cjEvent = sortedCookies?.[0]?.tagEvent;
|
||||||
|
const hasSubmittedOrder = baseMixin.methods.hasSubmittedOrder();
|
||||||
|
const submittedOrder = baseMixin.methods.getSubmittedOrder();
|
||||||
|
|
||||||
|
if (hasSubmittedOrder) {
|
||||||
|
repairReplace = submittedOrder.damage.isRepair ? "Repair" : "Replace";
|
||||||
|
const promos = submittedOrder.lineItems.promos ?? [];
|
||||||
|
if (promos.length === 0) {
|
||||||
|
coupons = "";
|
||||||
|
} else {
|
||||||
|
const promoCodes = promos.map((promo) => promo.promoCode);
|
||||||
|
const promoString = promoCodes.reduce((prev, next) => `${prev}_${next}`);
|
||||||
|
coupons = promoString;
|
||||||
|
}
|
||||||
|
refSequenceNum = submittedOrder.referralSequenceNumber;
|
||||||
|
}
|
||||||
|
if (isDefined(submittedOrder.payment.isInsurance)) {
|
||||||
|
accountType = submittedOrder.payment.isInsurance ? "insurance" : "cash";
|
||||||
|
} else {
|
||||||
|
accountType = "";
|
||||||
|
}
|
||||||
|
const lineItems = submittedOrder.lineItems ?? {};
|
||||||
|
const combinedLineItems = [
|
||||||
|
...(lineItems.glassParts ?? []),
|
||||||
|
...(lineItems.supportingItems ?? []),
|
||||||
|
...(lineItems.vaps ?? []),
|
||||||
|
...(lineItems.promos ?? []),
|
||||||
|
];
|
||||||
|
|
||||||
|
const isPricingAvailable =
|
||||||
|
combinedLineItems.length > 0 &&
|
||||||
|
combinedLineItems.every(
|
||||||
|
(lineItem) =>
|
||||||
|
isDefined(lineItem.kitPrice) &&
|
||||||
|
isDefined(lineItem.laborAmount) &&
|
||||||
|
isDefined(lineItem.sellingPrice)
|
||||||
|
);
|
||||||
|
if (accountType == "cash" && isPricingAvailable) {
|
||||||
|
const quoteAmountWithDiscount = baseMixin.methods
|
||||||
|
.getTotalPriceOfAllLineItemsAndChildParts(combinedLineItems, false)
|
||||||
|
.toFixed(2);
|
||||||
|
amount = parseFloat(quoteAmountWithDiscount);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
pushToDataLayerIfDefined({
|
||||||
|
commissionJunctionGtmData: {
|
||||||
|
cj_commission_junction_event: cjEvent,
|
||||||
|
cj_referral_sequence_number: refSequenceNum,
|
||||||
|
cj_amount: amount.toString(),
|
||||||
|
cj_repair_replace: repairReplace,
|
||||||
|
cj_coupon: coupons,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
prependActionToMethod(object, method, actionToPrepend) {
|
prependActionToMethod(object, method, actionToPrepend) {
|
||||||
const baseMethodName = method.name.startsWith("bound ")
|
const baseMethodName = method.name.startsWith("bound ")
|
||||||
? method.name.substring(6)
|
? method.name.substring(6)
|
||||||
|
|
@ -493,3 +721,24 @@ function getValueToLog(value, valueToLogType) {
|
||||||
}
|
}
|
||||||
return value;
|
return value;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function flattenArray(arr) {
|
||||||
|
let result = [];
|
||||||
|
arr.forEach((item) => {
|
||||||
|
result.push(item);
|
||||||
|
if (item.childParts) {
|
||||||
|
result = result.concat(item.childParts);
|
||||||
|
delete item.childParts; // Remove childParts after flattening
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function convertCookieStringToObject(cookieValue) {
|
||||||
|
const cookieObject = cookieValue.split("&").reduce((acc, pair) => {
|
||||||
|
const [key, value] = pair.split("=");
|
||||||
|
acc[key] = value;
|
||||||
|
return acc;
|
||||||
|
}, {});
|
||||||
|
return cookieObject;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -145,6 +145,12 @@ const routes = [
|
||||||
|
|
||||||
await runExperiments(to.query.fmgPage);
|
await runExperiments(to.query.fmgPage);
|
||||||
|
|
||||||
|
//Affiliate Cookies
|
||||||
|
const affiliateCookies = getAffiliateCookies();
|
||||||
|
if (affiliateCookies != null && affiliateCookies.length > 0) {
|
||||||
|
store.commit(storeMutations.UPDATE_AFFILIATE_COOKIES, affiliateCookies);
|
||||||
|
}
|
||||||
|
setupAdvertiserTracking();
|
||||||
// Process funnel cookie.
|
// Process funnel cookie.
|
||||||
updateOrCreateFunnelCookie();
|
updateOrCreateFunnelCookie();
|
||||||
|
|
||||||
|
|
@ -307,6 +313,17 @@ router.afterEach(async (to, from) => {
|
||||||
|
|
||||||
// Push current order status to Data Layer
|
// Push current order status to Data Layer
|
||||||
analyticsMixin.methods.pushOrderToDataLayer();
|
analyticsMixin.methods.pushOrderToDataLayer();
|
||||||
|
|
||||||
|
if (to.query.fmgPage == fmgPageValues.CONFIRMATION) {
|
||||||
|
//Push Product Array to Data Layer
|
||||||
|
analyticsMixin.methods.pushProductArrayToDataLayer();
|
||||||
|
|
||||||
|
//Push Ecommerce Cart to Data Layer
|
||||||
|
analyticsMixin.methods.pushECommerceCartToDataLayer();
|
||||||
|
|
||||||
|
//Push Commission Junction Gtm Data To Data Layer
|
||||||
|
analyticsMixin.methods.pushCommissionJunctionGtmDataToDataLayer();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
router.navigateWithoutSaving = (
|
router.navigateWithoutSaving = (
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue