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

Stephen Tonkin

Binocular astronomer

Best binoculars for astronomy

Binocular targets | August 2024

Observing guide | 10 autumn binocular astronomy targets

4 star-hops to help you navigate the night sky

How do you classify a star? A guide to stellar classification and what they mean.

Crisp views, excellent colour. The Hawke Endurance ED 10x50 binoculars are ideal for astronomy and stargazing

Nirvana UWA-82˚ eyepiece set review

Opticron Adventurer 10x50 binoculars review

Canon 12x36 image stabilisation III binoculars review

Opticron Oregon WA 10x50 binoculars review

Explore Scientific G400 15x56 roof prism binoculars review

Celestron Echelon 16x70 binoculars

Vixen Atera H12x30 stabilised binoculars review

Celestron SkyMaster Pro 20x80 binoculars and 10Micron BM100 Leonardo mount review

Canon 14x32 IS binoculars review

Orion Monster Parallelogram mount, GiantView 25x100 binoculars

Bresser Spezial Astro SF 15x70 binoculars review

Opticron Oregon Observation 20x80 binoculars review

Celestron Upclose G2 10x50 binoculars review

How to hold your binoculars steady

Opticron Oregon Observation 11x70 binoculars review

How to star-hop the night sky

Best binoculars for birdwatching and astronomy

Buyer's guide | Best budget binoculars