locationdetailswidget-phone Warning: Avoid using this helper to set e217_click_html_element_text values. (special case) */ // Regex for loosely detecting phone # var re = new RegExp("^[\\d\\-\\+\\(\\)\\s]{7,}$"); if (re.test(unique_text)) { return "phone" } else { return unique_text } } function isInExcludedSection(element) { return $(element).closest('[data-dl2-nocatchall="true"]').length > 0; } /** * Updates GTM click handlers within an iframe after it has loaded. * @param {HTMLIFrameElement} iframe - The iframe element containing the target elements. */ function dl2UpdateGTMClickHandlersInIframe(iframe) { if (isInExcludedSection(iframe)) { return; } // Wait for the iframe to fully load $(iframe).on('load', function() { let iframeDoc; try { iframeDoc = iframe.contentDocument || iframe.contentWindow.document; } catch (error) { if (error instanceof DOMException && error.name === 'SecurityError') { console.warn('CORS error: Unable to access iframe content to set analytics handlers.'); return; } else { throw error; } } $(iframeDoc).find('[data-dl2]').on({ click: function() {dl2SendGaDataLayer($(this), '')}, auxclick: function() {dl2SendGaDataLayer($(this), '')}, contextmenu: function() {dl2SendGaDataLayer($(this), '-RC')} }); $(iframeDoc).find('[data-dl2-ec]').on({ click: function() {sendDl2EcDataLayer($(this), '')}, auxclick: function() {sendDl2EcDataLayer($(this), '')}, contextmenu: function() {sendDl2EcDataLayer($(this), '-RC')} }); $(iframeDoc).on({ click: function() {dl2SendGaDataLayer($(this), '')}, auxclick: function() {dl2SendGaDataLayer($(this), '')}, contextmenu: function() {dl2SendGaDataLayer($(this), '-RC')} }, '[data-dl2]'); $(iframeDoc).on({ click: function() {sendDl2EcDataLayer($(this), '')}, auxclick: function() {sendDl2EcDataLayer($(this), '')}, contextmenu: function() {sendDl2EcDataLayer($(this), '-RC')} }, '[data-dl2-ec]'); // Catchall for links without data-dl2 attribute $(iframeDoc).find('a:not([data-dl2])').on({ click: function() {catchallHandler($(this), '', $(iframe))}, auxclick: function() {catchallHandler($(this), '', $(iframe))}, contextmenu: function() {catchallHandler($(this), '-RC', $(iframe))} }); }); } /** * Updates GTM click handlers for all iframes on the page. */ function updateAllIframes() { $('iframe').each(function() { dl2UpdateGTMClickHandlersInIframe(this); }); } /** * @description Attaches event handler functions for left and right clicking on to all * elements that have GTM target tags. * Used in custom event handler to re-trigger attachment of event handlers from any front end * code, such as Vue code, by dispatching document.dispatchEvent(new Event("updateDataLayerEvent")). */ function dl2UpdateGTMClickHandlers(){ let attachedAttr = 'data-dl2-attached'; let attachedSelector = '[' + attachedAttr + ']' $('[data-dl2]').not(attachedSelector).on({ click: function() {dl2SendGaDataLayer($(this), '')}, auxclick: function() {dl2SendGaDataLayer($(this), '')}, contextmenu: function() {dl2SendGaDataLayer($(this), '-RC')} }).attr(attachedAttr, 'true'); $('[data-dl2-ec]').not(attachedSelector).on({ click: function() {sendDl2EcDataLayer($(this), '')}, auxclick: function() {dl2SendGaDataLayer($(this), '')}, contextmenu: function() {sendDl2EcDataLayer($(this), '-RC')} }).attr(attachedAttr, 'true'); $('vue-business-list').not(attachedSelector).on({ click: function() {dl2SendGaDataLayer($(this), '')}, auxclick: function() {dl2SendGaDataLayer($(this), '')}, contextmenu: function() {dl2SendGaDataLayer($(this), '-RC')} }, '[data-dl2]').attr(attachedAttr, 'true'); $('vue-business-list').not(attachedSelector).on({ click: function() {sendDl2EcDataLayer($(this), '')}, auxclick: function() {sendDl2EcDataLayer($(this), '')}, contextmenu: function() {sendDl2EcDataLayer($(this), '-RC')} }, '[data-dl2-ec]').attr(attachedAttr, 'true'); // Catchall if (shouldAttachCatchallHandler()) { $('a:not(:is([data-dl2], [data-dl2-ec]))').not(attachedSelector).each(function() { if (!isInExcludedSection(this)) { $(this).on({ click: function() {catchallHandler($(this), '')}, auxclick: function() {catchallHandler($(this), '')}, contextmenu: function() {catchallHandler($(this), '-RC')} }).attr(attachedAttr, 'true'); } }); } } $(document).on("updateDataLayerEvent", dl2UpdateGTMClickHandlers); $(document).on("updateDataLayerEvent", updateAllIframes); /** * Adds GTM event handlers for click and contextmenu (right click) * Handles each event by sending the element to the datalayer processor and a * modifier, such as the right click as "-RC", when applicable. */ $(document).ready(function() { document.dispatchEvent(new Event("updateDataLayerEvent")); }); /** * Generic event handler for other non-click events to update the dataLayer without hard-coding * variable names by passing a made-up DOM element in the event. */ $(document).on('customDataLayerEvent', function(eventData) { dl2SendGaDataLayer($(eventData.detail), ''); }) try { var ce = new window.CustomEvent('test'); ce.preventDefault(); if (ce.defaultPrevented !== true) { throw new Error('Could not prevent default'); } } catch(e) { var CustomEvent = function(event, params) { var evt, origPrevent; params = params || { bubbles: false, cancelable: false, detail: undefined }; evt = document.createEvent("CustomEvent"); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); origPrevent = evt.preventDefault; evt.preventDefault = function () { origPrevent.call(this); try { Object.defineProperty(this, 'defaultPrevented', { get: function () { return true; } }); } catch(e) { this.defaultPrevented = true; } }; return evt; }; CustomEvent.prototype = window.Event.prototype; window.CustomEvent = CustomEvent; } if (typeof initMap == 'function') { initMap(); } })(jQuery);});