Revert banner:none event dispatch

Author: dskamiotis

ab-testing/config/abTests.ts

@@ -107,6 +107,19 @@ const ABTests: ABTest[] = [
 		groups: ["control", "stacked", "carousel"],
 		shouldForceMetricsCollection: false,
 	},
+	{
+		name: "commercial-banner-ad-coordination",
+		description:
+			"Dispatches events to coordinate mobile sticky ad placement with banners. Currently disabled due to CMP banner incorrectly blocking ads.",
+		owners: ["commercial.dev@guardian.co.uk"],
+		expirationDate: "2026-03-01",
+		type: "client",
+		status: "ON",
+		audienceSize: 0 / 100,
+		audienceSpace: "A",
+		groups: ["control", "variant"],
+		shouldForceMetricsCollection: false,
+	},
 ];
 
 const activeABtests = ABTests.filter((test) => test.status === "ON");

dotcom-rendering/src/components/StickyBottomBanner.importable.tsx

@@ -15,7 +15,7 @@ import type {
 	SlotConfig,
 } from '../lib/messagePicker';
 import { pickMessage } from '../lib/messagePicker';
-import { useAB } from '../lib/useAB';
+import { useAB, useBetaAB } from '../lib/useAB';
 import { useIsSignedIn } from '../lib/useAuthStatus';
 import { useBraze } from '../lib/useBraze';
 import { useCountryCode } from '../lib/useCountryCode';
@@ -269,6 +269,7 @@ export const StickyBottomBanner = ({
 	const isSignedIn = useIsSignedIn();
 	const ophanPageViewId = usePageViewId(renderingTarget);
 	const abTestAPI = useAB()?.api;
+	const betaABTest = useBetaAB();
 	const isInAuxiaControlGroup = !!abTestAPI?.isUserInVariant(
 		'NoAuxiaSignInGate',
 		'control',
@@ -409,11 +410,23 @@ export const StickyBottomBanner = ({
 	// Dispatches 'banner:none' event for mobile sticky ad integration (see @guardian/commercial-dev).
 	// Ensures ads only insert when no banner will be shown.
 	// hasPickMessageCompleted distinguishes between initial state (not picked yet) and final state (picked nothing).
+	// Gated behind commercial-banner-ad-coordination A/B test (currently at 0%) - users in variant will NOT get the event
 	useEffect(() => {
-		if (hasPickMessageCompleted && SelectedBanner == null) {
+		const isInBannerAdTest =
+			betaABTest?.isUserInTestGroup(
+				'commercial-banner-ad-coordination',
+				'variant',
+			) ?? false;
+
+		if (
+			!isInBannerAdTest &&
+			hasPickMessageCompleted &&
+			SelectedBanner == null
+		) {
 			document.dispatchEvent(new CustomEvent('banner:none'));
 		}
-	}, [SelectedBanner, hasPickMessageCompleted]);
+	}, [SelectedBanner, hasPickMessageCompleted, betaABTest]);
+
 	if (SelectedBanner) {
 		return <SelectedBanner />;
 	}