Merge pull request #14572 from guardian/record-bfcache-loads

Record bfcache loads via Ophan component events

Author: jonflynng

dotcom-rendering/package.json

@@ -38,13 +38,13 @@
 		"@guardian/eslint-config-typescript": "9.0.1",
 		"@guardian/identity-auth": "6.0.1",
 		"@guardian/identity-auth-frontend": "8.1.0",
+		"@guardian/ophan-tracker-js": "2.6.1",
 		"@guardian/libs": "26.0.0",
-		"@guardian/ophan-tracker-js": "2.3.2",
 		"@guardian/react-crossword": "6.3.0",
 		"@guardian/shimport": "1.0.2",
 		"@guardian/source": "11.3.0",
 		"@guardian/source-development-kitchen": "18.1.1",
-		"@guardian/support-dotcom-components": "7.7.0",
+		"@guardian/support-dotcom-components": "7.8.1",
 		"@guardian/tsconfig": "0.2.0",
 		"@playwright/test": "1.52.0",
 		"@sentry/browser": "10.10.0",

dotcom-rendering/src/client/ophan/recordInitialPageEvents.ts

@@ -1,6 +1,11 @@
 import { type EditionId } from '../../lib/edition';
 import type { RenderingTarget } from '../../types/renderingTarget';
-import { getOphan, recordExperiences, recordPerformance } from './ophan';
+import {
+	getOphan,
+	recordExperiences,
+	recordPerformance,
+	submitComponentEvent,
+} from './ophan';
 
 const getEditionForOphan = (editionId: EditionId) => {
 	switch (editionId) {
@@ -29,4 +34,20 @@ export const recordInitialPageEvents = async (
 		void recordPerformance(renderingTarget);
 		window.removeEventListener('load', load, false);
 	});
+
+	window.addEventListener('pageshow', (event: PageTransitionEvent) => {
+		if (!event.persisted) {
+			return;
+		}
+
+		void submitComponentEvent(
+			{
+				action: 'VIEW',
+				component: {
+					componentType: 'BF_CACHE',
+				},
+			},
+			renderingTarget,
+		);
+	});
 };