TrackData() { const experimentKey = 'int_02-emphasize-products-cart-reserved-april-restart'; const payload = JSON.parse(sessionStorage.getItem(experimentKey)); const dataLayer = window.dataLayer || []; dataLayer.push({ event: "experiment_viewed", experiment_id: payload.experimentKey, variation_id: payload.resultKey, }); } function int02Ga4Event(eventAction, eventLabel) { const dataLayer = window.dataLayer || []; const event = { event: 'cro_event', eventAction: `INT_02 - restart - ${eventAction}`, eventLabel: eventLabel } dataLayer.push(event); } var int02NewCallout = `

DINA VAROR FINNS KVAR - MEN KANSKE INTE LÄNGE TILL

Slutför ditt köp nu, innan de säljer slut.

` function int02AddIO(target) { let options = { threshold: 0.5 } let callback = (entries, observer) => { entries.forEach((entry) => { if(!entry.isIntersecting) { int02Ga4Event(' Interaction with - others also bought - component'); observer.disconnect(); } }); }; let observer = new IntersectionObserver(callback, options); observer.observe(target); } // Add Intersection Obeserver to all drawer to check which on is opening penPoller('#root-drawer').then((targetNode) => { // Mutation observer to check if a drawer is opening const config = { attributes: true, childList: true, subtree: true }; const callback = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "attributes" && mutation.target.classList.contains('drawer--open')) { console.log(`The ${mutation.attributeName} attribute was modified.`, mutation); const openDrawer = mutation.target; // Check if the drawer that is openend has products in them so we cvan change it if(openDrawer.querySelector('.shopping-bag--product-card')) { const drawerInsert = openDrawer.querySelector('.drawer__header'); // Only add once so check if class is not added if(!drawerInsert.classList.contains('int02-message')) { drawerInsert.insertAdjacentHTML('afterend', int02NewCallout); drawerInsert.classList.add('int02-message'); // Fire change seen goal int02Ga4Event('Changes seen'); } // Add custom goal to slider in cart slide out // Check if "what others bought" slider is loaded if(openDrawer.querySelector('[data-sentry-component="OthersAlsoBoughtItems"]')) { // Custom goal for sliding through the slides const firstSlide = openDrawer.querySelector('[data-sentry-component="OthersAlsoBoughtItems"] .swiper-wrapper > .swiper-slide:first-child'); setTimeout(function() { if(!firstSlide.classList.contains('int02-slide')) { int02AddIO(firstSlide); firstSlide.classList.add('int02-slide'); } }, 1000); // Clicks on "add to bag" on slider products penPoller('[data-sentry-component="OthersAlsoBoughtItems"] [data-testid="AddToCart__TestID"]', {all: true}).then((allCtas) => { allCtas.forEach(cta => { if(!cta.classList.contains('int02-cta')) { cta.addEventListener('click', () => { int02Ga4Event('A2C from - others also bought - component'); }); cta.classList.add('int02-cta'); } }); }); }

Skatehjälmar från GIRO2