[{"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":"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":"acq-009-payments-page-product-upsell-fixed","changeId":"5253ca2556161a2dca208631fe1698015ff7fde74d82088d5cdc5ceba49bab75","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Digital to Full Access Upsell (Variation 1 - Single Variant)\n * v2.2 Compliant Code - Robust SPA Targeting & Updated UI Card Styling (White Box, Black Border, v1-upgrade Classing)\n */\n(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v1',\n experimentId: 'ACQ_009_V1', \n campaignMode: 'HALF_PRICE_DIGITAL',\n offers: [\n {\n currentProductId: '8a28c43c8b8b0115018ba4e4335541f4',\n currentRateId: '8a28e7b89db95c49019dd4b6fcb80f18',\n targetName: 'Digital',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28b30e9bf8f843019c0f017fc80bba',\n halfPriceUpgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28b30e9bf8f843019c0f017fc80bba&promo=WHICH-DA-50-JUNE30-JULY20',\n savePercent: '17',\n yearlyPrice: '89',\n monthlyEquiv: '7.42'\n },\n {\n currentProductId: '8a28c9d78cf77775018cf886631207f6',\n currentRateId: '8a28e7b89db95c49019dd4b6fbff0f16',\n targetName: 'Full Access',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c9d78cf77775018cf886631207f6&rateId=8a28b30e9bf8f843019c0f017fef0bbc',\n halfPriceUpgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28b30e9bf8f843019c0f017fc80bba&promo=WHICH-DA-50-JUNE30-JULY20',\n savePercent: '24',\n yearlyPrice: '109',\n monthlyEquiv: '9.08'\n }\n ],\n selectors: {\n // Secure selectors mapping both desktop & mobile panel structures\n container: '[class*=\"layout_featuresPanelDesktop__\"] [class*=\"FeaturesPanel_container__\"], [class*=\"layout_featuresPanelCompact__\"] [class*=\"FeaturesPanel_container__\"]'\n }\n };\n\n // --- ID-SPECIFIC CLASS CONSTANT FOR SECURE TARGETING ---\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n // --- SPA-PROOF EXECUTION GUARD ---\n if (window[`__run_${CONFIG.id}`]) {\n // Safe check using the specific injected tracking class instead of a generic one\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n // Reset the observer in case React hydration wiped the previous DOM\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // --- GA4/GTM TRACKING CONFIGURATION ---\n const trackEvent = (itemText, parentText = 'upsell_card_outside') => {\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 // --- STYLES INJECTION (SINGLE CLEAN WHITE BOX AND BLACK BORDER STYLE RULE) ---\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 /* --- BASE DESKTOP STYLES --- */\n .gb-v1-upgrade {\n margin: 16px 0;\n padding: 24px;\n background: #ffffff !important; /* Enforces single pure white background */\n border: 1.5px solid #000000 !important; /* Enforces single crisp black border */\n border-radius: 12px !important; /* 12px rounded corners as requested */\n font-family: Arial, sans-serif;\n animation: gbFadeIn 0.4s ease-out;\n clear: both;\n text-align: left;\n box-sizing: border-box;\n }\n .gb-v1-upgrade-title {\n font-size: 22px;\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-upgrade-sub {\n font-size: 18px;\n color: #111;\n margin-bottom: 10px;\n }\n .gb-v1-upgrade-equiv {\n font-size: 16px;\n color: #111;\n margin-bottom: 20px;\n }\n .gb-v1-upgrade-red {\n color: #E81C30 !important;\n font-weight: 700;\n }\n .gb-v1-upgrade-btn {\n width: 100%;\n max-width: 75%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #fff;\n color: #000;\n border: 1px solid #676767; /* Adjusted border color to match request */\n padding: 12px 32px;\n font-weight: 700;\n font-size: 18px;\n border-radius: 50px;\n cursor: pointer;\n margin-bottom: 12px;\n transition: background-color 0.2s ease;\n font-family: \"National2-Medium\", Arial, sans-serif;\n white-space: nowrap;\n box-sizing: border-box;\n }\n .gb-v1-upgrade-btn:hover {\n background-color: #d7effa; /* Standard light blue hover state */\n }\n .gb-v1-upgrade-footer {\n font-size: 14px;\n color: #222;\n text-align: center;\n width: 100%;\n }\n .gb-v1-upgrade-strike {\n text-decoration: line-through;\n color: #000;\n margin-right: 4px;\n font-weight: 400;\n }\n .gb-v1-upgrade-price-large {\n font-size: 24px;\n font-weight: 900;\n margin-right: 4px;\n }\n\n /* --- RESPONSIVE MOBILE VIEWPORTS (< 768px) --- */\n @media (max-width: 768px) {\n .gb-v1-upgrade {\n margin: 12px 16px 4px 16px;\n padding: 16px;\n text-align: left;\n }\n .gb-v1-upgrade-title {\n color: #000;\n font-family: \"National2-Medium\", \"National 2\", Arial, sans-serif;\n font-size: 22px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n letter-spacing: 0;\n margin-bottom: 8px;\n }\n .gb-v1-upgrade-sub {\n font-size: 18px;\n margin-bottom: 6px;\n }\n .gb-v1-upgrade-price-large {\n font-size: 20px;\n }\n .gb-v1-upgrade-equiv {\n font-size: 16px;\n margin-bottom: 16px;\n }\n .gb-v1-upgrade-btn {\n width: 100%;\n max-width: 100%;\n padding: 12px 16px;\n font-size: 18px;\n display: inline-flex;\n margin: 0 0 12px 0;\n }\n .gb-v1-upgrade-footer {\n font-size: 14px;\n }\n }\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 // --- INJECTION ENGINE ---\n const apply = () => {\n const urlParams = new URLSearchParams(window.location.search);\n const currentProductId = urlParams.get('productId');\n const currentRateId = urlParams.get('rateId');\n\n if (!currentProductId || !currentRateId) return false;\n\n const offer = CONFIG.offers.find(o => \n o.currentProductId === currentProductId && \n o.currentRateId === currentRateId\n );\n\n if (!offer) return false;\n\n const container = document.querySelector(CONFIG.selectors.container);\n if (!container) return false;\n\n // Secure check matching the specific tracking class\n if (document.querySelector(`.${INJECTED_CLASS}`)) {\n return true;\n }\n\n // Infinite Loop Prevention Safeguard\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) {\n console.warn(`[GB] Max injection attempts reached for ${CONFIG.id}. Halting to protect performance.`);\n return true; \n }\n\n injectStyles();\n \n let html = '';\n let targetCheckoutUrl = offer.upgradeUrl;\n \n if (String(CONFIG.campaignMode).trim().toUpperCase() === 'HALF_PRICE_DIGITAL') {\n targetCheckoutUrl = offer.halfPriceUpgradeUrl || offer.upgradeUrl;\n html = `\n

Get 50% off Digital Annual

\n £89\n £44.50\n for the first year\n

\n Equivalent to £3.71 a month\n

\n \n \n

\n `;\n } else {\n 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 \n // Inject into DOM (safely inserted outside the package summary container)\n container.insertAdjacentHTML('afterend', html);\n\n const injectedCard = document.querySelector(`.${INJECTED_CLASS}`);\n \n // --- AUTO-HEALING OBSERVATION LIFECYCLE (SPA DESTRUCTION DETECTOR) ---\n if (injectedCard) {\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === injectedCard || (removedNode.nodeType === 1 && removedNode.contains(injectedCard))) {\n domWipeObserver.disconnect(); \n if (window[`__obs_${CONFIG.id}`]) {\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n }\n // Debounce against React rerenders\n setTimeout(apply, 50); \n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n window[`__dom_wipe_obs_${CONFIG.id}`] = domWipeObserver;\n }\n\n // --- BUTTON INTERACTION HANDLING ---\n const upgradeBtn = document.getElementById('gb-v1-upgrade');\n if (upgradeBtn) {\n upgradeBtn.addEventListener('click', (e) => {\n e.preventDefault();\n const btnLabel = String(CONFIG.campaignMode).trim().toUpperCase() === 'HALF_PRICE_DIGITAL' \n ? 'Switch to Digital Annual (50% Off)' \n : `Switch to ${offer.targetName} Annual`;\n \n trackEvent(btnLabel);\n \n const targetUrl = new URL(targetCheckoutUrl, window.location.origin);\n for (const [key, value] of urlParams) {\n if (!targetUrl.searchParams.has(key)) {\n targetUrl.searchParams.set(key, value);\n }\n }\n window.location.href = targetUrl.toString();\n });\n }\n\n return true; \n };\n\n // --- PRIMARY OBSERVATION LIFECYCLE ---\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (apply()) {\n window[`__obs_${CONFIG.id}`].disconnect();\n }\n });\n \n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n \n // Execute immediately in case target container is already present in DOM\n apply();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28e7b89db95c49019dd4b6fcb80f18"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/details?productId=8a28c9d78cf77775018cf886631207f6&rateId=8a28e7b89db95c49019dd4b6fbff0f16"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Switch to annual"}],"seed":"3b8967c1-b90f-478e-a0f3-f317c7d49a0f","name":"ACQ 009 [Payment Page] Payments page product upsell (FIXED)","phase":"0","coverage":1},{"key":"exp-123-collapse-newsletter-fields-test","changeId":"d4b7791e097b17895a096e5498fde3ddc421664e7ba1748a7fb95e8278398299","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // Configuration\n const CONFIG = {\n experimentId: 'EXP-123-collapse-newsletter-for-fields-TEST',\n id: 'EXP-123-collapse-newsletter-for-fields-TEST',\n selectors: {\n // Target the newsletter form container using stable data-testid attribute\n container: '[data-testid=\"newsletter-signup-form\"]',\n nameFields: '[class*=\"NewsletterSignUpForm_newsletterFormName\"]',\n emailField: '[class*=\"NewsletterSignUpForm_email__\"]',\n postcodeField: '[class*=\"NewsletterSignUpForm_postcode__\"]',\n smallprint: '[class*=\"NewsletterSignUpForm_newsletterFormUnsubscribe\"]',\n cta: '[data-testid=\"sign-up-button\"]',\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const EXPANDED_CLASS = 'gb-expanded';\n\n // 1. SPA-Proof Execution Guard\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. Styles — collapsed by default, expanded when gb-expanded is present\n const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n /* Collapsed state: hide fields and smallprint */\n .${INJECTED_CLASS} ${CONFIG.selectors.nameFields},\n .${INJECTED_CLASS} ${CONFIG.selectors.emailField},\n .${INJECTED_CLASS} ${CONFIG.selectors.postcodeField},\n .${INJECTED_CLASS} ${CONFIG.selectors.smallprint} {\n display: none !important;\n }\n\n /* Expanded state: reveal fields and smallprint */\n .${INJECTED_CLASS}.${EXPANDED_CLASS} ${CONFIG.selectors.nameFields},\n .${INJECTED_CLASS}.${EXPANDED_CLASS} ${CONFIG.selectors.emailField},\n .${INJECTED_CLASS}.${EXPANDED_CLASS} ${CONFIG.selectors.postcodeField},\n .${INJECTED_CLASS}.${EXPANDED_CLASS} ${CONFIG.selectors.smallprint} {\n display: block !important;\n }\n `;\n document.head.appendChild(style);\n };\n\n // 3. Tracking\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 // 4. Core injection logic with Auto-Healing Observer\n const apply = () => {\n // Loop Prevention\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) {\n console.warn(`[GB] MAX INJECTIONS REACHED for ${CONFIG.id}.`);\n return true;\n }\n\n const container = document.querySelector(CONFIG.selectors.container);\n if (!container || container.classList.contains(INJECTED_CLASS)) return false;\n\n injectStyles();\n\n // Mark the container as modified and initialise collapsed state\n container.classList.add(INJECTED_CLASS);\n const cta = container.querySelector(CONFIG.selectors.cta);\n if (cta) {\n cta.dataset.gbState = 'collapsed';\n }\n\n // Auto-Healing / DOM Wipe Detector\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === container || (removedNode.nodeType === 1 && removedNode.contains(container))) {\n domWipeObserver.disconnect();\n if (window[`__obs_${CONFIG.id}`]) {\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n }\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n\n return true;\n };\n\n // 5. Global Event Delegation — two-step CTA behaviour\n document.body.addEventListener('click', (event) => {\n const cta = event.target.closest(CONFIG.selectors.cta);\n if (!cta) return;\n\n const container = cta.closest(`.${INJECTED_CLASS}`);\n if (!container) return;\n\n if (cta.dataset.gbState === 'collapsed') {\n // First click: expand the form, do not submit\n event.preventDefault();\n container.classList.add(EXPANDED_CLASS);\n cta.dataset.gbState = 'expanded';\n trackEvent('cta_expand', 'newsletter_widget');\n } else {\n // Second click: allow native form submission\n trackEvent('cta_submit', 'newsletter_widget');\n }\n });\n\n // 6. Primary Observer Init\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/(?:news|reviews)\\/.*"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"3e497ee9-d744-4a5d-bdc5-6ce26ebd24bd","name":"EXP 123 collapse newsletter for fields TEST","phase":"0","condition":{"id":{"$in":["76a785c0-4ed1-4f94-8201-70d03ddc7b72"]}},"coverage":1},{"key":"okr3-001-decision-type-survey","changeId":"1044d0b50af3a1a1de3c52c02a9b91f44570bb3f2f98085df1a6a7b659456a95","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // Configuration\n const CONFIG = {\n experimentId: 'OKR3-001-decision-type-survey',\n id: 'OKR3-001-decision-type-survey',\n storageKey: 'gb-survey-completed-OKR3-001',\n options: [\n {\n id: 'getting-started',\n title: 'I\\'m just getting started',\n description: 'I need help understanding what matters and where to begin.'\n },\n {\n id: 'narrowing-options',\n title: 'I\\'m narrowing down my options',\n description: 'I know what I\\'m looking for, but need help choosing between options.'\n },\n {\n id: 'ready-to-decide',\n title: 'I\\'m nearly ready to decide',\n description: 'I have a good idea of what I want and want confidence in my choice.'\n }\n ]\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const ACTIVE_CLASS = `gb-active-${CONFIG.id}`;\n const BASE_BOTTOM_OFFSET = 24;\n const AD_IFRAME_SELECTOR = 'iframe[id^=\"google_ads_iframe_\"][title=\"3rd party ad content\"], iframe[id^=\"google_ads_iframe_\"][aria-label=\"Advertisement\"]';\n const COMPARE_TRAY_SELECTOR = '[class*=\"ReviewsCompareTray_baseTray\"], [data-testid=\"reviews-compare-tray\"]';\n\n const parseZIndex = (value) => {\n const parsed = Number.parseInt(value, 10);\n return Number.isFinite(parsed) ? parsed : null;\n };\n\n const isElementVisible = (el) => {\n const cs = window.getComputedStyle(el);\n const rect = el.getBoundingClientRect();\n return cs.display !== 'none' && cs.visibility !== 'hidden' && rect.width > 0 && rect.height > 0;\n };\n\n const isBottomAdBannerVisible = () => {\n const frames = document.querySelectorAll(AD_IFRAME_SELECTOR);\n for (const frame of frames) {\n const cs = window.getComputedStyle(frame);\n const rect = frame.getBoundingClientRect();\n const z = parseZIndex(cs.zIndex);\n const fixedBottom = cs.position === 'fixed' && rect.bottom >= window.innerHeight - 2;\n const bannerSized = rect.height >= 100;\n if (isElementVisible(frame) && fixedBottom && bannerSized && z !== null && z > 0) {\n return true;\n }\n }\n return false;\n };\n\n const isCompareTrayVisible = () => {\n const tray = document.querySelector(COMPARE_TRAY_SELECTOR);\n return !!tray && isElementVisible(tray);\n };\n\n const syncBannerVisibility = (wrapper) => {\n if (isBottomAdBannerVisible() || isCompareTrayVisible()) {\n wrapper.classList.add('gb-hidden-by-ad-banner');\n } else {\n wrapper.classList.remove('gb-hidden-by-ad-banner');\n }\n };\n\n // 1. SPA-Proof Execution Guard\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. If already completed, do not show\n try {\n if (localStorage.getItem(CONFIG.storageKey)) return;\n } catch (e) { /* localStorage unavailable – proceed */ }\n\n document.documentElement.classList.add(ACTIVE_CLASS);\n\n // 3. Tracking utility\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 // 4. Style injection\n const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n .${ACTIVE_CLASS} [class*=\"BackToTop_backToTop\"],\n .${ACTIVE_CLASS} [data-which-id=\"pagenav-backtotop\"] {\n display: none !important;\n }\n\n .${INJECTED_CLASS} {\n position: fixed;\n bottom: ${BASE_BOTTOM_OFFSET}px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: auto;\n max-width: calc(100vw - 24px);\n }\n\n .${INJECTED_CLASS}.gb-hidden-by-ad-banner {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n\n .gb-survey-panel {\n position: absolute;\n bottom: calc(100% + 10px);\n left: 50%;\n background: #ffffff;\n width: 380px;\n max-width: calc(100vw - 24px);\n border-radius: 12px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.10);\n overflow: hidden;\n transform: translate(-50%, 12px);\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;\n }\n\n .gb-survey-panel.gb-open {\n transform: translate(-50%, 0);\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transition: opacity 0.25s ease, transform 0.25s ease;\n }\n\n .gb-survey-header {\n background: #1a1f3c;\n padding: 20px 20px 18px;\n color: #ffffff;\n }\n\n .gb-survey-eyebrow {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #a0a8c0;\n margin: 0 0 8px;\n }\n\n .gb-survey-title {\n font-size: 18px;\n font-weight: 700;\n line-height: 1.3;\n margin: 0 0 6px;\n color: #ffffff;\n }\n\n .gb-survey-subtitle {\n font-size: 13px;\n color: #c0c8e0;\n margin: 0;\n }\n\n .gb-survey-subtitle em {\n color: #6ee7b7;\n font-style: normal;\n }\n\n .gb-survey-body {\n padding: 12px 12px 4px;\n background: #ffffff;\n }\n\n .gb-survey-option {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 12px 14px;\n border: 1.5px solid #e8eaf0;\n border-radius: 8px;\n margin-bottom: 8px;\n cursor: pointer;\n background: #ffffff;\n transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;\n width: 100%;\n text-align: left;\n }\n\n .gb-survey-option:hover {\n border-color: #1a1f3c;\n background: #f7f8fc;\n box-shadow: 0 2px 8px rgba(26,31,60,0.08);\n }\n\n .gb-survey-option:focus-visible {\n outline: 2px solid #1a1f3c;\n outline-offset: 2px;\n }\n\n .gb-option-icon {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 1px;\n }\n\n .gb-option-text {\n flex: 1;\n }\n\n .gb-option-title {\n display: block;\n font-size: 14px;\n font-weight: 600;\n color: #1a1f3c;\n margin: 0 0 3px;\n line-height: 1.3;\n }\n\n .gb-option-desc {\n display: block;\n font-size: 12px;\n color: #6b7280;\n margin: 0;\n line-height: 1.4;\n }\n\n /* Thank-you state */\n .gb-survey-thankyou {\n padding: 28px 24px;\n text-align: center;\n }\n\n .gb-thankyou-close {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 32px;\n height: 32px;\n border: none;\n background: #ffffff;\n color: #1a1f3c;\n cursor: pointer;\n display: none;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n box-shadow: 0 2px 8px rgba(0,0,0,0.25);\n transition: background 0.15s, transform 0.15s;\n z-index: 2;\n }\n\n .gb-thankyou-close:hover {\n background: #f3f4f6;\n transform: scale(1.06);\n }\n\n .gb-thankyou-close:focus-visible {\n outline: 2px solid #6ee7b7;\n outline-offset: 2px;\n }\n\n .gb-thankyou-icon {\n width: 44px;\n height: 44px;\n background: #ecfdf5;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 14px;\n }\n\n .gb-thankyou-icon svg {\n width: 22px;\n height: 22px;\n stroke: #059669;\n fill: none;\n stroke-width: 2.2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .gb-thankyou-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f3c;\n margin: 0 0 8px;\n }\n\n .gb-thankyou-msg {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.5;\n margin: 0;\n }\n\n /* Trigger button */\n .gb-survey-trigger {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #1a1f3c;\n color: #ffffff;\n border: none;\n border-radius: 32px;\n padding: 14px 22px;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.25;\n min-height: 58px;\n cursor: pointer;\n box-shadow: 0 4px 16px rgba(0,0,0,0.22);\n transition: background 0.15s, box-shadow 0.15s;\n width: fit-content;\n max-width: calc(100vw - 24px);\n justify-content: center;\n white-space: nowrap;\n }\n\n .gb-survey-trigger span {\n white-space: nowrap;\n }\n\n .gb-survey-trigger:hover {\n background: #2c3260;\n box-shadow: 0 6px 20px rgba(0,0,0,0.28);\n }\n\n .gb-survey-trigger:focus-visible {\n outline: 2px solid #6ee7b7;\n outline-offset: 2px;\n }\n\n .gb-trigger-chevron {\n transition: transform 0.25s ease;\n flex-shrink: 0;\n }\n\n .gb-trigger-chevron.gb-rotated {\n transform: rotate(180deg);\n }\n\n @media (max-width: 400px) {\n .${INJECTED_CLASS} {\n left: 50%;\n transform: translateX(-50%);\n bottom: 12px;\n width: auto;\n max-width: none;\n }\n\n .gb-survey-panel,\n .gb-survey-trigger {\n max-width: calc(100vw - 24px);\n }\n\n .gb-survey-trigger {\n font-size: 15px;\n padding: 11px 16px;\n gap: 8px;\n min-height: 48px;\n }\n\n .gb-trigger-chevron {\n width: 15px;\n height: 15px;\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n // 5. Option icons (SVG) with per-option colours\n const ICON_STYLES = {\n 'getting-started': { bg: '#d1fae5', stroke: '#059669' },\n 'narrowing-options': { bg: '#e0e7ff', stroke: '#4f46e5' },\n 'ready-to-decide': { bg: '#fef3c7', stroke: '#d97706' }\n };\n\n const ICONS = {\n 'getting-started': ``,\n 'narrowing-options': ``,\n 'ready-to-decide': ``\n };\n\n // 6. Build widget HTML\n const buildWidget = () => {\n // Randomise option order on each injection\n const shuffled = [...CONFIG.options].sort(() => Math.random() - 0.5);\n const optionsHTML = shuffled.map(opt => `\n \n \n ', '')}\n \n \n ${opt.title}\n ${opt.description ? `${opt.description}` : ''}\n \n \n `).join('');\n\n const wrapper = document.createElement('div');\n wrapper.className = INJECTED_CLASS;\n wrapper.setAttribute('role', 'complementary');\n wrapper.setAttribute('aria-label', 'Which? decision survey');\n wrapper.innerHTML = `\n

Which? Helper

Where are you in your research?

Choose the stage that best describes you.

\n ${optionsHTML}\n

\n \n

\n \n Need help choosing?\n \n \n `;\n return wrapper;\n };\n\n // 7. Widget state logic\n const initWidget = (wrapper) => {\n const panel = wrapper.querySelector(`#gb-panel-${CONFIG.id}`);\n const trigger = wrapper.querySelector(`#gb-trigger-${CONFIG.id}`);\n const chevron = trigger.querySelector('.gb-trigger-chevron');\n let isOpen = false;\n let visibilityRaf = 0;\n\n const syncVisibility = () => {\n if (visibilityRaf) return;\n visibilityRaf = window.requestAnimationFrame(() => {\n visibilityRaf = 0;\n syncBannerVisibility(wrapper);\n });\n };\n\n const visibilityObserver = new MutationObserver(() => {\n syncVisibility();\n });\n\n visibilityObserver.observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['style', 'class']\n });\n window.addEventListener('resize', syncVisibility);\n syncVisibility();\n\n const cleanupVisibilitySync = () => {\n visibilityObserver.disconnect();\n window.removeEventListener('resize', syncVisibility);\n if (visibilityRaf) {\n window.cancelAnimationFrame(visibilityRaf);\n }\n };\n\n const openPanel = () => {\n isOpen = true;\n panel.classList.add('gb-open');\n panel.setAttribute('aria-hidden', 'false');\n trigger.setAttribute('aria-expanded', 'true');\n chevron.classList.add('gb-rotated');\n trackEvent('survey_opened', 'decision_type_survey');\n };\n\n const closePanel = () => {\n isOpen = false;\n panel.classList.remove('gb-open');\n panel.setAttribute('aria-hidden', 'true');\n trigger.setAttribute('aria-expanded', 'false');\n chevron.classList.remove('gb-rotated');\n };\n\n const showThankYou = () => {\n const body = wrapper.querySelector(`#gb-body-${CONFIG.id}`);\n body.innerHTML = `\n

\n \n

Thanks for your feedback!

We're working on new features to help you make the best decision. Watch this space.

\n `;\n\n const dismissWidget = () => {\n cleanupVisibilitySync();\n wrapper.style.transition = 'opacity 0.4s ease';\n wrapper.style.opacity = '0';\n setTimeout(() => wrapper.remove(), 420);\n };\n\n const closeBtn = wrapper.querySelector(`#gb-thankyou-close-${CONFIG.id}`);\n if (closeBtn) {\n closeBtn.style.display = 'flex';\n closeBtn.addEventListener('click', dismissWidget);\n }\n };\n\n trigger.addEventListener('click', () => {\n if (isOpen) {\n closePanel();\n trackEvent('survey_collapsed', 'decision_type_survey');\n } else {\n openPanel();\n }\n });\n\n // Delegate option clicks to the panel\n panel.addEventListener('click', (e) => {\n const optionBtn = e.target.closest('[data-gb-option]');\n if (!optionBtn) return;\n\n const optionId = optionBtn.dataset.gbOption;\n const optionTitle = optionBtn.dataset.gbTitle;\n\n trackEvent(optionTitle, 'decision_type_survey_answer');\n\n try {\n localStorage.setItem(CONFIG.storageKey, optionId);\n } catch (_) { /* ignore */ }\n\n document.documentElement.classList.remove(ACTIVE_CLASS);\n\n showThankYou();\n trigger.style.display = 'none';\n });\n };\n\n // 8. Core apply function\n const apply = () => {\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) {\n console.warn(`[GB] MAX INJECTIONS REACHED for ${CONFIG.id}.`);\n return true;\n }\n\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true;\n if (!document.body) return false;\n\n injectStyles();\n\n const widget = buildWidget();\n document.body.appendChild(widget);\n initWidget(widget);\n\n // Auto-Healing: re-inject if SPA wipes the widget\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === widget || (removedNode.nodeType === 1 && removedNode.contains(widget))) {\n // Only re-inject if survey not yet completed\n try {\n if (localStorage.getItem(CONFIG.storageKey)) return;\n } catch (_) { /* ignore */ }\n domWipeObserver.disconnect();\n if (window[`__obs_${CONFIG.id}`]) {\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n }\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n\n return true;\n };\n\n // 9. Primary Observer Init\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/*"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"2b074a15-b1a4-4d4f-afb9-1ff65a22b3a3","name":"OKR3-001-decision-type-survey","phase":"0","condition":{"$or":[{"vertical":{"$in":["appliances","health"]},"id":{"$in":["ae5ed176-52c3-4e6b-a0e4-5dfd0795b9c3","589a3ff5-39d2-4987-aba3-7bd78f7b7265"]}},{"sub_vertical":{"$in":["pensions-and-retirement"]},"id":{"$in":["ae5ed176-52c3-4e6b-a0e4-5dfd0795b9c3","589a3ff5-39d2-4987-aba3-7bd78f7b7265"]}}]},"coverage":1}]

Stay informed with Which?

Where are you in your research?

Sabrina Doshi

2026

Boiler retirement: Using trigger points to support homeowners to plan for energy upgrades.

2025

From panic to planned: Why homeowners and the government need a boiler retirement plan

Consumer trust and concerns in August 2025

Financial wellbeing in August 2025

Financial wellbeing in July 2025

Financial wellbeing in June 2025

Consumer trust and concerns in May 2025

Financial wellbeing in May 2025

Financial wellbeing in April 2025

Financial wellbeing in March 2025

Consumer trust and concern in February 2025

Financial Wellbeing in February 2025

Financial Wellbeing in January 2025

2024

Financial Wellbeing in December 2024

Financial wellbeing in November 2024

Which?’s Annual Sustainability Report Series 2024: Electric Vehicles

Which?’s Annual Sustainability Report Series 2024: Home insulation and Heating

Bridging the Gap: Consumer awareness of the Financial Ombudsman Service

Financial wellbeing in October 2024

Making holiday travel more sustainable