From 9a505bff65bde6be97527e98dfbdd1e8d3ecf68e Mon Sep 17 00:00:00 2001
From: HarveyPeachey <harvey.peachey@bbc.co.uk>
Date: Thu, 29 Jan 2026 10:48:35 +0000
Subject: [PATCH] test innit

---
 .../OptimizelyPageMetrics/experimentsForPageMetrics.ts    | 4 +++-
 src/app/components/OptimizelyPageMetrics/index.tsx        | 1 +
 .../hooks/useOptimizelyVariation/useClientSide/index.ts   | 1 +
 src/app/pages/ArticlePage/ArticlePage.tsx                 | 8 ++++++++
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/app/components/OptimizelyPageMetrics/experimentsForPageMetrics.ts b/src/app/components/OptimizelyPageMetrics/experimentsForPageMetrics.ts
index 421a72bc6de..70fcc5ce48a 100644
--- a/src/app/components/OptimizelyPageMetrics/experimentsForPageMetrics.ts
+++ b/src/app/components/OptimizelyPageMetrics/experimentsForPageMetrics.ts
@@ -8,6 +8,8 @@ type ExperimentsForPageTypeMetrics = {
   activeExperiments: string[];
 }[];
 
-const experimentsForPageMetrics: ExperimentsForPageTypeMetrics = [];
+const experimentsForPageMetrics: ExperimentsForPageTypeMetrics = [
+  { pageType: 'article', activeExperiments: ['general_event_bleed_test_1'] },
+];
 
 export default experimentsForPageMetrics;
diff --git a/src/app/components/OptimizelyPageMetrics/index.tsx b/src/app/components/OptimizelyPageMetrics/index.tsx
index 2d117b2845a..4647f0e284e 100644
--- a/src/app/components/OptimizelyPageMetrics/index.tsx
+++ b/src/app/components/OptimizelyPageMetrics/index.tsx
@@ -34,6 +34,7 @@ const OptimizelyPageMetrics = ({
   useEffect(() => {
     if (optimizelyExperimentsEnabled) {
       optimizely?.onReady().then(() => {
+        console.log('Optimizely Page Metrics');
         const decisions = optimizely.decideAll([
           OptimizelyDecideOption.DISABLE_DECISION_EVENT,
         ]);
diff --git a/src/app/hooks/useOptimizelyVariation/useClientSide/index.ts b/src/app/hooks/useOptimizelyVariation/useClientSide/index.ts
index e37c13133c9..51294a8c8e8 100644
--- a/src/app/hooks/useOptimizelyVariation/useClientSide/index.ts
+++ b/src/app/hooks/useOptimizelyVariation/useClientSide/index.ts
@@ -20,6 +20,7 @@ export default ({ experimentName, overrideAttributes = {} }: Props) => {
 
   useEffect(() => {
     if (isClientReady && !didTimeout) {
+      console.log('Optimizely useOptimizelyVariation - Client Side');
       setVariation(decision.variationKey);
     }
   }, [isClientReady, decision.variationKey, didTimeout]);
diff --git a/src/app/pages/ArticlePage/ArticlePage.tsx b/src/app/pages/ArticlePage/ArticlePage.tsx
index 9610c828c45..a77d188505f 100644
--- a/src/app/pages/ArticlePage/ArticlePage.tsx
+++ b/src/app/pages/ArticlePage/ArticlePage.tsx
@@ -45,6 +45,9 @@ import ArticleLinksBlock from '#app/components/ArticleLinksBlock';
 import Recommendations from '#app/components/Recommendations';
 import ReadTimeArticle from '#app/components/ReadTime';
 import PWAPromotionalBanner from '#app/components/PWAPromotionalBanner';
+import useOptimizelyVariation, {
+  ExperimentType,
+} from '#app/hooks/useOptimizelyVariation';
 import ElectionBanner from './ElectionBanner';
 import ImageWithCaption from '../../components/ImageWithCaption';
 import AdContainer from '../../components/Ad';
@@ -192,6 +195,11 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
   );
   const { enabled: isTopBarOJsEnabled } = useToggle('topBarOJs');
 
+  useOptimizelyVariation({
+    experimentName: 'general_event_bleed_test_1',
+    experimentType: ExperimentType.CLIENT_SIDE,
+  });
+
   const {
     palette: { GREY_2 },
   } = useTheme();