if (!window.customInitialised) { window.customInitialised = true; var _paq = window._paq || []; _paq.push(["setRequestMethod", "POST"]); _paq.push(["disableAlwaysUseSendBeacon"]); window.isIssueLocked = function (issue, publicationCache, issueCache) { return false; }; window.calculateStorefrontUserTags = (subs, issues, pubProds) => { return {}; }; // Fix for JW Player: https://jira.sprylab.com/browse/OM-1 const _write = document.write; document.write = (s) => { try { _write(s); } catch (e) { document.currentScript.insertAdjacentHTML('beforebegin', s); } }; // TODO: This event is not fired here. Why is that? // Especially in webs SSR and inlining this code in html the event should not have been fired yet. document.addEventListener('DOMContentLoaded', (event) => { // Load jQuery for content features. if (typeof jQuery === 'undefined') { const jscript = document.createElement('script'); jscript.src = 'https://code.jquery.com/jquery-3.6.0.slim.min.js'; jscript.async = true; document.head.append(jscript); } }); const event = new Event("OnViewChange"); window.dispatchEvent(event); function modUrl(b) { if (!b || (b.indexOf("https://securepubads.g.doubleclick.net/gampad/ads") != 0)) return b; ["https", "resource", "file"].forEach(p => { const t = "&url=" + p + "%3A%2F%2F"; let i = b.indexOf(t); if (i > 0) { i += t.length; b = b.substring(0, i) + "%2F" + b.substring(i); } }); return b; } let currentUrl = new URL(window.location.href); let isDebug = currentUrl.searchParams.get('debug') === 'true'; let isForceAds = currentUrl.searchParams.get('force-ads') === 'true'; let isCleanAds = currentUrl.searchParams.get('clean-ads') === 'true'; if (isForceAds || (window.purple.experience?.global?.experienceConfig.gadURLBreaker && !isCleanAds)) { var _of = window.fetch; window.fetch = function (b, g) { return _of(modUrl(b), g); }; var _os = XMLHttpRequest.prototype.send; var _oo = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.send = function () { arguments[1] = modUrl(arguments[1]); _os.apply(this, arguments); }; XMLHttpRequest.prototype.open = function () { arguments[1] = modUrl(arguments[1]); _oo.apply(this, arguments); }; } // Don't run integration for dev environment or non-zephr cdn. let isDevEnvironment = (currentUrl.hostname === 'localhost' || currentUrl.hostname.includes('purplemanager.com')) && false; if (currentUrl.searchParams.has('debug-extensions')) { // Allows to run the script even on localhost. isDevEnvironment = false; } // Const isDevEnvironment = false; async function waitForPurpleService() { while (!window.PurpleService || !window.PurpleService.getCatalogContents) { await new Promise(res => setTimeout(res, 10)) } } window.loadExtensions = () => { if (!isDevEnvironment) { const zephrScript = document.createElement('script'); document.head.appendChild(zephrScript); zephrScript.src = 'https://assets.zephr.com/zephr-browser/1.9.1/zephr-browser.umd.js'; window.zephrLoadPromise = new Promise(res => zephrScript.onload = res); } // Await this to check if you are in SSR context or SSR-Client code AND the interactive page is loaded. // Hack to make missing preboot completed event work: always resolve after 1000ms. const prebootCompleted = Promise.race([ new Promise(res => document.addEventListener('PrebootComplete', res)), // If no apps are in prebootData array, the preboot phase is already finished. new Promise(res => { if (!window.prebootData || !window.prebootData.apps || window.prebootData.apps.length === 0) res(); }) ]); experienceConfig = window.purple.experience?.global?.experienceConfig || {}; // Loading Squirrel function loadSquirrelScript(src, id) { if (!document.getElementById(id)) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = src; s.id = id; document.head.appendChild(s); } } const scripts = { yourhomestyle: { src: 'https://squirrels-live.getsquirrel.co/scripts/4f746b31b6bb093c402d9627b9d493fb.js', id: 'squirrel-yourhomestyle' }, gathered: { src: 'https://squirrels-live.getsquirrel.co/scripts/872381d2fdd8909a7aeaaffd200be734.js', id: 'squirrel-gathered' }, bikeradar: { src: 'https://squirrels-live.getsquirrel.co/scripts/cbd7d889457d194e27673709979234a6.js', id: 'squirrel-bikeradar' }, countryfile: { src: 'https://squirrels-live.getsquirrel.co/scripts/5dba32ffe8b6a7d29b2a79b055d7ce0b.js', id: 'squirrel-countryfile' }, gardensillustrated: { src: 'https://squirrels-live.getsquirrel.co/scripts/cc1684d01a77201a81a6e96829b64739.js', id: 'squirrel-gardensillustrated' }, sciencefocus: { src: 'https://squirrels-live.getsquirrel.co/scripts/84fdd473e119feeeb54ff7432dfe6d5a.js', id: 'squirrel-sciencefocus' }, skyatnightmagazine: { src: 'https://squirrels-live.getsquirrel.co/scripts/fbcc9e2db0736060fe0d4a278f0fc6c2.js', id: 'squirrel-skyatnightmagazine' } }; const scriptInfo = scripts[experienceConfig.trackingPrefix]; if (scriptInfo) { loadSquirrelScript(scriptInfo.src, scriptInfo.id); } // JW Player Start function checkForJWDivAndLoadScripts(attempts = 1) { const maxAttempts = 20; const playerContainer = document.getElementById('playerContainerJW'); if (playerContainer) { function loadJWScript(src, id, async = true, onLoadCallback) { if (!document.getElementById(id)) { const script = document.createElement('script'); script.src = src; script.async = async; script.id = id; script.onload = onLoadCallback; script.onerror = function () { console.error(`Failed to load script: ${src}`); }; document.head.appendChild(script); } else { onLoadCallback(); } } let scriptsLoaded = 0; const totalScripts = 2; function onScriptLoad() { scriptsLoaded++; if (scriptsLoaded === totalScripts) { checkForJWPlayerFunction(); } } function isOzpbLoaded() { return Array.from(document.getElementsByTagName('script')).some(script => script.src === 'https://prebid.the-ozone-project.com/hw2/OZONEOM00001/1500000109/current/ozpb.min.js' ); } if (isOzpbLoaded()) { loadJWScript('//www.googletagservices.com/tag/js/gpt.js', 'googleTagServiceScript', true, onScriptLoad); const jwPlayerId = window.experienceConfig?.jwPlayerId; if (jwPlayerId) { loadJWScript(`https://cdn.jwplayer.com/libraries/${jwPlayerId}.js`, 'jwPlayerScript', true, onScriptLoad); } else { console.error('JW Player ID is missing in experienceConfig'); } } else if (attempts < maxAttempts) { setTimeout(() => checkForJWDivAndLoadScripts(attempts + 1), 500); } else { console.error('ozpb.min.js script not found and maximum attempts reached.'); } } else if (attempts < maxAttempts) { setTimeout(() => checkForJWDivAndLoadScripts(attempts + 1), 500); } else { console.error('Player container not found and maximum attempts reached.'); } function checkForJWPlayerFunction(attempts = 1) { if (typeof jwplayer === 'function') { initJWPlayer(); } else if (attempts < maxAttempts) { setTimeout(() => checkForJWPlayerFunction(attempts + 1), 500); } else { console.error('jwplayer function is not defined after maximum attempts.'); } } } if (document.getElementsByTagName("storefront-view")[0].className === "article") { checkForJWDivAndLoadScripts(); } // JW Player End if (!isDevEnvironment) { if (experienceConfig.gtmCode) { initGtm(experienceConfig.gtmCode); } else { console.error(`Missing "gtmCode" in experience-config.json`) } } let loadContentResolve; let updateCounter = 0 /** * Store last setTimeout to cancel when a new view change happened. */ let lastViewChangeTimeout = undefined let firstViewUrl = location.href /** * @param {{ * event: AngularRouterEvent, * viewContext: StorefrontViewContext * }} params */ async function onViewChange(params) { if (updateCounter === 1 && firstViewUrl === location.href) { if (isDebug) console.log('Skipping double call to zephr API'); return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'SPA-pageview' }); updateCounter++; // OM-329 const event = new Event("OnViewChange"); window.dispatchEvent(event); if (isDevEnvironment) return; const loadContentPromise = new Promise(function (resolve, reject) { loadContentResolve = resolve; }); if (lastViewChangeTimeout) { clearTimeout(lastViewChangeTimeout); lastViewChangeTimeout = undefined; } let ctnt = params.viewContext.post || params.viewContext.content || params.viewContext.collection?.[0]; // Wait for config and script load if not already happened. if (window.zephrLoadPromise instanceof Promise) { await window.zephrLoadPromise; window.zephrLoadPromise = undefined; } // Should be available from the loaded script. if (experienceConfig.zephr) { if (!window.zephrBrowser || !window.zephrBrowser.run) { console.error('missing function zephrBrowser.run from' + experienceConfig.zephr.scriptUrl); } else { lastViewChangeTimeout = setTimeout(async () => { try { if (!ctnt) { if (isDebug) console.log('>>>> calling zephr API without any custom data'); window.zephrBrowser.run(); } else { let productCode = experienceConfig.zephr.defaultProductCode; let contentTier; if (ctnt.properties.content_tier === 'gated') { contentTier = 'gated'; } else if (ctnt.access === 'FREE') { contentTier = 'free'; } else { contentTier = 'paid'; } if (isDebug) console.log(`>>>> calling zephr API base productCode: ${productCode} contentTier: ${contentTier}`); const args = { cdnApi: zephrConfig.baseUrl, customData: { contentTier, productCode } }; await loadContentPromise; window.zephrBrowser.run(args); } lastViewChangeTimeout = undefined; } catch (e) { console.warn('Zephr API failed:', e); } }, 500); } } // Await the Preboot phase, should instantly resolve once the page is interactive. await prebootCompleted; if (isDebug) console.log('zephr script loaded and client-side preboot phase finished'); const openConsentSettings = (evt) => { evt.preventDefault(); window._sp_.loadPrivacyManagerModal(801357); } function addConsentSettingsButtonListener() { const btnAnchor = document.querySelectorAll('.menu-button-Manage-preferences a'); for (let i = 0; i < btnAnchor.length; i++) { btnAnchor[i].addEventListener('touchstart', openConsentSettings); btnAnchor[i].addEventListener('click', openConsentSettings); } } setInterval(addConsentSettingsButtonListener, 1000); } window.storefrontHooks = { getIntersectionMargin() { const screenWidth = window.screen.width; return (screenWidth <= 768) ? "350px 100px" : "950px 100px" }, onNavigationEnd(params) { if (document.getElementsByTagName("storefront-view")[0].className === "article") { reloadSquirrel(); checkForJWDivAndLoadScripts(); } resetAdStatus(); onViewChange(params); initializeLocalPrices(); let trackingDimension = document.body.getAttribute("data-storefront-pageid"); if (!experienceConfig.trackingPrefix) { console.warn("Missing 'trackingPrefix' in experince.config.json"); } else { trackingDimension = experienceConfig.trackingPrefix + '-' + trackingDimension; } rewriteAmazonLinks(experienceConfig.amazonAffiliate, trackingDimension); initSkimLinks(experienceConfig.skimLinksId, trackingDimension); initAwin(experienceConfig.awinId, trackingDimension); }, onContentLoaded() { if (document.getElementsByTagName("storefront-view")[0].className === "article") { reloadSquirrel(); checkForJWDivAndLoadScripts(); waitForJWPlayer(); } loadContentResolve(); initializeLocalPrices(); let trackingDimension = document.body.getAttribute("data-storefront-pageid"); if (!experienceConfig.trackingPrefix) { console.warn("Missing 'trackingPrefix' in experince.config.json"); } else { trackingDimension = experienceConfig.trackingPrefix + '-' + trackingDimension; } rewriteAmazonLinks(experienceConfig.amazonAffiliate, trackingDimension); initSkimLinks(experienceConfig.skimLinksId, trackingDimension); initAwin(experienceConfig.awinId, trackingDimension); }, onAdInit() { if (!document.getElementById('prebid-script') && experienceConfig.adPrebidScript) { // Disable initial ad load to handle prebid. window.googletag = window.googletag || { cmd: [] }; window.googletag.cmd.push(() => { if (isDebug) console.log("googletag.pubads().disableInitialLoad()"); googletag.pubads().disableInitialLoad(); googletag.pubads().set('page_url', window.location.href); }); // Load prebid script. var script = document.createElement('script'); script.id = 'prebid-script'; script.type = 'text/javascript'; script.defer = 'defer'; script.src = experienceConfig.adPrebidScript; document.head.appendChild(script); } }, isAdDisabled(adId) { // Exclude sidebar ads on small screen sizes and mobile ad slot on medium/large screen sizes const screenWidth = window.screen.width; if ((adId.includes('sidebar') && (screenWidth <= 768)) || (adId.includes('mobile') && (screenWidth > 768))) { return true; } return false; }, /** * @param {{ * id: ad identifier, * slot: GPT ad slot object, * config: ad configuration, * refresh: * }} params */ beforeRenderAd({ id, slot, config, refresh }, retries) { const OZONE_RETRY_MILLIS = 200; const OZONE_MAX_RETRIES = 20; if (!window.ozoneFetchBids) { if (retries == OZONE_MAX_RETRIES) { console.error("Deferred rendering of " + id + " " + OZONE_MAX_RETRIES + " times (" + (OZONE_MAX_RETRIES * OZONE_RETRY_MILLIS) + "ms because of ozone not loaded yet, loading without ozoneFetchBids now"); window.googletag.cmd.push(() => { if (isDebug) console.log("googletag.pubads().refresh([" + id + "])"); googletag.pubads().refresh([slot]); }); return; } if (isDebug) console.log("Defer rendering of " + id + " until ozoneFetchBids is loaded"); setTimeout(function () { window.storefrontHooks.beforeRenderAd({ id, slot, config, refresh }, retries ? retries + 1 : 1); }, OZONE_RETRY_MILLIS); return false; } if (!refresh) { if (isDebug) console.log("googletag.display(" + id + ")"); googletag.display(id); } else if (window.adStatus.refreshDisabled || window.adStatus.collapsed.includes(id)) { return false; } if (isDebug) console.log("ozoneFetchBids([" + id + "])"); ozoneFetchBids([id], function (s) { if (isDebug) console.log("callback from ozoneFetchBids([" + id + "])"); window.googletag.cmd.push(() => { if (isDebug) console.log("googletag.pubads().refresh([" + id + "])"); googletag.pubads().refresh([slot]); }); }); return false; }, onPurpleServiceInit() { initPermutiveTracking(); loadPermutive(); // Adds Permutive Script to head } }; // TODO: Maybe make sure that it is only called once for the first page? onViewChange({ viewContext: {} }); waitForTCF(); // Waits for TCF Api to be present and then initializes Permutive. // initPermutive(); }; function loadPermutive() { !function (e, o, n, i) { if (!e) { e = e || {}, window.permutive = e, e.q = []; var t = function () { return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, function (e) { return (e ^ (window.crypto || window.msCrypto).getRandomValues(new Uint8Array(1))[0] & 15 >> e / 4).toString(16) }) }; e.config = i || {}, e.config.apiKey = o, e.config.workspaceId = n, e.config.environment = e.config.environment || "production", (window.crypto || window.msCrypto) && (e.config.viewId = t()); for (var g = ["addon", "identify", "track", "trigger", "query", "segment", "segments", "ready", "on", "once", "user", "consent"], r = 0; r < g.length; r++) { var w = g[r]; e[w] = function (o) { return function () { var n = Array.prototype.slice.call(arguments, 0); e.q.push({ functionName: o, arguments: n }) } }(w) } } }(window.permutive, "f4421ea1-1948-4f78-bda3-363d6be60e59", "72db78e7-21c6-4465-beb3-88b9baa0d0a7", { "consentRequired": true }); window.googletag = window.googletag || {}, window.googletag.cmd = window.googletag.cmd || [], window.googletag.cmd.push(function () { if (0 === window.googletag.pubads().getTargeting("permutive").length) { var e = window.localStorage.getItem("_pdfps"); window.googletag.pubads().setTargeting("permutive", e ? JSON.parse(e) : []); var o = window.localStorage.getItem("permutive-id"); o && (window.googletag.pubads().setTargeting("puid", o), window.googletag.pubads().setTargeting("ptime", Date.now().toString())), window.permutive.config.viewId && window.googletag.pubads().setTargeting("prmtvvid", window.permutive.config.viewId), window.permutive.config.workspaceId && window.googletag.pubads().setTargeting("prmtvwid", window.permutive.config.workspaceId) } }); if (!document.getElementById('permutive-script-ext')) { const permutiveScriptExt = document.createElement('script'); permutiveScriptExt.id = 'permutive-script-ext'; permutiveScriptExt.src = 'https://72db78e7-21c6-4465-beb3-88b9baa0d0a7.edge.permutive.app/72db78e7-21c6-4465-beb3-88b9baa0d0a7-web.js'; permutiveScriptExt.async = true; document.head.append(permutiveScriptExt); } } function waitForJWPlayer() { const checkInterval = 100; const maxAttempts = 50; let attempts = 0; const interval = setInterval(() => { const jwPlayerElement = document.querySelector('.jwplayer'); if (jwPlayerElement && window.innerWidth <= 991) { clearInterval(interval); observeJWPlayer(jwPlayerElement); } else { attempts++; if (attempts >= maxAttempts) { clearInterval(interval); } } }, checkInterval); } function observeJWPlayer(jwPlayerElement) { const mutationObserver = new MutationObserver((mutationsList) => { for (const mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { const classList = mutation.target.classList; if (classList.contains('jw-flag-floating')) { removeAds(); mutationObserver.disconnect(); } } } }); function startMutationObserver() { mutationObserver.observe(jwPlayerElement, { attributes: true }); } const intersectionObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { startMutationObserver(); intersectionObserver.disconnect(); } }); }); intersectionObserver.observe(jwPlayerElement); } function removeAds() { const headerAds = document.querySelectorAll('.header-ad'); headerAds.forEach(ad => ad.remove()); const ivoAds = document.querySelectorAll('.ivo-ad'); ivoAds.forEach(ad => ad.remove()); } function loadScript(scriptSrc, id, inContent, reload) { let scriptEl = document.getElementById(id); if (scriptEl) { if (reload) { scriptEl.remove(); } else return; } let parent = document.body; if (inContent) { parent = document.getElementsByTagName("storefront-content-body")[0]; if (!parent) return; } var script = document.createElement('script'); script.id = id; script.type = 'text/javascript'; script.defer = 'defer'; script.src = scriptSrc; parent.appendChild(script); } function initSkimLinks(skimLinksId, trackingDimension) { if (skimLinksId) { window.skimlinks_settings = { skimlinks_target: "_blank", skimlinks_tracking: trackingDimension, }; loadScript('//s.skimresources.com/js/' + skimLinksId + '.skimlinks.js', 'SKIMLINKS', true, true); } else { console.error(`Missing "skimLinksId" in experience-config.json`) } } function initAwin(awinId, trackingDimension) { if (awinId) { const contentRoot = document.querySelector('storefront-content-body'); if (contentRoot) { const anchors = contentRoot.querySelectorAll('a[href^="https://"]'); anchors.forEach(a => { a.setAttribute("data-clickref", trackingDimension); }); } loadScript('//www.dwin2.com/pub.' + awinId + '.min.js', 'AWIN', true, true); } else { console.error(`Missing "awinId" in experience-config.json`) } } // Wait for window.__tcfapi to be defined, then trigger when the customer has completed their consent and preferences. function waitForTCF() { console.log("waitForTCF"); if (window.__tcfapi) { window.__tcfapi("addEventListener", 2, function (tcData, success) { if (success && (tcData.eventStatus === "useractioncomplete" || tcData.eventStatus === "tcloaded")) { initPermutive(); } }); } else { // window.__tcfapi wasn't defined. Check again in 100 milliseconds. setTimeout(waitForTCF, 100); } } function loadSquirrel() { const event = new Event("LoadDynSquirrel", { bubbles: true, cancelable: true }); window.document.dispatchEvent(event); }; function reloadSquirrel(attempt = 1) { loadSquirrel(); if (attempt < 10) { setTimeout(() => reloadSquirrel(attempt + 1), 1000); } }; if (document.getElementsByTagName("storefront-view")[0].className === "article") { loadSquirrel(); } const COUNTRY_CURRENCY = { 'AX': 'EUR', 'AL': 'EUR', 'AS': 'USD', 'AD': 'EUR', 'AI': 'USD', 'AG': 'USD', 'AW': 'USD', 'AU': 'AUD', 'AT': 'EUR', 'BS': 'USD', 'BB': 'USD', 'BY': 'EUR', 'BE': 'EUR', 'BZ': 'USD', 'BM': 'USD', 'BA': 'EUR', 'BG': 'EUR', 'CA': 'USD', 'KY': 'USD', 'CC': 'AUD', 'CK': 'AUD', 'CR': 'USD', 'HR': 'EUR', 'CU': 'USD', 'CX': 'AUD', 'CZ': 'EUR', 'DK': 'EUR', 'DM': 'USD', 'DO': 'USD', 'SV': 'USD', 'EE': 'EUR', 'FO': 'EUR', 'FJ': 'AUD', 'FI': 'EUR', 'FR': 'EUR', 'PF': 'AUD', 'DE': 'EUR', 'GB': 'GBP', 'GI': 'EUR', 'GR': 'EUR', 'GL': 'USD', 'GD': 'USD', 'GP': 'EUR', 'GU': 'AUD', 'GT': 'USD', 'GG': 'GBP', 'HT': 'USD', 'HM': 'AUD', 'VA': 'EUR', 'HN': 'USD', 'HU': 'EUR', 'IS': 'EUR', 'IE': 'EUR', 'IM': 'GBP', 'IT': 'EUR', 'JM': 'USD', 'JE': 'GBP', 'KI': 'AUD', 'LV': 'EUR', 'LI': 'EUR', 'LT': 'EUR', 'LU': 'EUR', 'MK': 'EUR', 'MT': 'EUR', 'MH': 'USD', 'MQ': 'EUR', 'MX': 'USD', 'FM': 'USD', 'MD': 'EUR', 'MC': 'EUR', 'ME': 'EUR', 'MS': 'USD', 'NR': 'AUD', 'AN': 'USD', 'NL': 'EUR', 'NC': 'AUD', 'NZ': 'AUD', 'NI': 'USD', 'NU': 'AUD', 'NF': 'AUD', 'MP': 'USD', 'NO': 'EUR', 'PW': 'USD', 'PA': 'USD', 'PG': 'AUD', 'PN': 'AUD', 'PL': 'EUR', 'PT': 'EUR', 'PR': 'USD', 'RO': 'EUR', 'KN': 'USD', 'LC': 'USD', 'PM': 'EUR', 'VC': 'USD', 'WS': 'AUD', 'SM': 'EUR', 'RS': 'EUR', 'SK': 'EUR', 'SI': 'EUR', 'SB': 'AUD', 'ES': 'EUR', 'SJ': 'EUR', 'SE': 'EUR', 'CH': 'EUR', 'TK': 'AUD', 'TO': 'AUD', 'TT': 'USD', 'TC': 'USD', 'TV': 'AUD', 'UA': 'EUR', 'UM': 'USD', 'US': 'USD', 'VU': 'AUD', 'VG': 'USD', 'VI': 'USD', 'WF': 'AUD', 'BQ': 'USD', 'IO': 'USD', 'TL': 'USD', 'EU': 'EUR', 'CY': 'EUR', 'GF': 'EUR', 'TF': 'EUR', 'YT': 'EUR', 'RE': 'EUR', 'BL': 'EUR', 'UK': 'GBP', }; function initializeLocalPrices() { const showLocalPricesInArticle = () => { let countryCode = window.zephrCountry; if (!countryCode) { countryCode = 'UK'; } const currency = COUNTRY_CURRENCY[countryCode]; if (!currency) return; let prices = document.querySelectorAll('.review-price-' + currency.toLowerCase()); if (prices.length === 0) { prices = document.querySelectorAll('.review-price-gbp'); } prices.forEach(element => { element.style.display = 'flex'; }); }; const showLocalPricesForTaxonomy = () => { let countryCode = window.zephrCountry; if (!countryCode) { countryCode = 'UK'; } const currency = COUNTRY_CURRENCY[countryCode]; if (!currency) return; const currencyClass = `review-price-${currency.toLowerCase()}`; const issueDataContainers = document.querySelectorAll('.issue-data'); issueDataContainers.forEach(container => { let localPrices = container.querySelectorAll(`.issue-custom-message.${currencyClass}`); if (localPrices.length === 0) { localPrices = container.querySelectorAll('.issue-custom-message.review-price-gbp'); } localPrices.forEach(element => { element.style.display = 'flex'; }); }); }; const handleNewElements = () => { document.querySelectorAll('.issue-custom-message, .article-geo-price').forEach(element => { setTimeout(() => { showLocalPricesInArticle(); }, 1000); showLocalPricesForTaxonomy(); }); }; const observer = new MutationObserver((mutationsList) => { let newElementAdded = false; mutationsList.forEach(mutation => { if (mutation.type === 'childList') { mutation.addedNodes.forEach(node => { if (node.matches && (node.matches('.issue-custom-message') || node.matches('.article-geo-price'))) { newElementAdded = true; } }); } }); if (newElementAdded) { handleNewElements(); } }); const config = { childList: true, subtree: true }; const targetNode = document.body; observer.observe(targetNode, config); handleNewElements(); } document.addEventListener('DOMContentLoaded', function () { initializeLocalPrices(); }); window.setCountry = function (country) { console.log("set country: " + country); window.zephrCountry = country; let trackingDimension = document.body.getAttribute("data-storefront-pageid"); if (!experienceConfig.trackingPrefix) { console.warn("Missing 'trackingPrefix' in experince.config.json"); } else { trackingDimension = experienceConfig.trackingPrefix + '-' + trackingDimension; } setTimeout(() => { rewriteAmazonLinks(experienceConfig.amazonAffiliate, trackingDimension); }, 1000); initializeLocalPrices(); } const AMAZON_BASE_URLS = { US: "https://www.amazon.com", AU: "https://www.amazon.com.au", UK: "https://www.amazon.co.uk" }; function rewriteAmazonLinks(amazonConfig, trackingDimension) { if (!amazonConfig) return; const country = window.zephrCountry || 'UK'; const affiliateTag = amazonConfig[country] || amazonConfig.UK; if (!affiliateTag) return; const amazonBase = AMAZON_BASE_URLS[country] || AMAZON_BASE_URLS.UK; function updateLinks(contentRoot) { const anchors = contentRoot.querySelectorAll('a[href^="https://www.amazon."]'); anchors.forEach(a => { try { const href = a.href; const url = new URL(href); const pathname = url.pathname; const searchParams = new URLSearchParams(url.search); let newHref = ''; if (pathname.includes('/dp/') || pathname.includes('/product/')) { const asin = pathname.split('/')[2]; newHref = `${amazonBase}/dp/${asin}?tag=${affiliateTag}&ascsubtag=${trackingDimension}`; } else if (pathname.includes('/s')) { const searchKeywords = searchParams.get('keywords') || searchParams.get('k'); if (searchKeywords) { const formattedKeywords = encodeURIComponent(decodeURIComponent(searchKeywords)).replace(/%20/g, '+'); newHref = `${amazonBase}/s?k=${formattedKeywords}&tag=${affiliateTag}&ascsubtag=${trackingDimension}`; } } if (newHref) { a.href = newHref; a.setAttribute('data-href', newHref); } } catch (error) { console.error('Error updating link:', error); } }); } const contentRoots = document.querySelectorAll('.squirrel_div'); contentRoots.forEach(contentRoot => updateLinks(contentRoot)); const observer = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.type === 'childList') { mutation.addedNodes.forEach(node => { if (node.nodeType === 1) { updateLinks(node); node.querySelectorAll('.squirrel_div').forEach(childNode => updateLinks(childNode)); } }); } }); }); observer.observe(document.body, { childList: true, subtree: true, }); } function initGtm(gtmCode) { var gtmScript = document.createElement('script'); gtmScript.type = 'text/javascript'; gtmScript.text = `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push( {'gtm.start': new Date().getTime(),event:'gtm.js'} );var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','${gtmCode}');`; document.head.insertBefore(gtmScript, this.document.head.firstChild); } // GAM Scripts that are called from ad slots via parent.xxx let skinNarrowSelectors = ['.header-desktop', 'storefront-section.footer']; window.resetAdStatus = function () { if (window.adStatus?.skin) { document.body.removeAttribute('style'); document.body.removeAttribute('onclick'); skinNarrowSelectors.forEach(s => { let e = document.querySelector(s); if (e) e.style.maxWidth = e.style.margin = ''; }); document.querySelector('storefront-view').style.backgroundColor = ''; } window.adStatus = { skin: false, refreshDisabled: false, collapsed: [] } window.googletag = window.googletag || { cmd: [] }; window.googletag.cmd.push(() => { googletag.pubads().set('page_url', window.location.href); }); }; window.resetAdStatus(); // Adjusts the page width to 980px to reveal the skin creative applied underneath the website. // Enables the creative to be clickable. window.serveSkinAd = function (bgColor, skinImage, backgroundRepeat, skinAttachment, clickThroughUrl) { window.adStatus.skin = true; document.querySelector('storefront-view').style.backgroundColor = '#00000000'; document.body.style.backgroundColor = bgColor; document.body.style.backgroundImage = "url('" + skinImage + "')"; document.body.style.backgroundPosition = "top center"; document.body.style.backgroundRepeat = backgroundRepeat; document.body.style.backgroundAttachment = skinAttachment; document.body.style.cursor = "pointer"; skinNarrowSelectors.forEach(s => { let e = document.querySelector(s); if (e) { e.style.maxWidth = '980px'; e.style.margin = 'auto'; } }); document.body.onclick = function (e) { if (!e) return; var t = e.target; if (t.tagName == 'BODY' || t.tagName == 'HTML' || t.parentNode.id == 'div-gpt-ad-leaderboard' || t.parentElement.classList[0] == 'content') { window.open(clickThroughUrl, '_blank'); } } }; // Disable refresh Prevents every ad unit on the page from refreshing when that line item is served. window.disableAdRefresh = function () { window.adStatus.refreshDisabled = true; }; // Collapse collapses /disables a specific or series of ad slot(s) only certain slots are collapsible without causing a CLS. // The slot no longer appears on page. At present this is only possible on slots that are 320x50 as thats the only slot that wouldn’t cause a shift when being collapsed. // This is where the banner currently serves. window.collapseAdSlots = function (slots) { if (!Array.isArray(slots)) slots = [slots]; let slotsToDestroy = []; let allSlots = []; try { allSlots = window.googletag.pubads().getSlots(); } catch (e) { console.log("Error reading slots", e); } slots.forEach(slot => { if (!window.adStatus.collapsed.includes(slot)) { window.adStatus.collapsed.push(slot); allSlots.forEach(adSlot => { if (adSlot.getSlotElementId() === slot) { slotsToDestroy.push(adSlot); } }); } }); if (slotsToDestroy.length > 0) { window.googletag.cmd.push(() => { window.googletag.destroySlots(slotsToDestroy); }); } }; // Prevents dynamic ads from serving on the page when the line item is served. window.blockDynamicAds = function () { let mpuSlots = []; for (let i = 0; i < 20; i++) mpuSlots.push('article_MPU' + (i == 0 ? '' : i)); collapseAdSlots(mpuSlots); }; // MutationObserver for adding Zephr article-content div. const observer = new MutationObserver((mutationsList, observer) => { mutationsList.forEach((mutation) => { if (mutation.type === 'childList') { mutation.addedNodes.forEach((node) => { if (node.nodeType === Node.ELEMENT_NODE && node.classList.contains('purple-inner-container')) { addArticleContent(node); } }); } if (mutation.type === 'attributes' && mutation.target.classList.contains('purple-inner-container')) { addArticleContent(mutation.target); } }); }); const config = { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] }; observer.observe(document.body, config); function addArticleContent(element) { if (!element.querySelector('.article-content')) { const articleContentDiv = document.createElement('div'); articleContentDiv.classList.add('article-content'); element.insertBefore(articleContentDiv, element.firstChild); } } window.loadExtensions(); } function initPermutive() { console.log("InitPermutive"); let consent_applies = false; __tcfapi('getTCData', 2, (tcData, success) => { if (tcData.gdprApplies) { localStorage.setItem("consent_applies", "true"); console.log("GDPR applies"); } else { __uspapi('getCustomVendorRejects', 1, (uspData, success) => { console.log("GDPR does not apply"); if (uspData.ccpaApplies) { localStorage.setItem("consent_applies", "true"); console.log("Consent for uspData!"); } else { localStorage.setItem("consent_applies", "false"); console.log("No Consent for uspData!"); } }); } }); if ( localStorage.getItem("consent_applies") === null || typeof localStorage.getItem("consent_applies") === "undefined" || localStorage.getItem("consent_applies") === consent_applies ) { consent_applies = true; } // Original Place of permutive Script. } function initPermutiveTracking() { const _trackView = window.purple.tracking.trackView; window.purple.tracking.trackView = function (params) { permutiveTrackView(params.key, params.optionalParams); _trackView(params); } } function permutiveTrackView(view, params, retry = 0) { if (retry > 5) { return; } if (!window.permutive) { setTimeout(() => { permutiveTrackView(view, params, retry++); }, 100) return; } console.log('permutiveTrackView params', params); // const exampleParams = { // "PREVIEW": "true", // "PERMUTIVE.SECTION": "garden-advice", // "PERMUTIVE.PAGE_TYPE": "article", // "PERMUTIVE.GAD_SPECIALITY": "$context.gadSpeciality", // "PERMUTIVE.POST_TAG": "$context.gadPostTags", // "PERMUTIVE.GAD_BRAND": "$context.gadBrand", // "VIEW": "article", // "POPUP": "false" // }; const gadSpeciality = transformPermutive(params['PERMUTIVE.GAD_SPECIALITY'], true); const posttag = transformPermutive(params['PERMUTIVE.POST_TAG'], true); const section = transformPermutive(params['PERMUTIVE.SECTION']); const page_type = transformPermutive(params['PERMUTIVE.PAGE_TYPE']); const gadBrand = transformPermutive(params['PERMUTIVE.GAD_BRAND']); const permutiveAddonConfig = { page: { ...(gadSpeciality != null ? { gadSpeciality } : {}), ...(posttag != null ? { posttag } : {}), ...(section != null ? { section } : {}), ...(page_type != null ? { page_type } : {}), ...(gadBrand != null ? { gadBrand } : {}), classifications_watson: { categories: '$alchemy_taxonomy', concepts: '$alchemy_concepts', emotion: '$alchemy_document_emotion', entities: '$alchemy_entities', keywords: '$alchemy_keywords', sentiment: '$alchemy_document_sentiment' }, } } console.log('permutiveAddonConfig', permutiveAddonConfig); permutive.addon('web', permutiveAddonConfig); } function transformPermutive(value, asList) { // If this value is changed, the "gadListSeparator" value in url.resolver.js needs to be changed as well. const permutiveListSeparator = ','; if (!value || value.startsWith('$context.')) { return; } if (asList) { const list = value.split(permutiveListSeparator); return list.length ? list : undefined; } return `${value}`; } function initJWPlayer() { const jwPlaylistId = window.experienceConfig?.jwPlaylistId; const jwAdUnitId = window.experienceConfig?.jwAdUnitId; const jwBidAdId = window.experienceConfig?.jwBidAdId; if (!jwPlaylistId || !jwAdUnitId || !jwBidAdId) { console.error('Missing JW Player configuration.'); return; } console.log('jwPlaylistId:', window.experienceConfig.jwPlaylistId ?? 'Property not defined'); console.log('jwAdUnitId:', window.experienceConfig.jwAdUnitId ?? 'Property not defined'); console.log('jwBidAdId:', window.experienceConfig.jwBidAdId ?? 'Property not defined'); if (typeof window.experienceConfig.jwPlaylistId !== 'string') { console.log('jwPlaylistId is not a string or is undefined'); } if (typeof window.experienceConfig.jwAdUnitId !== 'string') { console.log('jwAdUnitId is not a string or is undefined'); } if (typeof window.experienceConfig.jwBidAdId !== 'string') { console.log('jwBidAdId is not a string or is undefined'); } var playerInstance = jwplayer('playerContainerJW'); var firstAdDone = false; var playerHasBeenInvoked = false; function invokeVideoPlayer(url) { if (playerHasBeenInvoked) return; console.log('Invoking player with URL:', url); playerHasBeenInvoked = true; playerInstance.setup({ playlist: `https://cdn.jwplayer.com/v2/playlists/${jwPlaylistId}`, advertising: { client: "vast", tag: url } }); playerInstance.on('beforePlay', function () { console.log('Before play event triggered'); if (firstAdDone) { console.log('Calling ozoneFetchInstreamBid for subsequent ad'); ozoneFetchInstreamBid(jwBidAdId, instreamCallbackFn); } firstAdDone = true; }); } function instreamCallbackFn(bids, videoAdUnit) { console.log('Instream Callback Function Called'); console.log('Received Bids:', bids); console.log('Video Ad Unit:', videoAdUnit); let videoUrl; if (bids[jwBidAdId] && bids[jwBidAdId].bids.length > 0) { console.log('Bids available for instream ad'); videoUrl = ozwrap_pbjs.adServers.dfp.buildVideoUrl({ adUnit: videoAdUnit, params: { iu: jwAdUnitId, sz: '640x480', cust_params: { key1test: 'blog_' + (Math.random() * 100).toFixed(0), anotherKey: "anotherValue" } } }); } else { console.error('No valid bids received for instream ad'); videoUrl = null; } console.log('Constructed Video URL:', videoUrl); if (!playerHasBeenInvoked) { invokeVideoPlayer(videoUrl); } else if (videoUrl) { playerInstance.playAd(videoUrl); } else { console.log('No valid URL for ad, not playing an ad'); } } googletag.cmd.push(function () { console.log('Calling ozoneFetchInstreamBid for the first time'); ozoneFetchInstreamBid(jwBidAdId, instreamCallbackFn); }); }

Rocky Mountain

Every custom bike and awesome athlete competing in 2024's wild Red Bull Rampage

New Rocky Mountain Altitude revives LC2R linkage after decade-long hiatus

New Rocky Mountain Instinct is a 'quiver killer' with size-specific shock tunes and four-way geometry adjust

New Rocky Mountain Slayer has integrated storage and dual-crown compatibility

The evolution of mountain bikes in two decades | How have trail bikes changed from 2005 to 2023?

First ride review | Rocky Mountain Element C70 29

Rocky Mountain launches all-new Dyname 4.0 drive motor system on two new e-MTBs

Rocky Mountain’s new Instinct Powerplay Carbon e-bike is tougher, stiffer and lighter

Rocky Mountain Altitude Powerplay Carbon 70 first ride review

Rocky Mountain Instinct Carbon 90 BC Edition first ride review

Rocky Mountain Altitude Carbon 70 review

Rocky Mountain Altitude Powerplay Carbon 70 first ride review

Rocky Mountain designs in-house drive unit for Altitude Powerplay e-MTB

Rocky Mountain Element 999 RSL T.O. review

Rocky Mountain Slayer 750 MSL first ride review

Rocky Mountain SuziQ first look

Rocky Mountain announces Growler and Reaper

The classic Rocky Mountain Element gets an update for 2017

Rocky Mountain Sherpa review

Interbike 2015 Mega Gallery – part one

Rocky Mountain Instinct 990 MSL BC Edition - first ride review

Rocky Mountain Altitude 799 MSL review

Rocky Mountain announces Thunderbolt MSL

Sea Otter picks: new and redesigned bikes from GT, Rocky Mountain and Felt