/** * ============================ * EXISTING GTM / GA4 SCRIPT * + UNBXD ENHANCEMENTS * ============================ */ /** * GTM Params */ var currencyCode = 'CAD'; var eventName_checkout = 'checkout'; var eventName_purchase = 'purchase'; var eventName_impression = 'impression'; var eventName_detail = 'detail'; var eventName_removeFromCart = 'removeFromCart'; var eventName_addToCart = 'addToCart'; var eventName_productClick = 'productClick'; var checkoutStepLabel_startNotSignIn = 'Start - Not Signed In'; var checkoutStepLabel_startSignedIn = 'Start - Signed In'; var checkoutStepLabel_startGuestCheckout = 'Start - Guest Checkout'; var checkoutStepLabel_placeOrder = 'Place Order'; /** * SDK classes * Product detail Page */ // Used in AddToCart event and on load of product detail event var pdpApellation = 'product-attribute-apellation-value'; var pdpTitle = 'ms-buybox__product-title'; var pdpSkuTitle = 'product-attribute-skutitle'; var pdpPrice = 'msc-price__actual'; var pdpQty = 'msc-quantity-input'; var pdpAddToCart = 'msc-add-to-cart '; var pdpBuyBox = 'ms-buybox'; // Checkout Page var cartLineItems = 'msc-cart-lines-item'; var cartCheckoutButtonRegistered = 'msc-cart__btn-checkout'; var cartCheckoutButtonGuest = 'msc-cart__btn-guestcheckout'; var cartLineItem = 'msc-cart-line__product-title'; var cartPrice = 'msc-price__actual'; var cartQty = 'msc-cart-line__quantity__select-menu'; var cartTotalPrice = 'msc-cart-price'; var cartRemoveItemButton = 'msc-cart-line__remove-item msc-btn'; // place order Page var checkoutPlaceOrderButton = 'ms-checkout__btn-place-order'; var checkoutLineItems = 'ms-checkout__line-item'; var checkoutLineItem = 'msc-cart-line__product-title'; var checkoutQty = 'quantity-value'; var checkoutPrice = 'msc-price__actual'; // Order Confirmation Page var saleLineItems = 'ms-order-confirmation__sales-line'; var saleLineItemName = 'msc-cart-line__product-title'; var saleLineItemQty = 'quantity-value'; var saleLineItemPrice = 'msc-price__actual'; var saleLineItemBeforeDiscount = 'msc-price__strikethrough'; var saleLineItemProductPrice = 'msc-cart-line__product-price'; var saleLineItemDiscount = 'msc-cart-line-item-product-discount'; var orderSummarySubTotal = 'ms-order-confirmation__order-summary-line-subtotal'; var orderSummaryShipping = 'ms-order-confirmation__order-summary-line-shipping'; var orderSummaryTaxAmount = 'ms-order-confirmation__order-summary-line-tax-amount'; var orderSummaryTotal = 'ms-order-confirmation__order-summary-line-total-amount'; var orderConfirmationId = 'ms-order-confirmation__order-information-channel-reference-id'; var orderTransactionId = 'transactionId'; var orderShipToAddress = 'ms-order-confirmation__address-full-address'; var orderTotalCount = 'ms-order-confirmation__order-information-count'; // Product Placement Item (for impression event) var productItems = "ms-product-search-result__item"; var productItemTitle = 'msc-product__title'; var productCategory = 'ms-search-result__collection-title-text'; var productPageItem = 'msc-page-item active'; var quickView_addToCart = 'ms-quickView__product-add-to-cart'; /** * ============================ * UNBXD HELPERS * ============================ */ // Parse Unbxd “variantId” from vID like: "V566RES081_5637753577" => "5637753577" function parseVariantFromVID(vID) { if (!vID) return null; var s = String(vID); if (s.indexOf('_') > -1) return s.split('_').pop(); return s; } // Get current requestId (from our capture hook) function getUnbxdRequestId() { try { return (window.heiUnbxd && window.heiUnbxd.lastRequestId) ? window.heiUnbxd.lastRequestId : null; } catch (e) {} return null; } // Search query helper (Henry’s search is ?q=...) function getSearchQuery() { try { return (new URLSearchParams(location.search)).get('q') || ''; } catch (e) {} return ''; } // Determine page_type Unbxd wants function getPageType() { // If it has q=, treat as SEARCH, otherwise CATEGORY for browse/listing pages return getSearchQuery() ? 'SEARCH' : 'CATEGORY'; } // Safely push to dataLayer function dlPush(obj) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push(obj); } catch (e) {} } // Extract pid + variantId from a tile element + fallback JSON fields function getTilePid(tileEl, productData) { var pid = (tileEl && (tileEl.getAttribute('data-id') || (tileEl.dataset && tileEl.dataset.id))) || (productData && (productData.pid || productData.ProductNumber || productData.ProductId || productData.sku)); return pid || null; } function getTileVariantId(tileEl, productData) { // Prefer DOM: data-variantid (you found this on tiles) var v = (tileEl && (tileEl.getAttribute('data-variantid') || (tileEl.dataset && (tileEl.dataset.variantid || tileEl.dataset.variantId)))) || (productData && ( productData.variantId || productData.variantid || productData.RecordId || productData.vID )); // If it comes in as "SKU_5637753577", keep the part after "_" v = parseVariantFromVID(v); return v || null; } /************************************************* * UNBXD: Global helpers to resolve D365 variantId from vID (SKU_RECORDID) *************************************************/ (function () { window.heiUnbxd = window.heiUnbxd || {}; window.heiUnbxd._cache = window.heiUnbxd._cache || { vID: null, variantId: null, pid: null }; function safeJsonParse(s) { try { return JSON.parse(s); } catch (e) { return null; } } function extractVariantIdFromVID(vID) { if (!vID) return null; var s = String(vID); // vID typically looks like "V566RES081_5637753577" var parts = s.split('_'); if (parts.length < 2) return null; var candidate = parts[parts.length - 1]; // keep only digits var digits = String(candidate).match(/\d+/g); return digits ? digits.join('') : null; } function findVIDInHeiGtmBlocks() { var nodes = document.getElementsByClassName('hei-gtm-product'); if (!nodes || !nodes.length) return null; for (var i = 0; i < nodes.length; i++) { var txt = nodes[i] && nodes[i].textContent ? nodes[i].textContent.trim() : ''; if (!txt) continue; var obj = safeJsonParse(txt); if (obj && obj.vID) return obj.vID; // sometimes nested if (obj && obj.product && obj.product.vID) return obj.product.vID; } return null; } function findVIDInInlineScripts() { // Look for patterns like: "vID":"V566RES081_5637753577" var scripts = document.scripts || []; for (var i = 0; i < scripts.length; i++) { var t = scripts[i] && scripts[i].textContent ? scripts[i].textContent : ''; if (!t || t.indexOf('"vID"') === -1) continue; var m = t.match(/"vID"\s*:\s*"([^"]+)"/); if (m && m[1]) return m[1]; // sometimes not quoted exactly (rare) m = t.match(/vID\s*:\s*"([^"]+)"/); if (m && m[1]) return m[1]; } return null; } function findVIDInDataAttrs() { var el = document.querySelector('[data-vid]'); if (el) return el.getAttribute('data-vid'); return null; } function resolveVID() { // cached? if (window.heiUnbxd._cache && window.heiUnbxd._cache.vID) return window.heiUnbxd._cache.vID; // 1) window.heiGtmProduct / other globals try { if (window.heiGtmProduct && window.heiGtmProduct.vID) return (window.heiUnbxd._cache.vID = window.heiGtmProduct.vID); if (window.heiUnbxdProduct && window.heiUnbxdProduct.vID) return (window.heiUnbxd._cache.vID = window.heiUnbxdProduct.vID); } catch (e) {} // 2) embedded product JSON blocks var v = findVIDInHeiGtmBlocks(); if (v) return (window.heiUnbxd._cache.vID = v); // 3) inline scripts v = findVIDInInlineScripts(); if (v) return (window.heiUnbxd._cache.vID = v); // 4) data attrs v = findVIDInDataAttrs(); if (v) return (window.heiUnbxd._cache.vID = v); return null; } function resolveVariantId() { if (window.heiUnbxd._cache && window.heiUnbxd._cache.variantId) return window.heiUnbxd._cache.variantId; var vID = resolveVID(); var variantId = extractVariantIdFromVID(vID); if (variantId) window.heiUnbxd._cache.variantId = variantId; return variantId || null; } function resolvePid() { // Whatever you use as pid in Unbxd (typically ProductNumber/SKU) if (window.heiUnbxd._cache && window.heiUnbxd._cache.pid) return window.heiUnbxd._cache.pid; try { if (window.heiGtmProduct) { if (window.heiGtmProduct.ProductNumber) return (window.heiUnbxd._cache.pid = window.heiGtmProduct.ProductNumber); if (window.heiGtmProduct.sku) return (window.heiUnbxd._cache.pid = window.heiGtmProduct.sku); } } catch (e) {} // fallback: try to read SKU from PDP DOM try { var skuEl = document.querySelector('.product-attribute-skutitle, .msc-product__sku, [data-sku]'); if (skuEl) { var skuTxt = skuEl.getAttribute('data-sku') || skuEl.textContent || ''; skuTxt = skuTxt.trim(); if (skuTxt) return (window.heiUnbxd._cache.pid = skuTxt); } } catch (e) {} return null; } // public API window.heiUnbxd.getVID = resolveVID; window.heiUnbxd.getVariantId = resolveVariantId; window.heiUnbxd.getPid = resolvePid; })(); /** * ============================ * General Helper Functions * ============================ */ var categoryCache = null; function getCategory(pdp) { if (categoryCache) return categoryCache; var breadcrumb = document.getElementsByClassName('ms-breadcrumb_list')[0]; if (breadcrumb && breadcrumb.innerText) { var category = ''; var paths = breadcrumb.innerText.split('/'); var cnt = paths.length; for (var i = 0; i < cnt; i++) { // ignore product name in PDP if (i > 0 && (!pdp || i + 1 < cnt)) { if (category) category += ' - '; category += paths[i].trim(); } } return categoryCache = category; } } function getInnerText(elementClassName, numberField) { if (numberField === void 0) numberField = false; return ( document.getElementsByClassName(elementClassName) && document.getElementsByClassName(elementClassName)[0] && (numberField ? document.getElementsByClassName(elementClassName)[0].value : document.getElementsByClassName(elementClassName)[0].innerText) ); } function getElementInnerText(element, elementClassName, numberField) { if (numberField === void 0) numberField = false; return ( element && element.getElementsByClassName(elementClassName) && element.getElementsByClassName(elementClassName)[0] && (numberField ? element.getElementsByClassName(elementClassName)[0].value : element.getElementsByClassName(elementClassName)[0].innerText) ); } // To get value from query string parameter function getUrlParameter(name) { name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); var results = regex.exec(location.search); return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); } /** * Purchase Event on order confirmation * Attempt to trigger 4 times, every 5s. */ var purchasedProductCheckCount = 0; var purchasedProductEventSent = false; var checkPurchasedProductImpression; if (document.URL.toLowerCase().includes('transactionid') && getUrlParameter(orderTransactionId) != null) { checkPurchasedProductImpression = setInterval(checkPurchasedProduct, 5000); } function stopPurchaseCheck() { clearInterval(checkPurchasedProductImpression); } function checkPurchasedProduct() { var gtmJson = document.getElementsByClassName('hei-gtm-order-confirmation')[0]; if (gtmJson) { var json = gtmJson.innerText; try { var data = JSON.parse(json); dataLayer.push({ event: eventName_purchase, ecommerce: { purchase: { currencyCode: currencyCode, ...data, }, }, }); purchasedProductEventSent = true; } catch (e) { console.warn('GTM', 'fail to load order JSON'); } } purchasedProductCheckCount++; if (purchasedProductEventSent || purchasedProductCheckCount >= 4) { stopPurchaseCheck(); } } /** * Product Impression Event * Attempt to trigger 4 times, every 5s. * Capture data for the Product Placement Item (product tile) */ var productImpressionCheckCount = 0; var productImpressionEventSent = false; var checkProductImpression = setInterval(checkProductPlacement, 5000); function stopProductImpressionCheck() { clearInterval(checkProductImpression); } function checkProductPlacement() { var data = []; var products = document.getElementsByClassName(productItems); var categoryTitle = getInnerText(productCategory); var pageitem = getInnerText(productPageItem); if (products) { for (var i = 0; i < products.length; i++) { var gtmProductScript = products[i].getElementsByClassName('hei-gtm-product')[0]; var productData = { position: i }; if (gtmProductScript) { var json = gtmProductScript.innerText; try { var parsed = JSON.parse(json); productData = Object.assign(productData, parsed); } catch (e) { console.warn('GTM', 'fail to load product JSON'); } } else { var productname = getElementInnerText(products[i], productItemTitle); if (productname) productData.name = productname; } // Add pid + variantId so Unbxd lists can be built reliably productData.pid = getTilePid(products[i], productData); productData.variantId = getTileVariantId(products[i], productData); if (productData.name) data.push(productData); } } if (data && data.length > 0) { var ecommerce = {}; ecommerce.currencyCode = currencyCode; var category = getCategory(false); var listVal = ''; if (category) { ecommerce.category = category; var paths = category.split(' - '); var actionField = {}; actionField.list = listVal = paths[paths.length - 1]; ecommerce.actionField = actionField; } else { var actionField2 = {}; actionField2.list = listVal = 'Search Results'; ecommerce.actionField = actionField2; } for (var j = 0; j < data.length; j++) { data[j].category = category || undefined; data[j].list = listVal; } if (pageitem) ecommerce.pagenumber = pageitem; ecommerce.impressions = data; // Your existing GA impression push dataLayer.push({ event: eventName_impression, ecommerce: ecommerce }); // UNBXD Browse/Search Impressions push try { var pids = data.map(function (d) { return d.pid; }).filter(Boolean); var variants = data.map(function (d) { return d.variantId; }).filter(Boolean); dlPush({ event: "Unbxd_BrowseImpressions", BrowseImpressionsPayload: { requestId: getUnbxdRequestId(), pids_list: pids, variants_list: variants, page: window.location.pathname, page_type: getPageType(), query: getSearchQuery() || null } }); } catch (e) {} productImpressionEventSent = true; } productImpressionCheckCount++; if (productImpressionEventSent || productImpressionCheckCount >= 4) { stopProductImpressionCheck(); } } /** * Page View Detail * Triggers on Product Detail Page */ var productDetailEventCheckCount = 0; var productDetailEventSent = false; var checkProductDetailEvent = setInterval(checkProductEventDetail, 5000); function stopProductDetailEvent() { clearInterval(checkProductDetailEvent); } function checkProductEventDetail() { var isPdpBuybox = document.getElementsByClassName(pdpBuyBox); if (isPdpBuybox && isPdpBuybox[0]) { var productdetails = []; productdetails.push(addProductInfo()); if (productdetails && productdetails.length > 0) { var category = getCategory(true); var actionField = {}; if (category) { var paths = category.split(' - '); actionField.list = paths[paths.length - 1]; } // Existing GA detail push dataLayer.push({ event: eventName_detail, ecommerce: { currencyCode: currencyCode, detail: { actionField: actionField, products: productdetails } } }); // UNBXD Product Page View push (uses global resolvers) (function () { var tries = 0; var maxTries = 12; // ~3.6s total at 300ms function pushUnbxdPdp() { tries++; try { var rid = (window.heiUnbxd && window.heiUnbxd.lastRequestId) ? window.heiUnbxd.lastRequestId : null; // PID: prefer your GA productdetails, fallback to global helper if you added it var pd = productdetails[0] || {}; var pid = pd.sku || pd.ProductNumber || pd.pid || (window.heiUnbxd && window.heiUnbxd.getPid ? window.heiUnbxd.getPid() : null) || null; // VariantId: always take from global extractor (RecordId part of vID) var variantId = (window.heiUnbxd && window.heiUnbxd.getVariantId) ? window.heiUnbxd.getVariantId() : null; // Wait until variantId is available (this is why you were seeing null) if (variantId) { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "Unbxd_ProductPageView", ProductPageViewPayload: { requestId: rid, pid: pid, variantId: variantId } }); return; } } catch (e) {} if (tries < maxTries) { setTimeout(pushUnbxdPdp, 300); } } pushUnbxdPdp(); })(); productDetailEventSent = true; } } productDetailEventCheckCount++; if (productDetailEventSent || productDetailEventCheckCount >= 4) { stopProductDetailEvent(); } } /** * Helper functions for click event */ function currentNodeHasClass(targetNode, className) { return ( targetNode && targetNode.className && targetNode.className.includes && targetNode.className.includes(className) ); } function isAddToCartButton(targetNode) { return ( targetNode && (currentNodeHasClass(targetNode, pdpAddToCart) || currentNodeHasClass(targetNode.parentNode, pdpAddToCart)) ); } function isRemoveItemButton(targetNode) { return targetNode && currentNodeHasClass(targetNode, cartRemoveItemButton); } function isCheckoutButton(targetNode) { return ( targetNode && (currentNodeHasClass(targetNode, cartCheckoutButtonRegistered) || currentNodeHasClass(targetNode, cartCheckoutButtonGuest)) ); } function isPlaceOrderButton(targetNode) { return ( currentNodeHasClass(targetNode, checkoutPlaceOrderButton) && !currentNodeHasClass(targetNode, 'disabled') ); } function isListItem(targetNode) { return targetNode.closest('.' + productItems); } /** * Helper function to add Product info on addtobag event and pdp load page */ function addProductInfo() { var appellation = getInnerText(pdpApellation); var pdpSku = getInnerText(pdpSkuTitle); var price = getInnerText(pdpPrice); var quantity = getQuantity(document.getElementsByClassName('ms-buybox__quantity')[0]); var category = getCategory(true); var productdetail = { name: getInnerText(pdpTitle) }; if (price) productdetail.price = price.replace('$', ''); if (quantity) productdetail.quantity = quantity; if (appellation) productdetail.appellation = appellation; if (pdpSku) productdetail.sku = pdpSku; if (category) productdetail.category = category; if (window.heiGtmProduct) { productdetail = Object.assign(productdetail, window.heiGtmProduct); } return productdetail; } /** * Helper function to add cartline items on remove event and checkout event */ function addCartInfo(lineItemProduct) { var gtmProductScript = lineItemProduct.getElementsByClassName('hei-gtm-product')[0]; if (gtmProductScript) { var json = gtmProductScript.innerText; try { var productData = JSON.parse(json); return productData; } catch (e) { console.warn('GTM', 'fail to load product JSON'); } } var cartqtyelement = lineItemProduct.getElementsByClassName(cartQty); var carttotalprice = ''; var cartprodqty = ''; var product = {}; var name = getElementInnerText(lineItemProduct, cartLineItem); var price = getElementInnerText(lineItemProduct, cartPrice); carttotalprice = getElementInnerText(lineItemProduct, cartTotalPrice); if (cartqtyelement && cartqtyelement[0]) { if (cartqtyelement[0].tagName === 'SELECT') { cartprodqty = cartqtyelement[0].options[cartqtyelement[0].selectedIndex].text; } if (cartqtyelement[0].tagName === 'INPUT') { cartprodqty = getElementInnerText(lineItemProduct, cartQty, true); } } if (name) product.name = name; if (cartprodqty) product.quantity = cartprodqty; if (price) product.price = price.replace('$', ''); if (carttotalprice) product.totalPrice = carttotalprice.replace('$', ''); return product; } function onProductClick(targetNode) { var data = []; var categoryTitle = getInnerText(productCategory); var pageitem = getInnerText(productPageItem); var productNode = targetNode; var gtmProductScript = productNode.getElementsByClassName('hei-gtm-product')[0]; var products = document.getElementsByClassName(productItems); var productIdx = null; for (var i = 0; i < products.length && productIdx == null; i++) { if (products[i] === productNode) productIdx = i; } var productData = null; if (gtmProductScript) { var json = gtmProductScript.innerText; try { productData = JSON.parse(json); } catch (e) { console.warn('GTM', 'fail to load product JSON'); } } else { var productname = getElementInnerText(productNode, productItemTitle); if (productname) productData = { name: productname }; } if (productData) { productData.position = productIdx; // add pid + variantId for Unbxd click payload productData.pid = getTilePid(productNode, productData); productData.variantId = getTileVariantId(productNode, productData); data.push(productData); } if (data && data.length > 0) { dataLayer.push({ ecommerce: null }); var ecommerce = {}; ecommerce.currencyCode = currencyCode; var category = getCategory(false); if (category) { ecommerce.category = category; var paths = category.split(' - '); var actionField = {}; actionField.list = paths[paths.length - 1]; ecommerce.actionField = actionField; } else if (categoryTitle) { var actionField2 = {}; actionField2.list = 'Search Results'; ecommerce.actionField = actionField2; } if (pageitem) ecommerce.pagenumber = pageitem; ecommerce.products = data; // Existing GA click push dataLayer.push({ event: eventName_productClick, ecommerce: { click: ecommerce } }); // UNBXD Product Click push try { var rid = getUnbxdRequestId(); var prank = (productIdx != null) ? (productIdx + 1) : null; // 1-based rank var q = getSearchQuery() || null; dlPush({ event: "Unbxd_ProductClick", ProductClickPayload: { requestId: rid, pid: productData.pid || null, variantId: productData.variantId || null, prank: prank, query: q } }); } catch (e) {} } } function getQuantity(quantityInput) { if (quantityInput) { var qtyBox = quantityInput.getElementsByClassName('quantity-input')[0]; if (qtyBox) { var qty = parseInt(qtyBox.value); if (qty) return qty; } } return 1; } var currentCheckoutStep = ''; var currentCheckoutOrd = null; // track checkout card document.addEventListener("mouseover", function (e) { if (e && e.target && currentNodeHasClass(e.target, 'ms-checkout__guided-card-btn-save')) { var cardBody = e.target.closest('.ms-checkout__guided-card-body'); currentCheckoutStep = ''; currentCheckoutOrd = null; if (cardBody) { if (cardBody.querySelector('.ms-checkout-shipping-address')) { currentCheckoutStep = 'Shipping Address'; currentCheckoutOrd = 2; } else if (cardBody.querySelector('.ms-checkout-delivery-options')) { currentCheckoutStep = 'Delivery Options'; currentCheckoutOrd = 3; } else if (cardBody.querySelector('.ms-checkout-payment-instrument')) { currentCheckoutStep = 'Payment Method'; currentCheckoutOrd = 4; } else if (cardBody.querySelector('.ms-checkout-guest-profile')) { currentCheckoutStep = 'Contact Information'; currentCheckoutOrd = 5; } } } }, false); /** * Click Events */ document.addEventListener('click', function (e) { if (e && e.target && currentNodeHasClass(e.target, 'ms-checkout__guided-card-btn-save')) { var checkoutStep = currentCheckoutStep; var actionField = { step: currentCheckoutOrd, option: currentCheckoutStep }; if (checkoutStep) { var products = document.getElementsByClassName(cartLineItems); var data = []; if (products && products.length > 0) { for (var i = 0; i < products.length; i++) data.push(addCartInfo(products[i])); } dataLayer.push({ event: eventName_checkout, ecommerce: { currencyCode: currencyCode, checkout: { actionField: actionField, products: data, checkoutStep: checkoutStep } } }); } } // Add to Cart if (e && e.target && (isAddToCartButton(e.target) || isAddToCartButton(e.target.parentNode))) { var quickViewContainer = null; if (quickViewContainer = e.target.closest('.' + quickView_addToCart)) { var gtmProductScript = quickViewContainer.getElementsByClassName('hei-gtm-product')[0]; var quantityInput = document.getElementsByClassName('ms-quickView__quantity')[0]; if (gtmProductScript) { var category = getCategory(false); var json = gtmProductScript.innerText; try { var productData = JSON.parse(json); productData.quantity = getQuantity(quantityInput); productData.category = category; dataLayer.push({ ecommerce: null }); var ecommerce = { currencyCode: currencyCode, add: { products: [productData] } }; if (category) { var paths = category.split(' - '); var actionField = {}; actionField.list = paths[paths.length - 1]; ecommerce.actionField = actionField; } dataLayer.push({ event: eventName_addToCart, ecommerce: ecommerce }); // UNBXD AddToCart payload (pid + variantId) try { var pid = productData.ProductNumber || productData.pid || productData.sku || null; var variantId = parseVariantFromVID(productData.vID || productData.RecordId || null); dlPush({ event: "Unbxd_AddToCart", AddToCartPayload: { requestId: getUnbxdRequestId(), pid: pid, variantId: variantId, qty: productData.quantity || 1, price: productData.AdjustedPrice || productData.price || null } }); } catch (e2) {} } catch (e1) { console.warn('GTM', 'fail to load product JSON'); } } } else { var productdetails = []; productdetails.push(addProductInfo()); dataLayer.push({ ecommerce: null }); var ecommerce2 = { currencyCode: currencyCode, add: { products: productdetails } }; var category2 = getCategory(true); if (category2) { ecommerce2.category = category2; var paths2 = category2.split(' - '); var actionField2 = {}; actionField2.list = paths2[paths2.length - 1]; ecommerce2.actionField = actionField2; } dataLayer.push({ event: eventName_addToCart, ecommerce: ecommerce2 }); // UNBXD AddToCart payload (pid + variantId) from PDP try { var pd = productdetails[0] || {}; var pid2 = pd.sku || pd.ProductNumber || pd.pid || null; var variantId2 = parseVariantFromVID((window.heiGtmProduct && window.heiGtmProduct.vID) ? window.heiGtmProduct.vID : pd.vID); dlPush({ event: "Unbxd_AddToCart", AddToCartPayload: { requestId: getUnbxdRequestId(), pid: pid2, variantId: variantId2 || null, qty: pd.quantity || 1, price: pd.price || null } }); } catch (e3) {} } } // Remove from Cart if (e && isRemoveItemButton(e.target)) { var lineItemProduct = e.target.parentNode; var gtmProductScript2 = lineItemProduct.getElementsByClassName('hei-gtm-product')[0]; if (gtmProductScript2) { var json2 = gtmProductScript2.innerText; try { var productData2 = JSON.parse(json2); var data2 = [productData2]; dataLayer.push({ ecommerce: null }); dataLayer.push({ event: eventName_removeFromCart, ecommerce: { currencyCode: currencyCode, remove: { products: data2 } } }); // UNBXD RemoveFromCart payload try { var pid3 = productData2.ProductNumber || productData2.pid || productData2.sku || null; var variantId3 = parseVariantFromVID(productData2.vID || productData2.RecordId || null); dlPush({ event: "Unbxd_RemoveFromCart", RemoveFromCartPayload: { requestId: getUnbxdRequestId(), pid: pid3, variantId: variantId3 || null, qty: productData2.quantity || 1, price: productData2.AdjustedPrice || productData2.price || null } }); } catch (e4) {} } catch (e5) { console.warn('GTM', 'fail to load product JSON'); } } else { var data3 = []; data3.push(addCartInfo(lineItemProduct)); dataLayer.push({ event: eventName_removeFromCart, ecommerce: { currencyCode: currencyCode, remove: { products: data3 } } }); } } // Checkout Start (Cart page) if (e && e.target && (isCheckoutButton(e.target) || isCheckoutButton(e.target.parentNode))) { var products2 = document.getElementsByClassName(cartLineItems); var data4 = []; if (products2 && products2.length > 0) { for (var i2 = 0; i2 < products2.length; i2++) data4.push(addCartInfo(products2[i2])); } var checkoutStep2 = ''; var actionField3 = {}; if (currentNodeHasClass(e.target, cartCheckoutButtonRegistered)) { var href = e.target.href; if (href && href.toLowerCase().indexOf('signin') >= 0) { checkoutStep2 = checkoutStepLabel_startNotSignIn; actionField3 = { step: 1, option: checkoutStepLabel_startNotSignIn }; } else { checkoutStep2 = checkoutStepLabel_startSignedIn; actionField3 = { step: 1, option: checkoutStepLabel_startSignedIn }; } } else if (currentNodeHasClass(e.target, cartCheckoutButtonGuest)) { checkoutStep2 = checkoutStepLabel_startGuestCheckout; actionField3 = { step: 1, option: checkoutStep2 }; } if (checkoutStep2 !== '') { dataLayer.push({ event: eventName_checkout, ecommerce: { currencyCode: currencyCode, checkout: { actionField: actionField3, products: data4, checkoutStep: checkoutStep2 } } }); } } // Place Order if ( e && e.target && (isPlaceOrderButton(e.target.parentNode) || isPlaceOrderButton(e.target) || (e.target.parentNode && e.target.parentNode.parentNode && isPlaceOrderButton(e.target.parentNode.parentNode))) ) { var products3 = document.getElementsByClassName(cartLineItems); var data5 = []; if (products3 && products3.length > 0) { for (var i3 = 0; i3 < products3.length; i3++) data5.push(addCartInfo(products3[i3])); } var checkoutStep3 = checkoutStepLabel_placeOrder; var actionField4 = { step: 6, option: checkoutStep3 }; dataLayer.push({ event: eventName_checkout, ecommerce: { currencyCode: currencyCode, checkout: { actionField: actionField4, products: data5, checkoutStep: checkoutStep3 } } }); } // Product click (list items) var productItemNode = null; if (e && e.target && (productItemNode = isListItem(e.target))) { onProductClick(productItemNode); } }); /** * ============================================== * UNBXD: capture requestId from search.unbxd.io response headers * Also pushes `unbxd-request-id` to dataLayer for GTM variables. * ============================================== */ (function () { window.heiUnbxd = window.heiUnbxd || { lastRequestId: null }; // Seed from localStorage if we have it try { var saved = localStorage.getItem('heiUnbxd_lastRequestId'); if (saved && !window.heiUnbxd.lastRequestId) window.heiUnbxd.lastRequestId = saved; } catch (e) {} function setRid(rid) { if (!rid) return; // Only update/push if it changed if (window.heiUnbxd && window.heiUnbxd.lastRequestId === rid) return; window.heiUnbxd.lastRequestId = rid; try { localStorage.setItem('heiUnbxd_lastRequestId', rid); } catch (e) {} try { document.documentElement.setAttribute('data-unbxd-request-id', rid); } catch (e) {} // REQUIRED: push to dataLayer under key unbxd-request-id try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'unbxd-request-id': rid }); } catch (e) {} } function isUnbxdSearchUrl(url) { try { var s = String(url || '').toLowerCase(); return s.indexOf('search.unbxd.io') >= 0 || s.indexOf('recommendations.unbxd.io') >= 0; } catch (e) {} return false; } // Hook fetch if (window.fetch && !window.__heiUnbxdFetchSearchHooked) { window.__heiUnbxdFetchSearchHooked = true; var of = window.fetch; window.fetch = function () { var req = arguments[0]; var url = (req && req.url) ? req.url : req; return of.apply(this, arguments).then(function (res) { try { if (isUnbxdSearchUrl(url) && res && res.headers && res.headers.get) { var rid = res.headers.get('Unx-Request-Id') || res.headers.get('unx-request-id') || res.headers.get('Unbxd-Request-Id') || res.headers.get('unbxd-request-id'); if (rid) setRid(rid); } } catch (e) {} return res; }); }; } // Hook XHR if (window.XMLHttpRequest && !window.__heiUnbxdXhrSearchHooked) { window.__heiUnbxdXhrSearchHooked = true; var oo = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function (method, url) { try { this.__heiUnbxdUrl = url; } catch (e) {} return oo.apply(this, arguments); }; var os = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.send = function () { try { this.addEventListener('load', function () { try { if (isUnbxdSearchUrl(this.__heiUnbxdUrl)) { var rid = this.getResponseHeader('Unx-Request-Id') || this.getResponseHeader('unx-request-id') || this.getResponseHeader('Unbxd-Request-Id') || this.getResponseHeader('unbxd-request-id'); if (rid) setRid(rid); } } catch (e) {} }); } catch (e) {} return os.apply(this, arguments); }; } })(); /************************************************* * UNBXD: map pid -> D365 RecordId variant from Unbxd response ("vID") *************************************************/ (function () { window.heiUnbxd = window.heiUnbxd || { lastRequestId: null }; window.heiUnbxd.variantByPid = window.heiUnbxd.variantByPid || {}; function parseVariantFromVID(vID) { try { if (!vID) return null; var s = String(vID); // vID looks like: "V566RES081_5637753577" var parts = s.split('_'); return parts.length > 1 ? parts[parts.length - 1] : null; } catch (e) {} return null; } function tryIndexUnbxdJson(json) { try { // Unbxd formats vary; documents/products often live in one of these var docs = (json && json.response && (json.response.products || json.response.docs)) || (json && json.response && json.response.results) || (json && json.products) || (json && json.docs) || []; if (!docs || !docs.length) return; for (var i = 0; i < docs.length; i++) { var d = docs[i] || {}; // pid could be ProductNumber, pid, uniqueId, etc. Use what you send as pid. var pid = d.ProductNumber || d.pid || d.uniqueId || d.sku || d.productId || null; var vID = d.vID || d.vid || d.vId || null; var variantId = parseVariantFromVID(vID); if (pid && variantId) { window.heiUnbxd.variantByPid[String(pid)] = String(variantId); } } } catch (e) {} } // Hook fetch responses (parse JSON safely) if (window.fetch && !window.__heiUnbxdFetchParseHooked) { window.__heiUnbxdFetchParseHooked = true; var _of = window.fetch; window.fetch = function () { return _of.apply(this, arguments).then(function (res) { try { // Only attempt JSON parse for Unbxd search endpoints var url = (arguments[0] && arguments[0].url) ? arguments[0].url : arguments[0]; var s = String(url || '').toLowerCase(); if (s.indexOf('search.unbxd.io') >= 0 || s.indexOf('recommendations.unbxd.io') >= 0) { // clone() so we don't consume the real response body var c = res.clone(); c.json().then(function (j) { tryIndexUnbxdJson(j); }).catch(function(){}); } } catch (e) {} return res; }); }; } // Hook XHR responses (parse JSON safely) if (window.XMLHttpRequest && !window.__heiUnbxdXhrParseHooked) { window.__heiUnbxdXhrParseHooked = true; var _os = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.send = function () { try { this.addEventListener('load', function () { try { var url = this.__heiUnbxdUrl || ''; var s = String(url).toLowerCase(); if (s.indexOf('search.unbxd.io') >= 0 || s.indexOf('recommendations.unbxd.io') >= 0) { // responseText should be JSON for the search API calls var txt = this.responseText; if (txt && txt.charAt(0) === '{') { tryIndexUnbxdJson(JSON.parse(txt)); } } } catch (e) {} }); } catch (e) {} return _os.apply(this, arguments); }; } })();

Store Locations

Henry's Vancouver has moved!

Find A Store

Give The Gift Of Choice

Sign Up For Our Newsletter

Proud to be one of Canada's