Suspense on <TrackingSDK>

This commit is contained in:
Linus Flood
2024-12-06 15:47:34 +01:00
parent 6a4364e1c4
commit 115d1f0a10
12 changed files with 94 additions and 53 deletions

View File

@@ -46,7 +46,6 @@ export default function EnterDetailsTracking(props: Props) {
roomRate,
packages,
} = useEnterDetailsStore((state) => state)
const { getPageLoadTime, hasRun } = useTrackingStore()
const pathName = usePathname()
const sessionId = useSessionId()
@@ -95,11 +94,11 @@ export default function EnterDetailsTracking(props: Props) {
...pageTrackingData,
sessionId,
pathName,
pageLoadTime: getPageLoadTime(),
pageLoadTime: 0, // Yes, this is instant
}
const pageObject = createSDKPageObject(trackingData)
return pageObject
}, [currentStep, getPageLoadTime, lang, pathName, sessionId])
}, [currentStep, lang, pathName, sessionId])
const hotelDetailsData = useMemo(() => {
const isMember = true
@@ -144,23 +143,23 @@ export default function EnterDetailsTracking(props: Props) {
return
}
if (previousPathname.current !== pathName) {
console.log("TRACKING: Tracking RouterTransition pageViewEnd", pageObject)
console.log(
"TRACKING: Tracking RouterTransition userData",
userTrackingData
)
console.log(
"TRACKING: Tracking RouterTransition hotelInfo",
hotelDetailsData
)
window.adobeDataLayer.push({
event: "pageView",
pageInfo: pageObject,
userInfo: userTrackingData,
hotelInfo: hotelDetailsData,
})
}
//if (previousPathname.current !== pathName) {
console.log("TRACKING: Tracking RouterTransition pageViewEnd", pageObject)
console.log(
"TRACKING: Tracking RouterTransition userData",
userTrackingData
)
console.log(
"TRACKING: Tracking RouterTransition hotelInfo",
hotelDetailsData
)
window.adobeDataLayer.push({
event: "pageView",
pageInfo: pageObject,
userInfo: userTrackingData,
hotelInfo: hotelDetailsData,
})
//}
previousPathname.current = pathName // Update for next render
}, [userTrackingData, pageObject, hotelDetailsData, pathName])