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); }); }

Astronomy news

Webb sees impossible black holes. Scientists may have an answer

Large Magellanic Cloud collision with the Milky Way

How did Mars lose its water? Study traces atoms escaping into space to look back 4 billion years

6 ways to enjoy to enjoy a full Moon or supermoon

How to see tonight's Super Beaver Moon, the final supermoon of 2024

Strange cosmic light show as black holes 40 million times as massive as the Sun churn up gas at the centre of a galaxy

Voyager 2 discoveries at Uranus's magnetosphere

Black hole LID-568 consuming matter at an impossible rate

Why is the November Moon called the Beaver Moon?

One of the sky's brightest stars has no visible planets around it. Its surrounding disk is "ridiculously smooth."

Webb is seeing black holes that are much bigger than expected. Could the answer be dark matter?

Small Blueberry galaxies close to home could help astronomers understand distant Green Peas

First artificial meteor shower by DART impact mission

Have astronomers finally found the true cause of the Wow! signal?

“Aliens are more likely to see Comet A3 Tsuchinshan ATLAS again than Earth is!” – the comet’s orbit is 100,000s years long

Dark Wolf Nebula

CHARA observations of Polaris, the North Star

The Sun has released another strong solar flare ahead of this weekend, according to NASA

Webb may have found the first ever free-floating 'brown dwarf' gas giant planets seen beyond our Galaxy

Think you know the Moon phases? Try this Google Doodle online game celebrating the 'half Moon'

Astronomers may have found 'missing link' black hole hiding among a star cluster near the centre of our Galaxy

Rosette Nebula is stunning in Dark Energy Camera image

Asteroid S2 may have helped early Earth life to flourish

The clocks go back this weekend as British Summer Time ends. Here's why it happens