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

Jamie Carter

Science writer

In pictures: South America wowed by annular solar eclipse over Easter Island, Chile, Argentina

Ever seen a ring of fire in the sky? This is what causes an annular solar eclipse and why it's different from a total

Eclipses 2024 | This year's solar and lunar eclipses

14 best astronomy and stargazing apps for smartphones

Stargazing at Yorkshire Dales and North York Moors Dark Sky Reserves

Astrophotography With A Smartphone: Timelapses

6 of the best places for stargazing in Spain

Japan is sending a spacecraft to Mars's moons and returning a sample for study back on Earth

Vaonis Hestia telescope review

The biggest camera in world is part of a new observatory set to study the mysterious dark universe

Boasting dark skies over rolling landscapes, Scotland offers some of the best places to stargaze in the UK

Buzz Aldrin has a striking vision for the long-term human exploration of Mars

Dark-sky USA! Avoid light pollution and explore the cosmos in these US National Parks perfect for stargazing

10 of the best stargazing and astronomy holidays

12 ancient stones, tombs and temples across the world that align with the Sun at the solstice

Why stargazing at Grand Canyon Dark Sky Park is one of best night-sky experiences in the USA

See the Sun kiss the Big Apple! Manhattanhenge has arrived, and this is how you can see it

Buyer's guide | Smartphone astrophoto gadgets

Eclipse España: Six solar eclipses, including two total eclipses, will be seen from Spain in just six years

Capture the colours, swirls and wisps of the Northern Lights with our guide on how to photograph the aurora

Tomorrow's solar eclipse marks the second of two major solar eclipses visible across the US

Our complete guide to the April 8 total solar eclipse, including times, locations and weather predictions

In the UK and missing the April solar eclipse? Fear not, we're about to get seven solar eclipses in seven years

10 events in the US to see the total solar eclipse on April 8, 2024