[{"key":"exp-019-advice-hide-the-product-carousel-for-nonmembers","changeId":"23419a574aeef84010015df90a2f5f0ff7013d3cc0bfd6891ed145a67e844fbd","status":"stopped","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":"[class*='GridItemArticle_footer']","action":"set","attribute":"style","value":"display: none"},{"selector":".sharing-options-vertical","action":"set","attribute":"style","value":"display: none"},{"selector":"[data-testid=\"hide-on-article-scroll\"]","action":"set","attribute":"style","value":"display: none"}]},{"css":"","js":"","domMutations":[{"selector":"[class^='GridItemArticle_footer']","action":"set","attribute":"style","value":"display: none"},{"selector":".sharing-options-vertical","action":"set","attribute":"style","value":"display: none"},{"selector":".sidebar .associated-articles:nth-of-type(2)","action":"set","attribute":"style","value":"display: none"},{"selector":"[data-testid=\"hide-on-article-scroll\"]","action":"set","attribute":"style","value":"display: none"}]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/(?!.*new-and-used-cars)(?:reviews\\/[^\\/]+\\/article\\/[^\\/?#]*).*"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"No carousels or social"},{"key":"2","name":"V1 + No Related articles"}],"seed":"8ab70c3b-704b-4348-b5d5-987c9789535d","name":"EXP 019 [Advice] Hide the product carousel & other noise","phase":"0","force":2,"coverage":1},{"key":"mobile-pp-test","changeId":"ff119153d7eb5db241dd1ea040d811693397f55c82bf7e059ca75777272a8477","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(function() {\n // 1. Mobile Check\n const isMobile = window.innerWidth <= 768;\n if (!isMobile) return;\n\n // 2. Polling: Wait for BOTH the Article and the Destination Grid\n const intervalId = setInterval(function() {\n \n // Selector for the Article (using wildcard for safety)\n const articleElement = document.querySelector('article[class*=\"LoggedOutMemberBenefits_panel\"]');\n \n // Selector for the Destination (The Featured Links Grid)\n const destinationContainer = document.querySelector('section[data-testid=\"featuredLinks\"] section[data-testid=\"grid\"]');\n\n // Only proceed if BOTH exist\n if (articleElement && destinationContainer) {\n clearInterval(intervalId);\n\n // --- PART A: Edit Content (Slimline) ---\n const legalSmallPrint = articleElement.querySelector('p[class*=\"SignupButton_caption\"]');\n \n if (legalSmallPrint) {\n const parentOfLegalSmallPrint = legalSmallPrint.parentElement;\n \n // Remove siblings after legal print\n let currentNode = parentOfLegalSmallPrint.nextElementSibling;\n while (currentNode) {\n const next = currentNode.nextElementSibling;\n currentNode.remove();\n currentNode = next;\n }\n\n // Remove Footer\n const footerElement = articleElement.querySelector('[class*=\"ContextualPanelFooter_footer\"]');\n if (footerElement) {\n footerElement.remove();\n }\n\n // Reset Height to auto so it shrinks to fit new content size\n articleElement.style.minHeight = 'auto';\n articleElement.style.height = 'auto';\n }\n\n // --- PART B: Reposition and Rebalance Spacing ---\n \n // Get the GRID WRAPPER (the parent div with GridItem classes)\n const gridWrapper = articleElement.closest('div[class*=\"GridItem\"]');\n\n if (gridWrapper) {\n // 1. Move it to the top\n destinationContainer.prepend(gridWrapper);\n\n // 2. Apply Styles to Fix Grid Position and Spacing\n // We use cssText to apply multiple styles at once.\n // !important is needed to override existing class styles.\n gridWrapper.style.cssText += `\n grid-column-start: 1 !important; \n grid-row-start: 1 !important;\n margin-top: 0px !important;\n margin-bottom: 32px !important; \n `;\n \n // NOTE: You can adjust '32px' above to '24px' or '40px' depending on preferred balance.\n }\n }\n }, 100); // Check every 100ms\n\n // 3. Safety Timeout: Give up after 5 seconds\n setTimeout(function() {\n clearInterval(intervalId);\n }, 5000);\n\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"0d023f85-44c1-4804-9f92-60d181bf3fcc","name":"Move Mobile PPP to the top of the page","phase":"0","coverage":1},{"key":"visual-editor-work-registration-consent-messaging","changeId":"6376b58d65571588bc602a7addb5f57126669ae9fc55a7461017d438dd94781d","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Consent UI Refactor (Optimized for Production)\n * - MutationObserver disconnects after success to save resources.\n * - Uses event delegation for cleaner logic.\n * - Minimal DOM footprints.\n */\n\n(function() {\n const CONFIG = {\n id: 'gb-consent-experiment',\n selectors: {\n emailInput: 'input#email',\n // Using attribute-contains selectors for better resilience against hashed CSS modules\n marketingHeader: '[class*=\"MarketingPreferences_marketingConsentHeading\"]',\n marketingRows: '[class*=\"MarketingPreferences_marketingConsent__\"]',\n disclaimerTexts: 'p[class*=\"Typography_sb-text-body-default-regular\"]',\n formFieldClass: 'FormField_formField'\n },\n externalIcon: ``\n };\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-new-consent-wrapper { margin: 24px 0; font-family: Arial, sans-serif; clear: both; }\n .gb-header { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #000; }\n .gb-subheader { font-size: 14px; margin-bottom: 20px; color: #333; line-height: 1.5; }\n .gb-card { border: 1px solid #ced4da; border-radius: 8px; padding: 16px; margin-bottom: 12px; display: flex; align-items: flex-start; cursor: pointer; transition: all 0.2s ease; background: #fff; }\n .gb-card:hover { border-color: #0056b3; }\n .gb-card.selected { border-color: #0056b3; background-color: #f8fbff; }\n .gb-checkbox-ui { width: 20px; height: 20px; border: 2px solid #ced4da; border-radius: 4px; margin-right: 16px; flex-shrink: 0; position: relative; top: 2px; }\n .gb-card.selected .gb-checkbox-ui { background-color: #0056b3; border-color: #0056b3; }\n .gb-card.selected .gb-checkbox-ui::after { content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }\n .gb-card-title-row { font-weight: 700; font-size: 16px; color: #000; margin-bottom: 4px; }\n .gb-card-desc { font-size: 14px; color: #555; line-height: 1.4; }\n .gb-legal-link { color: #0056b3; text-decoration: underline; }\n .gb-show-more-btn { background: none; border: none; color: #0056b3; padding: 0; font-size: 14px; cursor: pointer; text-decoration: underline; display: inline; margin-left: 4px; }\n .gb-more-info { display: none; margin: 12px 0 20px 0; padding: 12px; background: #f4f4f4; border-radius: 4px; font-size: 13px; color: #555; }\n .gb-more-info.expanded { display: block; }\n .gb-hidden { position: absolute !important; height: 1px !important; width: 1px !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; }\n `;\n document.head.appendChild(style);\n };\n\n const applyExperiment = () => {\n const emailInput = document.querySelector(CONFIG.selectors.emailInput);\n const marketingHeader = document.querySelector(CONFIG.selectors.marketingHeader);\n \n if (!emailInput || !marketingHeader || document.querySelector('.gb-new-consent-wrapper')) return false;\n\n injectStyles();\n\n const container = marketingHeader.parentElement;\n // Using [class*=\"...\"] to find the root wrapper more reliably than a full hashed class name\n const emailFieldRoot = emailInput.closest(`[class*=\"${CONFIG.selectors.formFieldClass}\"]`);\n if (!emailFieldRoot) return false;\n\n // Hide original nodes via accessibility-safe class\n container.querySelectorAll(`${CONFIG.selectors.marketingHeader}, ${CONFIG.selectors.marketingRows}, ${CONFIG.selectors.disclaimerTexts}:not(:last-of-type)`)\n .forEach(el => el.classList.add('gb-hidden'));\n\n // Inject New UI\n const html = `\n `;\n \n emailFieldRoot.insertAdjacentHTML('afterend', html);\n\n // Logic Bindings\n const setupCard = (id, consentName) => {\n const card = document.getElementById(id);\n if (!card) return;\n\n const syncState = () => {\n const yesRadio = document.querySelector(`input[name=\"${consentName}Consent\"][value=\"Yes\"]`);\n card.classList.toggle('selected', !!(yesRadio && yesRadio.checked));\n };\n\n card.addEventListener('click', () => {\n const targetValue = card.classList.contains('selected') ? 'No' : 'Yes';\n const targetRadio = document.querySelector(`input[name=\"${consentName}Consent\"][value=\"${targetValue}\"]`);\n if (targetRadio) {\n targetRadio.click();\n targetRadio.dispatchEvent(new Event('change', { bubbles: true }));\n }\n syncState();\n });\n syncState();\n };\n\n const toggleBtn = document.getElementById('gb-toggle-info');\n if (toggleBtn) {\n toggleBtn.addEventListener('click', (e) => {\n e.preventDefault();\n const content = document.getElementById('gb-more-info-content');\n const isExpanded = content.classList.toggle('expanded');\n toggleBtn.textContent = isExpanded ? 'Show less' : 'Show more';\n });\n }\n\n setupCard('gb-card-email', 'email');\n setupCard('gb-card-post', 'post');\n\n return true;\n };\n\n const observer = new MutationObserver(() => {\n if (applyExperiment()) observer.disconnect();\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n applyExperiment();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/registration"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"f14b2541-9d7c-427d-8752-96dba89a17b1","name":"Consent selection test QA","phase":"1","condition":{"id":{"$regex":"317a05de-0554-4d51-b4d6-827f494c134e|2aee58cc-137b-41b2-a5a9-a0275045a949"}},"coverage":1},{"key":"payment-upsell-test","changeId":"8eab416ba71265d7b89d782f3ecb78d3b2272b9dcd4682f7022c19d3416ba468","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Digital to Full Access Upsell (Variation 1 - White Box Inside)\n * * Engineering & Security Notes:\n * - URL-Based Targeting: Evaluates window.location.search for exact productId and rateId \n * matches, avoiding brittle DOM text-scraping.\n * - Execution Guard: Uses a window-level flag to prevent duplicate execution in SPAs.\n * - Performance: The MutationObserver is lightweight; it fast-fails if the target UI isn't ready.\n * - Security & Tracking Preservation: Uses the native URL Web API to build the redirect URL. \n * By iterating over the current browser URL search params, it inherently preserves all \n * existing tracking (e.g., 'source_code', UTM tags) to ensure flawless marketing attribution.\n */\n(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v1',\n offers: [\n {\n // CURRENT Plan Identifiers (The monthly plan the user is currently on)\n currentProductId: '8a28c43c8b8b0115018ba4e4335541f4',\n currentRateId: '8a28f8018b8b0100018ba4e89d37708b',\n \n // UPGRADE Plan Details (The annual plan to upgrade to)\n targetName: 'Digital',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28b30e9bf8f843019c0f017fc80bba',\n savePercent: '17',\n yearlyPrice: '89',\n monthlyEquiv: '7.42'\n },\n {\n // CURRENT Plan Identifiers\n currentProductId: '8a28c9d78cf77775018cf886631207f6',\n currentRateId: '8a28d7ac9222ee540192357ac1b94c12',\n \n // UPGRADE Plan Details\n targetName: 'Full Access',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c9d78cf77775018cf886631207f6&rateId=8a28b30e9bf8f843019c0f017fef0bbc',\n savePercent: '24',\n yearlyPrice: '109',\n monthlyEquiv: '9.08'\n }\n ],\n selectors: {\n container: '[class*=\"FeaturesPanel_container__\"]'\n }\n };\n\n // Global execution guard prevents double-firing\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-v1-card {\n margin-top: 24px;\n padding: 24px;\n background: #ffffff;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n font-family: Arial, sans-serif;\n animation: gbFadeIn 0.4s ease-out;\n }\n .gb-v1-title {\n font-size: 20px;\n font-weight: 900;\n color: #000;\n margin-bottom: 14px;\n line-height: 1.3;\n letter-spacing: -0.3px;\n }\n .gb-v1-sub {\n font-size: 16px;\n color: #222;\n margin-bottom: 10px;\n }\n .gb-v1-equiv {\n font-size: 16px;\n color: #222;\n margin-bottom: 20px;\n }\n .gb-v1-red {\n color: #E81C30;\n font-weight: 700;\n }\n .gb-v1-btn {\n width: 100%;\n background: #000;\n color: #fff;\n border: none;\n padding: 14px;\n font-weight: 700;\n font-size: 16px;\n border-radius: 50px;\n cursor: pointer;\n margin-bottom: 12px;\n transition: background 0.2s;\n }\n .gb-v1-btn:hover {\n background: #333;\n }\n .gb-v1-footer {\n font-size: 13px;\n color: #222;\n text-align: left;\n }\n @keyframes gbFadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n // Read the current URL parameters natively\n const urlParams = new URLSearchParams(window.location.search);\n const currentProductId = urlParams.get('productId');\n const currentRateId = urlParams.get('rateId');\n\n // Check if the current URL matches one of our targeted monthly plans\n const offer = CONFIG.offers.find(o => \n o.currentProductId === currentProductId && \n o.currentRateId === currentRateId\n );\n\n // Fast fail if it's not a targeted plan\n if (!offer) return;\n\n const container = document.querySelector(CONFIG.selectors.container);\n \n // Fast-fail constraint: Checks if required DOM elements exist and ensures \n // we don't inject multiple upgrade cards to save processing time.\n if (!container || document.querySelector('.gb-v1-card')) return;\n\n injectStyles();\n const html = `\n

Save ${offer.savePercent}% by switching to Annual

\n Get ${offer.targetName} Annual for £${offer.yearlyPrice} a year\n

\n Equivalent to £${offer.monthlyEquiv} a month\n

\n \n \n

\n `;\n \n // Injects *inside* the beige container at the very bottom\n container.insertAdjacentHTML('beforeend', html);\n\n const upgradeBtn = document.getElementById('gb-v1-upgrade');\n if (upgradeBtn) {\n upgradeBtn.addEventListener('click', (e) => {\n e.preventDefault();\n\n // Parse the base target URL natively for secure manipulation\n const targetUrl = new URL(offer.upgradeUrl, window.location.origin);\n \n // Iterate and safely merge tracking parameters (e.g., 'source_code', UTM tags) \n // This ensures attribution analytics are fully preserved across the redirect.\n for (const [key, value] of urlParams) {\n if (!targetUrl.searchParams.has(key)) {\n targetUrl.searchParams.set(key, value);\n }\n }\n \n window.location.href = targetUrl.toString();\n });\n }\n };\n\n // Use MutationObserver for robust injection in case the React/Angular \n // checkout application renders the features panel asynchronously.\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\n apply();\n})();","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Digital to Full Access Upsell (Variation 2 - Beige Box Outside)\n * * Engineering & Security Notes:\n * - URL-Based Targeting: Evaluates window.location.search for exact productId and rateId \n * matches, avoiding brittle DOM text-scraping.\n * - Execution Guard: Uses a window-level flag to prevent duplicate execution in SPAs.\n * - Performance: The MutationObserver is lightweight; it fast-fails if the target UI isn't ready.\n * - Security & Tracking Preservation: Uses the native URL Web API to build the redirect URL. \n * By iterating over the current browser URL search params, it inherently preserves all \n * existing tracking (e.g., 'source_code', UTM tags) to ensure flawless marketing attribution.\n */\n(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v2',\n offers: [\n {\n // CURRENT Plan Identifiers (The monthly plan the user is currently on)\n currentProductId: '8a28c43c8b8b0115018ba4e4335541f4',\n currentRateId: '8a28f8018b8b0100018ba4e89d37708b',\n \n // UPGRADE Plan Details (The annual plan to upgrade to)\n targetName: 'Digital',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28b30e9bf8f843019c0f017fc80bba',\n savePercent: '17',\n yearlyPrice: '89',\n monthlyEquiv: '7.42'\n },\n {\n // CURRENT Plan Identifiers\n currentProductId: '8a28c9d78cf77775018cf886631207f6',\n currentRateId: '8a28d7ac9222ee540192357ac1b94c12',\n \n // UPGRADE Plan Details\n targetName: 'Full Access',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c9d78cf77775018cf886631207f6&rateId=8a28b30e9bf8f843019c0f017fef0bbc',\n savePercent: '24',\n yearlyPrice: '109',\n monthlyEquiv: '9.08'\n }\n ],\n selectors: {\n container: '[class*=\"FeaturesPanel_container__\"]'\n }\n };\n\n // Global execution guard prevents double-firing\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-v2-card {\n margin-top: 16px;\n padding: 24px;\n background: #f6f5ef; /* Matches the beige features panel */\n border-radius: 8px;\n font-family: Arial, sans-serif;\n animation: gbFadeIn 0.4s ease-out;\n }\n .gb-v2-title {\n font-size: 20px;\n font-weight: 900;\n color: #000;\n margin-bottom: 14px;\n line-height: 1.3;\n letter-spacing: -0.3px;\n }\n .gb-v2-sub {\n font-size: 16px;\n color: #111;\n margin-bottom: 10px;\n }\n .gb-v2-equiv {\n font-size: 16px;\n color: #111;\n margin-bottom: 20px;\n }\n .gb-v2-red {\n color: #E81C30;\n font-weight: 700;\n }\n .gb-v2-btn {\n width: 100%;\n background: #000;\n color: #fff;\n border: none;\n padding: 14px;\n font-weight: 700;\n font-size: 16px;\n border-radius: 50px;\n cursor: pointer;\n margin-bottom: 12px;\n transition: background 0.2s;\n }\n .gb-v2-btn:hover {\n background: #333;\n }\n .gb-v2-footer {\n font-size: 13px;\n color: #222;\n }\n @keyframes gbFadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n // Read the current URL parameters natively\n const urlParams = new URLSearchParams(window.location.search);\n const currentProductId = urlParams.get('productId');\n const currentRateId = urlParams.get('rateId');\n\n // Check if the current URL matches one of our targeted monthly plans\n const offer = CONFIG.offers.find(o => \n o.currentProductId === currentProductId && \n o.currentRateId === currentRateId\n );\n\n // Fast fail if it's not a targeted plan\n if (!offer) return;\n\n const container = document.querySelector(CONFIG.selectors.container);\n \n // Fast-fail constraint: Checks if required DOM elements exist and ensures \n // we don't inject multiple upgrade cards to save processing time.\n if (!container || document.querySelector('.gb-v2-card')) return;\n\n injectStyles();\n const html = `\n

Save ${offer.savePercent}% by switching to Annual

\n Get ${offer.targetName} Annual for £${offer.yearlyPrice} a year\n

\n Equivalent to £${offer.monthlyEquiv} a month\n

\n \n \n

\n `;\n \n // Injects right after the existing beige container box\n container.insertAdjacentHTML('afterend', html);\n\n const upgradeBtn = document.getElementById('gb-v2-upgrade');\n if (upgradeBtn) {\n upgradeBtn.addEventListener('click', (e) => {\n e.preventDefault();\n\n // Parse the base target URL natively for secure manipulation\n const targetUrl = new URL(offer.upgradeUrl, window.location.origin);\n \n // Iterate and safely merge tracking parameters (e.g., 'source_code', UTM tags) \n // This ensures attribution analytics are fully preserved across the redirect.\n for (const [key, value] of urlParams) {\n if (!targetUrl.searchParams.has(key)) {\n targetUrl.searchParams.set(key, value);\n }\n }\n \n window.location.href = targetUrl.toString();\n });\n }\n };\n\n // Use MutationObserver for robust injection in case the React/Angular \n // checkout application renders the features panel asynchronously.\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\n apply();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28f8018b8b0100018ba4e89d37708b"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment?rateId=8a28d7ac9222ee540192357ac1b94c12&productId=8a28c9d78cf77775018cf886631207f6"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"In-line"},{"key":"2","name":"Separate box"}],"seed":"78f91404-bdf8-4a5f-8fe0-c71561dd7df4","name":"Payment upsell test","phase":"0","condition":{"id":"317a05de-0554-4d51-b4d6-827f494c134e"},"coverage":1},{"key":"exp-038-product-listings-add-relevant-advice-links-to-filter-sections","changeId":"1d2fe64c2bd2551dacbcf5c63d5a482e4226e2d5fac183fd3bbbd1c76253ccd7","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: EXP 038 Add relevant advice links to filter sections\n * * Description: \n * This script injects advice links into specific filter sections across TVs, Cars, and Washing Machines.\n * - Inline links (e.g. Don't Buy) are placed under specific filter checkboxes without chevrons.\n * - Section links are placed at the bottom of the accordion with a blue chevron and top border.\n * * Engineering Standards:\n * - Resilience: Uses attribute-contains selectors [class*=\"...\"] to survive CSS module rehashing.\n * - Performance: MutationObserver monitors for React re-renders.\n * - Safety: Execution guard prevents double-injection on SPAs.\n * - Unified Logic: Automatically detects the product category route.\n */\n\n(function () {\n const CONFIG = {\n id: 'multi_category_filter_links',\n experimentId: 'EXP 038 Add relevant advice links to filter sections',\n selectors: {\n accordionItem: 'li[data-testid=\"accordion-item\"]',\n accordionContent: '[class*=\"Filters_accordionContent\"]',\n headerLabel: '[class*=\"Typography_sb-text-interface-body-default-strong\"]',\n // Inline targeting\n checkboxWrapper: '[data-testid=\"filter-checkbox-wrapper\"]',\n featureHeader: '[class*=\\\"Filter_exclusionFilterTitle\\\"]',\n tooltip: '[data-testid=\"filter-tooltip\"]'\n }\n };\n\n // 1. Execution Guard: Prevent multiple runs on SPA navigation\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const tvData = [\n {\n section: \"Best Buys & Don't Buys\",\n links: [\n { text: \"Which? Don't Buy TVs\", href: \"https://www.which.co.uk/reviews/televisions/article/which-dont-buy-tvs-avGpY4Q2Npls\", targetText: \"don't buy\", type: \"inline-checkbox\" }\n ]\n },\n {\n section: \"Screen size\",\n links: [{ text: \"What size TV should I buy?\", href: \"https://www.which.co.uk/reviews/televisions/article/what-size-tv-should-i-buy/what-size-tv-should-i-buy-aXiiB3e0zZcW\", type: \"bottom\" }]\n },\n {\n section: \"Brands\",\n links: [\n { text: \"Which TV brand to buy in 2026\", href: \"https://www.which.co.uk/reviews/televisions/article/most-reliable-tv-brands-aHn4T3r7VjsM\", type: \"bottom\" },\n { text: \"Should you buy a Bush, JVC or Logik TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/should-you-buy-a-currys-or-argos-brand-tv-adSdf3i54xPd\", type: \"bottom\" },\n { text: \"Samsung vs LG TVs: which is best?\", href: \"https://www.which.co.uk/reviews/televisions/article/samsung-vs-lg-tvs-which-is-best-ahcff9c1krJF\", type: \"bottom\" },\n { text: \"Should you buy a Hisense TV over an LG or Samsung?\", href: \"https://www.which.co.uk/reviews/televisions/article/should-you-buy-a-hisense-tv-over-an-lg-or-samsung-aDusZ0t3tEd2\", type: \"bottom\" }\n ]\n },\n {\n section: \"Screen type\",\n links: [\n { text: \"What are LCD and LED TVs and what's the difference?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-are-lcd-and-led-tvs-and-what-s-the-difference-ac27g0D50PeT\", type: \"bottom\" },\n { text: \"What is OLED TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-oled-tv-aGjI44A1IVQc\", type: \"bottom\" },\n { text: \"What is QLED TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-qled-tv-asQHo4o9SgcG\", type: \"bottom\" }\n ]\n },\n {\n section: \"Features\",\n links: [\n { text: \"What is Freeview Play?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-freeview-play-aWWFq7b6mGfB\", targetText: \"freeview play\", type: \"inline-title\" },\n { text: \"What is HDR?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-hdr-tv-aXRJb9O3rPPx\", targetText: \"hdr\", type: \"inline-title\" }\n ]\n },\n {\n section: \"Annual running cost\",\n links: [{ text: \"How much does your TV really cost to run?\", href: \"https://www.which.co.uk/reviews/televisions/article/how-much-does-your-tv-really-cost-to-run-avFBE9o43tX5\", type: \"bottom\" }]\n },\n {\n section: \"TV accessibility settings\",\n links: [{ text: \"The best TVs for people who are blind or partially sighted\", href: \"https://www.which.co.uk/reviews/televisions/article/the-best-tvs-for-people-who-are-blind-or-partially-sighted-akJC52P8mk06\", type: \"bottom\" }]\n },\n {\n section: \"Gaming features\",\n links: [{ text: \"What specs should a TV have for gaming?\", href: \"https://www.which.co.uk/reviews/televisions/article/the-best-tvs-for-gaming-aQOsC3p2dXb3#what-specs-should-a-tv-have-for-gaming\", type: \"bottom\" }]\n },\n {\n section: \"Resolution\",\n links: [\n { text: \"What is 4K TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-4k-tv-aA9be0m2H18T\", type: \"bottom\" },\n { text: \"What is 8K TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-8k-tv-aeTW93f7JRej\", type: \"bottom\" }\n ]\n }\n ];\n\n const carData = [\n {\n section: \"Brands\",\n links: [\n { text: \"BYD vs Tesla: which EV brand is best?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/byd-v-tesla-which-is-best-aHibp3U3ryvc\", type: \"bottom\" },\n { text: \"Kia Sportage vs Hyundai Tucson: which is best?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/kia-sportage-vs-hyundai-tucson-which-is-best-a9Qhr3w2ENdo\", type: \"bottom\" },\n { text: \"Most reliable car brands\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/car-reliability/most-reliable-car-brands-aIgru9f1jeFC\", type: \"bottom\" }\n ]\n },\n {\n section: \"New/Used\",\n links: [\n { text: \"How to buy the best used car\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/how-to-buy-the-best-car/how-to-buy-the-best-used-car-anNPo1k4R4hS\", type: \"bottom\" },\n { text: \"How to buy the best new car\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/how-to-buy-the-best-car/how-to-buy-the-best-new-car-aUjg94F3x8bL\", type: \"bottom\" }\n ]\n },\n {\n section: \"Fuel type\",\n links: [\n { text: \"Petrol vs diesel vs hybrid cars: which is better?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/petrol-vs-diesel-cars-which-is-better-az4UV9R1twEE\", type: \"bottom\" },\n { text: \"The pros and cons of EVs in 2026\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/should-i-buy-an-electric-car-ao47p7A3gD29\", type: \"bottom\" },\n { text: \"Petrol vs diesel fuel cost calculator\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/driver-calculators-and-tools/petrol-vs-diesel-calculator-aq1aI3j7Pkm7\", type: \"bottom\" }\n ]\n },\n {\n section: \"Price\",\n links: [\n { text: \"Top cash and finance discounts, plus how to haggle\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/best-cash-and-finance-discounts-on-new-cars-aY9jH3J1Q8Fj\", type: \"bottom\" }\n ]\n }\n ];\n\n const washingMachineData = [\n {\n section: \"Brands\",\n links: [\n { text: \"Which washing machine brand is the most reliable?\", href: \"https://www.which.co.uk/reviews/washing-machines/article/best-washing-machine-brands-a2Z6T7H782pB\", type: \"bottom\" }\n ]\n },\n {\n section: \"Price\",\n links: [\n { text: \"Best cheap washing machines 2026: budget models under £400\", href: \"https://www.which.co.uk/reviews/washing-machines/article/top-five-best-cheap-washing-machines-a00aT7T8Y9Hi\", type: \"bottom\" }\n ]\n },\n {\n section: \"Smart\",\n links: [\n { text: \"Smart washing machines explained\", href: \"https://www.which.co.uk/reviews/washing-machines/article/smart-washing-machines-explained-atSzX5S9PxPE\", type: \"bottom\" }\n ]\n },\n {\n section: \"Spin speed\",\n links: [\n { text: \"Useful washing machine cycles\", href: \"https://www.which.co.uk/reviews/washing-machines/article/useful-washing-machine-programs-aVyo00m11RUN\", type: \"bottom\" }\n ]\n },\n {\n section: \"Annual running cost\",\n links: [\n { text: \"Energy-efficient washing machines\", href: \"https://www.which.co.uk/reviews/washing-machines/article/energy-efficient-washing-machines-aDUNk3I9sAL4\", type: \"bottom\" }\n ]\n },\n {\n section: \"Type\",\n links: [\n { text: \"Best integrated washing machines\", href: \"https://www.which.co.uk/reviews/washing-machines/article/how-to-buy-the-best-integrated-washing-machine-aKLaj1q36EUK\", type: \"bottom\" }\n ]\n }\n ];\n\n // 2. Dynamic Routing: Determine the active page configuration\n let activeData = [];\n const path = window.location.pathname;\n\n if (path.includes('/reviews/televisions')) {\n activeData = tvData;\n } else if (path.includes('/reviews/new-and-used-cars')) {\n activeData = carData;\n } else if (path.includes('/reviews/washing-machines')) {\n activeData = washingMachineData;\n }\n\n // If we aren't on a recognized page, stop execution\n if (!activeData.length) return;\n\n\n // =================================================================================\n // DOM INJECTION & TRACKING LOGIC\n // =================================================================================\n\n /**\n * Fires tracking event to the dataLayer\n */\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'notification_ab_test',\n 'item_text': itemText,\n 'item_parent_text': parentText,\n 'item_group': CONFIG.experimentId\n });\n };\n\n /**\n * Injects CSS for the custom links and containers\n */\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-filter-link-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n }\n /* Placement at bottom of accordion section */\n .gb-placement-bottom {\n margin-top: 16px;\n }\n /* Inline placement (under checkboxes or titles) */\n .gb-placement-inline {\n margin-top: 4px;\n margin-bottom: 12px;\n }\n /* Align with checkbox labels (offset for icon/padlock) */\n .gb-align-checkbox {\n padding-left: 28px;\n }\n /* Align with sub-titles (no offset) */\n .gb-align-title {\n padding-left: 0;\n }\n .gb-filter-help-link {\n display: inline-flex;\n align-items: center;\n color: #0050B3 !important;\n text-decoration: none;\n cursor: pointer;\n width: fit-content;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n .gb-filter-help-link:hover {\n text-decoration: underline;\n }\n .gb-filter-help-link svg {\n margin-right: 8px;\n flex-shrink: 0;\n }\n `;\n document.head.appendChild(style);\n };\n\n /**\n * Helper to create the link anchor element\n */\n const createLink = (text, href, sectionName, hasChevron = false) => {\n const link = document.createElement('a');\n link.className = 'gb-filter-help-link';\n link.href = href;\n \n let iconHtml = '';\n if (hasChevron) {\n iconHtml = `\n \n `;\n }\n\n link.innerHTML = `${iconHtml}${text}`;\n link.addEventListener('click', () => {\n trackEvent(text, sectionName);\n });\n return link;\n };\n\n /**\n * Primary logic for DOM manipulation and link injection\n */\n const apply = () => {\n const accordionItems = document.querySelectorAll(CONFIG.selectors.accordionItem);\n \n accordionItems.forEach(item => {\n const header = item.querySelector(CONFIG.selectors.headerLabel);\n if (!header) return;\n\n const sectionTitle = header.textContent.trim();\n const sectionMatch = activeData.find(d => d.section.toLowerCase() === sectionTitle.toLowerCase());\n\n if (sectionMatch) {\n const contentArea = item.querySelector(CONFIG.selectors.accordionContent);\n if (!contentArea) return;\n\n // --- 1. Inline Link Placement ---\n sectionMatch.links.filter(l => l.type.startsWith(\"inline\")).forEach(linkData => {\n let targetElement = null;\n let alignmentClass = 'gb-align-checkbox';\n\n if (linkData.type === \"inline-checkbox\") {\n // Target the specific checkbox wrapper containing the label text (e.g., Don't Buy)\n const wrappers = contentArea.querySelectorAll(CONFIG.selectors.checkboxWrapper);\n targetElement = Array.from(wrappers).find(w => w.textContent.toLowerCase().includes(linkData.targetText));\n alignmentClass = 'gb-align-checkbox';\n } \n else if (linkData.type === \"inline-title\") {\n // Target the sub-header (e.g., Freeview Play or HDR) - specific to TVs\n const headers = contentArea.querySelectorAll(CONFIG.selectors.featureHeader);\n const headerEl = Array.from(headers).find(h => h.textContent.toLowerCase() === linkData.targetText);\n if (headerEl) {\n // Insert after title or tooltip to keep row integrity\n const tooltip = headerEl.nextElementSibling?.matches(CONFIG.selectors.tooltip) ? headerEl.nextElementSibling : null;\n targetElement = tooltip || headerEl;\n alignmentClass = 'gb-align-title';\n }\n }\n\n // Guard: prevent duplicate injection after this specific element\n if (targetElement && !targetElement.nextElementSibling?.classList.contains('gb-placement-inline')) {\n const container = document.createElement('div');\n container.className = `gb-filter-link-container gb-placement-inline ${alignmentClass}`;\n container.appendChild(createLink(linkData.text, linkData.href, sectionTitle, false));\n targetElement.insertAdjacentElement('afterend', container);\n }\n });\n\n // --- 2. Bottom Link Placement ---\n const bottomLinks = sectionMatch.links.filter(l => l.type === \"bottom\");\n if (bottomLinks.length > 0 && !contentArea.querySelector('.gb-placement-bottom')) {\n const container = document.createElement('div');\n container.className = 'gb-filter-link-container gb-placement-bottom';\n bottomLinks.forEach(linkData => {\n container.appendChild(createLink(linkData.text, linkData.href, sectionTitle, true));\n });\n contentArea.appendChild(container);\n }\n }\n });\n };\n\n // Lifecycle Initialization\n injectStyles();\n \n // Observe body for subtree changes to handle React re-renders efficiently\n const observer = new MutationObserver(apply);\n observer.observe(document.body, { childList: true, subtree: true });\n \n // Run immediately in case elements are already in the DOM\n apply();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/televisions"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"7226e852-4b8f-45b3-b7e5-b72afc355da2","name":"EXP 038 [Product Listings] Add relevant advice links to filter sections","phase":"3","condition":{"id":{"$regex":"65243d99-ea13-4785-9c43-a2e409646b44|91dec8ff-89fd-488b-bf11-d18b0ecd3e0a2aee58cc-137b-41b2-a5a9-a0275045a949|f70c0b3e-c7d0-43bf-9185-573724864582|dd8531a7-6a65-4073-bee0-92045fd8bdec|"}},"coverage":1},{"key":"filtered-listings-links-advice-pages","changeId":"831119b1cc5c6854baee8c442a6ee23c58c49ab7e17dd76cfeac28405a79abd1","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/televisions/article/best-cheap-tvs-a5tli4d9hH1f"}],"weights":[0.25,0.25,0.25,0.25],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"},{"key":"2","name":"Variation 2"},{"key":"3","name":"Variation 3"}],"seed":"bab1e5fb-9832-4b42-a169-de89f8d71c49","name":"Filtered listings links from advice pages","phase":"0","coverage":1},{"key":"dummy-experiment-script-sdk-join","changeId":"2684ad2bcb44537a0bcf9cdde4498bc4ad0373c7d1bb1cdbbca100fb47682d79","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".OfferPageVariant1_offerPage__6Mvn0 .OfferHeroVariant1_benefitsList__C7Lsa","action":"set","attribute":"html","value":"

Tirelessly testing, constantly campaigning so you don’t have to

Unlock over 10,000 product reviews

The Which? Magazine – reviews & investigations

Join our fight to protect you from HARM

"}]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://dev.internal.which.co.uk/join/offer/t-and-c-test-two"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"1df36dce-ca32-40a8-8c1b-aeac3258e318","name":"Dummy experiment for the script sdk on join","phase":"0","coverage":1},{"key":"dummy-test-new-join-sdk","changeId":"2127dfa4e7e963e9552dc875dbb97e932eca61d10af0b848830a0c36015ceca4","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".OfferHero_offerHero__0f66j ._sb-text-body-default-strong_18sav_171","action":"set","attribute":"html","value":"Offer ends \n 11 June 2026, T&Cs apply."}]}],"hashVersion":1,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offer/atl-digital-annual-50percent-5.26"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"b79ba6c5-15a3-417a-8305-136de8251293","name":"Dummy test for new join sdk","phase":"0","coverage":1},{"key":"whc-024-advice-health-and-wellbeing-framed-sign-up-journey","changeId":"163df3afb39858bde0d45c68b9428c08f09e21799cc1e5b35e748e8262e7ca39","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment Injection Script\n * Experiment: WHC 024 - Health Table Locked Panel Update\n * Description: Updates the locked column panel background, copy, and button style to match the new evidence-based reviews design.\n * Technique: Uses CSS Pseudo-elements for copy replacement to prevent React VDOM overwriting.\n */\n(function () {\n const CONFIG = {\n id: 'WHC_024',\n experimentId: 'WHC_024_HEALTH_TABLE',\n activeClass: 'gb-whc-024-active',\n selectors: {\n target: 'td.lockCtaCell',\n wrapper: '[class*=\"SinglePadlockCta_ctaWrapper\"]',\n iconContainer: '[class*=\"SinglePadlockCta_icon\"]',\n heading: 'p[class*=\"Typography_sb-text-heading-small\"]',\n subtext1: 'p[class*=\"Typography_sb-text-body-small-regular\"]',\n button: 'a[class*=\"SinglePadlockCta_cta\"]',\n subtextPricing: 'p[class*=\"Typography_sb-text-body-x-small-regular\"]'\n },\n copy: {\n // Formatted with quotes and \\A for CSS `content` properties\n heading: '\"Evidence-based\\\\A health reviews\"',\n button: '\"Unlock now\"',\n pricing: '\"Full Access £11.99 per month,\\\\A cancel any time\"'\n }\n };\n\n // 1. Execution Guard (SPA Support)\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. DataLayer Event Tracking\n const trackEvent = (itemText = undefined, parentText = undefined) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n item_group: CONFIG.experimentId\n });\n };\n\n // 3. Inject Responsive Styles\n const injectStyles = () => {\n if (document.getElementById(`gb-style-${CONFIG.id}`)) return;\n \n const style = document.createElement('style');\n style.id = `gb-style-${CONFIG.id}`;\n style.textContent = `\n /* Update the background of the locked panel container */\n .${CONFIG.activeClass}, \n .${CONFIG.activeClass} > span,\n .${CONFIG.activeClass} ${CONFIG.selectors.wrapper} {\n background-color: #DDECDD !important; /* Pale green match */\n }\n \n /* Ensure adequate padding and spacing inside the wrapper */\n .${CONFIG.activeClass} ${CONFIG.selectors.wrapper} {\n padding: 24px 16px !important;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n /* Style the circular white icon wrapper */\n .${CONFIG.activeClass} ${CONFIG.selectors.iconContainer} {\n background-color: #FFFFFF !important;\n border-radius: 50% !important;\n width: 80px !important;\n height: 80px !important;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 24px auto !important;\n }\n\n /* Hide the primary subtext (Get instant access...) */\n .${CONFIG.activeClass} ${CONFIG.selectors.subtext1}:nth-of-type(2) {\n display: none !important;\n }\n\n /* =========================================================\n RESILIENT COPY REPLACEMENT (React VDOM Safe)\n Hides original text nodes using font-size: 0, and injects\n new copy using CSS ::before and ::after pseudo-elements.\n ========================================================= */\n\n /* Heading Text Replacement */\n .${CONFIG.activeClass} ${CONFIG.selectors.heading} {\n font-size: 0 !important; /* Hide original text */\n margin-bottom: 24px !important;\n }\n .${CONFIG.activeClass} ${CONFIG.selectors.heading}::before {\n content: ${CONFIG.copy.heading}; /* Inject new text */\n font-size: 20px !important;\n line-height: 1.2 !important;\n font-weight: 700 !important;\n color: #000000 !important;\n white-space: pre-wrap !important;\n display: block;\n }\n\n /* Button Text Replacement */\n .${CONFIG.activeClass} ${CONFIG.selectors.button} {\n background-color: #E81C30 !important;\n color: #FFFFFF !important;\n border: none !important;\n border-radius: 24px !important; /* Pill shape */\n padding: 12px 24px !important;\n font-weight: bold !important;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-decoration: none !important;\n width: 100%;\n max-width: 200px;\n margin-bottom: 16px !important;\n font-size: 0 !important; /* Hide original text */\n }\n\n /* Ensure Padlock SVG inside button stays visible and white */\n .${CONFIG.activeClass} ${CONFIG.selectors.button} svg {\n width: 16px !important;\n height: 16px !important;\n }\n .${CONFIG.activeClass} ${CONFIG.selectors.button} svg * {\n fill: #FFFFFF !important;\n }\n \n /* Inject new button text */\n .${CONFIG.activeClass} ${CONFIG.selectors.button}::after {\n content: ${CONFIG.copy.button};\n font-size: 16px !important; /* Restore font size */\n }\n\n /* Pricing Subtext Replacement */\n .${CONFIG.activeClass} ${CONFIG.selectors.subtextPricing} {\n font-size: 0 !important; /* Hide original text */\n margin-bottom: 24px !important;\n }\n .${CONFIG.activeClass} ${CONFIG.selectors.subtextPricing}::before {\n content: ${CONFIG.copy.pricing}; /* Inject new text */\n font-size: 13px !important;\n line-height: 1.4 !important;\n color: #333333 !important;\n white-space: pre-wrap !important;\n display: block;\n }\n `;\n document.head.appendChild(style);\n };\n\n // 4. Application Logic & Event Delegation\n const apply = () => {\n const targetCell = document.querySelector(CONFIG.selectors.target);\n \n // Guard: check if target exists and if we've already injected\n if (!targetCell || targetCell.classList.contains(CONFIG.activeClass)) return false;\n\n // Apply active class for CSS hooks (This triggers the resilient text replacements)\n targetCell.classList.add(CONFIG.activeClass);\n\n return true; // Signal success to MutationObserver\n };\n\n // 4.5 Resilient Event Tracking (Event Delegation)\n // Attaching to the body ensures tracking survives if React destroys and recreates the button element\n document.body.addEventListener('click', (e) => {\n const button = e.target.closest(CONFIG.selectors.button);\n if (button && button.closest(`.${CONFIG.activeClass}`)) {\n trackEvent('Unlock now button click', 'Health Table Locked Panel');\n }\n });\n\n // 5. Initialize Styles and Observer Lifecycle\n injectStyles();\n\n const observer = new MutationObserver(() => {\n if (apply()) observer.disconnect(); // Stop observing once injected\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n \n // Run immediately in case elements are already parsed into the DOM\n apply();\n\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"regex","pattern":"\\/reviews\\/.*-(aFati4a4HWgm|axJmn4n9qGLc|akWaW9F3kdIH|awJ4c7G4f111|a9aeL5X2jmwS|afvPf0y5YfU9|awHfs7i4T73i|a1OgB5B4gCTy|aXjOy1X98IVk|a5QlY0j8jkeT|ajYEM0I504HW|alFA84u3fGn9|aO1yE0Z0vwVs|al0jA6J1Swyl|aW4Wf3x8qbZT|a4uy72B92oej|a3bWF5D7ugih|aEggS7W6VlpV|aQusS2T0z5Sb|agKuC6E0DJf1|aBRuS2F2n9V2|ajfPp6V4po0Y|aJdn58T67JPv|aKffD7t8pjqB|a61SJ0v2h5NH|a2kIv9y1UcL1|aQB5N9y70rUv|aeoxW0x5p6OX|aAsOB9g6lVd9|aaCgu5B3Kcf8|akSJd0P7mU5F|aeOAT7A4eNnb|ahhRS5b6VcNS|atVxZ9Z5TEEs|avrLG0b2886v|aFO9k8u4HQDE|aH6v76l6GgWW|akDSO4R0NTZL|axmfi4S0bHMt|afbqK3l7Ptb8|aLtrQ3S2rulR|aFe7y5S0IyKU|aYpqa1C0MrPv|a4jQo2d6GZTW|aLf0K1V2D3dU|aKP8i4V2kMHA|aP7IW9U3RUzV|ao4KG1x1kQhW|a0E1H1D7jJkf|a0bwU2e7Kzyu|anmel2b4164h|azhqg5g2z1B6|a77nJ5h9wXc7|aQwLP2A1kfjM|aNbdS5F8VwFv|asOxA9x6qgsU|axul41V6B4lf|a9cyy8t8W0g9|agqAm8y8ow15|aTpfh5j8VGyH|aevbk6C2aloL|aT9rZ9q5BoGI|aJ4Xl8H6EUqs|afeIE1S1iWLw|aZ3Fx3o4y4A2|aFq523C4RWHk|aX6Vk4k4RqUw|ahYfJ4g14lCJ|aOFpW7V9j2q0|a8Ahc8X55rbz|awWf56c2bVQJ|a5U1v0B7DzFG|aCO6B1n1J4LX|ay0AQ9t8JV7K|aSmH95S4VSKE|a8mar9w7FMUq)\\/?"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"e776dcd4-91d8-418b-ad90-c7abdec48863","name":"WHC 024 [Advice] Health and wellbeing framed sign up journey","phase":"0","coverage":1},{"key":"remove-double-features-user-id-cookies-users","changeId":"5b68c33745f74b59d9df1a1905fef5897eec95ec87c2f5dea0e581759a5871e4","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"const COOKIE_NAME = 'features-user-id';\nconst RELOAD_GUARD_KEY = '__features_user_id_cookie_cleanup_done__';\n\nconst getCookiePairs = () => {\n if (typeof document === 'undefined' || !document.cookie) {\n return [];\n }\n\n return document.cookie\n .split(';')\n .map((part) => part.trim())\n .filter(Boolean)\n .map((part) => {\n const separatorIndex = part.indexOf('=');\n\n if (separatorIndex === -1) {\n return { name: part, value: '' };\n }\n\n return {\n name: part.slice(0, separatorIndex),\n value: part.slice(separatorIndex + 1),\n };\n });\n};\n\nconst getFeatureCookieCount = () => {\n return getCookiePairs().filter((cookie) => cookie.name === COOKIE_NAME).length;\n};\n\nconst getCandidateDomains = () => {\n if (typeof window === 'undefined') {\n return [''];\n }\n\n const host = window.location.hostname;\n\n if (!host || host === 'localhost') {\n return [''];\n }\n\n const segments = host.split('.').filter(Boolean);\n const domains = new Set(['', host, `.${host}`]);\n\n for (let index = 1; index < segments.length - 1; index += 1) {\n const parentDomain = segments.slice(index).join('.');\n domains.add(parentDomain);\n domains.add(`.${parentDomain}`);\n }\n\n return Array.from(domains);\n};\n\nconst getCandidatePaths = () => {\n if (typeof window === 'undefined') {\n return ['/'];\n }\n\n const pathname = window.location.pathname || '/';\n const parts = pathname.split('/').filter(Boolean);\n const paths = new Set(['/']);\n\n let pathBuilder = '';\n parts.forEach((segment) => {\n pathBuilder += `/${segment}`;\n paths.add(pathBuilder);\n });\n\n return Array.from(paths);\n};\n\nconst deleteFeatureCookieEverywhere = () => {\n const expires = 'Thu, 01 Jan 1970 00:00:01 GMT';\n const domains = getCandidateDomains();\n const paths = getCandidatePaths();\n\n domains.forEach((domain) => {\n paths.forEach((path) => {\n const domainSegment = domain ? ` domain=${domain};` : '';\n document.cookie = `${COOKIE_NAME}=; expires=${expires}; path=${path};${domainSegment}`;\n });\n });\n};\n\nconst pushDataLayerEvent = () => {\n if (typeof window === 'undefined') {\n return;\n }\n\n window.dataLayer = window.dataLayer || [];\n\n window.dataLayer.push({\n 'event': 'notification_ab_test',\n 'item_text': 'duplicate_removed',\n 'item_parent_text': undefined,\n 'item_group': 'Remove double features-user-id cookies from users'\n });\n};\n\nconst hasAlreadyReloadedForCleanup = () => {\n if (typeof window === 'undefined' || !window.sessionStorage) {\n return false;\n }\n\n return window.sessionStorage.getItem(RELOAD_GUARD_KEY) === 'true';\n};\n\nconst markCleanupReloaded = () => {\n if (typeof window === 'undefined' || !window.sessionStorage) {\n return;\n }\n\n window.sessionStorage.setItem(RELOAD_GUARD_KEY, 'true');\n};\n\nconst checkDuplicateFeaturesUserIdCookies = () => {\n if (typeof document === 'undefined' || typeof window === 'undefined') {\n return false;\n }\n\n const duplicateCount = getFeatureCookieCount();\n\n if (duplicateCount < 2 || hasAlreadyReloadedForCleanup()) {\n return false;\n }\n\n deleteFeatureCookieEverywhere();\n pushDataLayerEvent();\n markCleanupReloaded();\n setTimeout(() => window.location.reload(), 500);\n\n return true;\n};\n\nif (typeof window !== 'undefined') {\n checkDuplicateFeaturesUserIdCookies();\n}","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"regex","pattern":"^https?:\\/\\/(?:[a-zA-Z0-9-]+\\.)*which\\.co\\.uk(?:\\/.*)?$"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"5c6e7cd6-eec8-40ed-b398-42a7c348922a","name":"Remove double features-user-id cookies from users","phase":"0","coverage":1}]

Stay informed with Which?

Ben Stockton

2017

Which? reviews the latest B&O Beoplay M5 and Beolit 17 wireless speakers