// gtag basic snippet code do not change window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); // the gtag config function to configure the measurement/property ID on the gtag tracker with other avilable settings i.e cookieDomain auto that sets the _ga cookie on the Top Level Domain of the page. // the configuration function sends a default pageview hit to Google Analytics Meaurement/Property ID i.e UA-XXXXXXXXX-X. gtag('config', 'G-K873W4YZM6', { 'cookie_domain': 'auto', }); window.addEventListener('pushstate', function (e) { // the gtag config function to re-configure the measurement/property ID on the gtag tracker with other available settings i.e cookieDomain auto that sets the _ga cookie on the Top Level Domain of the page. // the configuration constructor sends a default pageview hit with the SPA journey change pageview to Google Analytics Meaurement/Property ID i.e UA-XXXXXXXXX-X. gtag('config', 'G-K873W4YZM6', { 'cookie_domain': 'auto', 'page_location': e.target.document.URL// to send the pageview with the new SPA changed URL }); }, false);

// gtag basic snippet code do not change window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-K873W4YZM6', { 'cookie_domain': 'auto', }); document.onreadystatechange = function () { if (document.readyState === 'complete') { // function call to track the new contents post SPA journey buttonAndLinkClick(); } } function buttonAndLinkClick() { document.querySelector('.commerce_product_details-addToCartButton_addToCartButton').addEventListener('click', (e) => { // gtag function call to send event hit to Google Analytics along with the variables gtag('event', 'CTA Button', { 'event_category': 'link_button_click', 'event_label': 'Submit button clicked' }); }); // query selector to capture the anchor element i.e with class download_link document.querySelector('.download_link').addEventListener('click', (e) => { //gtag function call to send event hit to Google Analytics along with the variables gtag('event', 'Link Button', { 'event_category': 'link_button_click', 'event_label': 'Download link clicked' }); }); }

// gtag basic snippet code do not change window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-K873W4YZM6', { 'cookie_domain': 'auto', }); document.onreadystatechange = function () { if (document.readyState === 'complete') { // function call to track the new contents post SPA journey formClick(); } } function formClick() { var flag_form = true; // query selector to capture the form input element i.e with class subscription_form_class // Event Listener to trigger on the change of the form element document.querySelector('form[class=subscription_form_class] > input[type=email]').addEventListener('change', (e) => { // gtag function call to send event hit to Google Analytics along with the variables gtag('event', 'Input Changed', { 'event_category': 'input_change', 'event_label': 'Inputs in form changed' }); }); // query selector to capture the form element i.e with class subscription_form_class // Event Listener to trigger on the submit of the form element document.querySelector('.subscription_form_button').addEventListener('submit', (e) => { if (flag_form) { // set the flag to false for eleminating debouncing flag_form = false; // gtag function call to send event hit to Google Analytics along with the variables gtag('event', 'Form Submit Changed', { 'event_category': 'form_submit_success', 'event_label': 'Form Submitted' }); } }); }

// gtag basic snippet code do not change window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-K873W4YZM6', { 'cookie_domain': 'auto', }); document.onreadystatechange = function () { if (document.readyState === 'complete') { // function call to track the new contents post SPA journey trackOutboundLinks(); } } function trackOutboundLinks() { var outbound_links = document.querySelectorAll('.outbound'); // Event Listener to trigger on the click of the outbound link outbound_links[0].addEventListener('click', function (e) { // gtag function call to send event hit to Google Analytics along with the variables gtag('event', 'click', { 'event_category': 'outbound', 'event_label': e.target.href, 'transport_type': 'beacon', }); }); // Event Listener to trigger on the click of the outbound link outbound_links[1].addEventListener('click', function (e) { // gtag function call to send event hit to Google Analytics along with the variables gtag('event', 'click', { 'event_category': 'outbound', 'event_label': e.target.href, 'transport_type': 'beacon', }); }); }

// gtag basic snippet code do not change window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-K873W4YZM6', { 'cookie_domain': 'auto', }); window.addEventListener('beforeunload', function (e) { if (window.performance) { // A Performance object offers access to the performance and timing-related information // The Math.round() function call to returns the value of a number rounded to the nearest integer. var timeSincePageLoad = Math.round(performance.now()); // gtag function call to send event hit to Google Analytics along with the variables gtag('event', 'timing_complete', { 'name': 'load', 'value': timeSincePageLoad, 'event_category': 'About Us Page' }); } });