scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: track user on page load

Browse Source
This commit is contained in:
Christel Westerberg
2024-07-15 09:13:20 +02:00
parent edb6005a72
commit c96008fb78
18 changed files with 247 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/[lang]/(live)/(protected)/my-pages/[...path]/page.tsx
View File

@@ -22,6 +22,8 @@ export default async function MyPages({
const accountPageTracking =
await serverClient().contentstack.accountPage.tracking()
const userTrackingData = await serverClient().user.tracking()
return (
<main className={styles.blocks}>
<Title>{accountPage.heading}</Title>
@@ -30,7 +32,7 @@ export default async function MyPages({
) : (
<p>{formatMessage({ id: "No content published" })}</p>
)}
<TrackingSDK pageData={accountPageTracking} />
<TrackingSDK pageData={accountPageTracking} userData={userTrackingData} />
</main>
)
}

13
app/[lang]/(live)/(protected)/my-pages/profile/edit/page.tsx
View File

@@ -1,12 +1,3 @@
import "../profileLayout.css"
import ProfilePage from "../page"
import { serverClient } from "@/lib/trpc/server"
import TrackingSDK from "@/components/Current/TrackingSDK"
export default async function EditProfilePage() {
const accountPageTracking =
await serverClient().contentstack.accountPage.tracking()
return <TrackingSDK pageData={accountPageTracking} />
}
export default ProfilePage

5
app/[lang]/(live)/(protected)/my-pages/profile/page.tsx
View File

@@ -7,6 +7,9 @@ import TrackingSDK from "@/components/Current/TrackingSDK"
export default async function ProfilePage() {
const accountPageTracking =
await serverClient().contentstack.accountPage.tracking()
const userTrackingData = await serverClient().user.tracking()
return <TrackingSDK pageData={accountPageTracking} />
return (
<TrackingSDK pageData={accountPageTracking} userData={userTrackingData} />
)
}

9
app/[lang]/webview/layout.tsx
View File

@@ -1,8 +1,11 @@
import "@/app/globals.css"
import "@scandic-hotels/design-system/style.css"
import Script from "next/script"
import TrpcProvider from "@/lib/trpc/Provider"
import AdobeSDKScript from "@/components/Current/AdobeSDKScript"
import { getIntl } from "@/i18n"
import ServerIntlProvider from "@/i18n/Provider"
@@ -23,6 +26,12 @@ export default async function RootLayout({
const { defaultLocale, locale, messages } = await getIntl()
return (
<html lang={params.lang}>
<head>
<AdobeSDKScript />
<Script id="ensure-adobeDataLayer">{`
window.adobeDataLayer = window.adobeDataLayer || []
`}</Script>
</head>
<body className={styles.layout}>
<ServerIntlProvider intl={{ defaultLocale, locale, messages }}>
<TrpcProvider lang={params.lang}>{children}</TrpcProvider>