diff --git a/src/app/components/JumpTo/index.test.tsx b/src/app/components/JumpTo/index.test.tsx
index 974a1f46f41..f1028380799 100644
--- a/src/app/components/JumpTo/index.test.tsx
+++ b/src/app/components/JumpTo/index.test.tsx
@@ -10,6 +10,8 @@ import pidginArticleFixtureWithJumpToBlock from './fixtureData';
 import * as viewTracking from '../../hooks/useViewTracker';
 import * as clickTracking from '../../hooks/useClickTrackerHandler';
 
+jest.mock('#app/hooks/useOptimizelyScrollDepth');
+
 describe('JumpTo Component', () => {
   const jumpToBlock =
     pidginArticleFixtureWithJumpToBlock.data.article.content.model.blocks.find(
@@ -50,6 +52,7 @@ describe('JumpTo Component', () => {
   describe('Event Tracking', () => {
     const jumpToTrackerData = {
       componentName: 'jumpto',
+      optimizely: null,
     };
     describe('View tracking', () => {
       const viewTrackerSpy = jest.spyOn(viewTracking, 'default');
diff --git a/src/app/components/JumpTo/index.tsx b/src/app/components/JumpTo/index.tsx
index cfe9b629c2a..0de82c553bc 100644
--- a/src/app/components/JumpTo/index.tsx
+++ b/src/app/components/JumpTo/index.tsx
@@ -8,6 +8,8 @@ import useClickTrackerHandler from '#app/hooks/useClickTrackerHandler';
 import Text from '#app/components/Text';
 import isLive from '#app/lib/utilities/isLive';
 import { EventTrackingMetadata } from '#app/models/types/eventTracking';
+import { OptimizelyContext } from '@optimizely/react-sdk';
+import useOptimizelyScrollDepth from '#app/hooks/useOptimizelyScrollDepth';
 import idSanitiser from '../../lib/utilities/idSanitiser';
 import styles from './index.styles';
 
@@ -15,11 +17,13 @@ export interface JumpToProps {
   jumpToHeadings?: Array<{ heading: string }>;
 }
 
-const eventTrackingData: EventTrackingMetadata = {
-  componentName: 'jumpto',
-};
-
 const JumpTo = ({ jumpToHeadings }: JumpToProps) => {
+  const { optimizely } = useContext(OptimizelyContext);
+
+  const eventTrackingData: EventTrackingMetadata = {
+    componentName: 'jumpto',
+    optimizely,
+  };
   // TODO: Remove for release
   if (isLive()) return null;
 
@@ -44,6 +48,8 @@ const JumpTo = ({ jumpToHeadings }: JumpToProps) => {
 
   const titleId = 'jump-to-heading';
 
+  useOptimizelyScrollDepth();
+
   return (
     <nav
       ref={viewRef}
diff --git a/src/app/lib/config/optimizely/index.js b/src/app/lib/config/optimizely/index.js
index bbc78961b22..ae7b4459865 100644
--- a/src/app/lib/config/optimizely/index.js
+++ b/src/app/lib/config/optimizely/index.js
@@ -1,5 +1,5 @@
 export default {
-  flagId: 'scrollable_promo',
+  flagId: 'jump_to',
   viewClickAttributeId: 'wsoj',
   variationMappings: {
     on: 'on',
diff --git a/src/app/models/types/eventTracking.ts b/src/app/models/types/eventTracking.ts
index cee346ba426..2223846aff0 100644
--- a/src/app/models/types/eventTracking.ts
+++ b/src/app/models/types/eventTracking.ts
@@ -1,8 +1,11 @@
+import { ReactSDKClient } from '@optimizely/react-sdk';
+
 export type EventTrackingMetadata = {
   componentName: string;
   detailedPlacement?: string;
   campaignID?: string;
   advertiserID?: number | string;
+  optimizely?: ReactSDKClient | null;
 };
 
 export type EventTrackingBlock = {
diff --git a/src/app/pages/ArticlePage/ArticlePage.tsx b/src/app/pages/ArticlePage/ArticlePage.tsx
index f19f7ce5dfe..db72935d908 100644
--- a/src/app/pages/ArticlePage/ArticlePage.tsx
+++ b/src/app/pages/ArticlePage/ArticlePage.tsx
@@ -38,9 +38,11 @@ import CpsRecommendations from '#containers/CpsRecommendations';
 import InlinePodcastPromo from '#containers/PodcastPromo/Inline';
 import { Article, OptimoBylineBlock } from '#app/models/types/optimo';
 import ScrollablePromo from '#components/ScrollablePromo';
-import JumpTo from '#app/components/JumpTo';
+import JumpTo, { JumpToProps } from '#app/components/JumpTo';
+import useOptimizelyVariation from '#app/hooks/useOptimizelyVariation';
+import OptimizelyArticleCompleteTracking from '#app/legacy/containers/OptimizelyArticleCompleteTracking';
+import OptimizelyPageViewTracking from '#app/legacy/containers/OptimizelyPageViewTracking';
 import ElectionBanner from './ElectionBanner';
-
 import ImageWithCaption from '../../components/ImageWithCaption';
 import AdContainer from '../../components/Ad';
 import EmbedImages from '../../components/Embeds/EmbedImages';
@@ -139,6 +141,10 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
     ...(isCPS && { pageTitle: `${atiAnalytics.pageTitle} - ${brandName}` }),
   };
 
+  const jumpToVariation = useOptimizelyVariation(
+    'jump_to',
+  ) as unknown as string;
+
   const topStoriesContent = pageData?.secondaryColumn?.topStories;
   const { shouldEnableExperimentTopStories, transformedBlocks } =
     getExperimentTopStories({
@@ -196,7 +202,8 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
       topStoriesContent ? (
         <ExperimentTopStories topStoriesContent={topStoriesContent} />
       ) : null,
-    jumpTo: JumpTo,
+    jumpTo: (props: ComponentToRenderProps & JumpToProps) =>
+      jumpToVariation === 'on' ? <JumpTo {...props} /> : <JumpTo {...props} />,
   };
 
   const visuallyHiddenBlock = {
@@ -306,6 +313,8 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
           mobileDivider={showTopics}
         />
       )}
+      <OptimizelyArticleCompleteTracking />
+      <OptimizelyPageViewTracking />
     </div>
   );
 };
diff --git a/src/app/pages/ArticlePage/index.test.tsx b/src/app/pages/ArticlePage/index.test.tsx
index 96499af100d..5612b4c7dbc 100644
--- a/src/app/pages/ArticlePage/index.test.tsx
+++ b/src/app/pages/ArticlePage/index.test.tsx
@@ -48,6 +48,13 @@ jest.mock('../../components/ChartbeatAnalytics', () => {
   return ChartbeatAnalytics;
 });
 jest.mock('../../components/ATIAnalytics');
+jest.mock('#app/legacy/containers/OptimizelyArticleCompleteTracking');
+jest.mock('#app/legacy/containers/OptimizelyPageViewTracking');
+
+jest.mock('#app/hooks/useOptimizelyVariation', () => ({
+  __esModule: true,
+  default: jest.fn(),
+}));
 
 const input = {
   bbcOrigin: 'https://www.test.bbc.co.uk',
diff --git a/src/app/pages/ArticlePage/index.tsx b/src/app/pages/ArticlePage/index.tsx
index 116c11b5248..1e48edc5215 100644
--- a/src/app/pages/ArticlePage/index.tsx
+++ b/src/app/pages/ArticlePage/index.tsx
@@ -1,4 +1,7 @@
+import withOptimizelyProvider from '#app/legacy/containers/PageHandlers/withOptimizelyProvider';
 import ArticlePage from './ArticlePage';
 import applyBasicPageHandlers from '../utils/applyBasicPageHandlers';
 
-export default applyBasicPageHandlers(ArticlePage);
+const OptimizelyArticle = withOptimizelyProvider(ArticlePage);
+
+export default applyBasicPageHandlers(OptimizelyArticle);