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

Tim Jardine

Astronomer

How to get the most out of your telescope and improve your views of the night sky

Sky-Watcher's new Wi-Fi-controlled mount is beefy, smartphone-enabled and can be used anywhere in the world

How to choose your first telescope

Altair's Hypercam 585C colour camera captures deep-sky, planets and the Moon, and all for under £500

Turbulence-busting, near-infrared capability. We tested the QHY5III200M camera on Jupiter and Uranus's moons

First Light Optics Remote Observatory tried and tested

How to build the best telescope eyepiece collection

Atik Apx26 mono camera review

Pegasus Astro NYX-101 harmonic gear mount review

Sky-Watcher Quattro 150P f/4 astrograph review

Altair Wave Series 130EDT-F F7

Rainbow Astro RST-135 mount review

iOptron Photron RC6 6-inch Ritchey-Chrétien review

StellaMira 90mm ED triplet apochromatic refractor

SharpStar SCA260 Aspherical Cassegrain Astrograph review

Altair Astro Hypercam AA24CFX colour camera

Altair 8-inch F4 Photo Newtonian Telescope review

Founder Optics FOT106 triplet refractor review

Altair Starwave ASCENT 115 F7 ED triplet refractor review

RVO Horizon 60ED Doublet refractor

Altair Hypercam 115M Mono TEC cooled CMOS camera review

Altair Hypercam 26C APS-C colour 16-bit camera

Atik ACIS 7.1 CMOS mono camera

Altair Starwave 110ED-R refractor