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

fix: adjust datalayer behavior

Browse Source
This commit is contained in:
Arvid Norlin
2024-02-16 15:14:16 +01:00
parent 8b87267eda
commit 60e2c8ae45
3 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/[lang]/(live)/layout.tsx
View File

@@ -57,12 +57,12 @@ export default function RootLayout({
data-cookieconsent="ignore" data-cookieconsent="ignore"
src="/Static/dist/js/ng/main.js?1705409330990" src="/Static/dist/js/ng/main.js?1705409330990"
/> />
<AdobeScript />
{/* <Script {/* <Script
data-cookieconsent="ignore" data-cookieconsent="ignore"
src="/Static/dist/js/main-ng.js?336b801d6b38eff10884" src="/Static/dist/js/main-ng.js?336b801d6b38eff10884"
strategy="lazyOnload" strategy="lazyOnload"
/> */} /> */}
<AdobeScript />
</head> </head>
<body> <body>
<LangPopup lang={params.lang} /> <LangPopup lang={params.lang} />

10
app/[lang]/AdobeScript.tsx
View File

@@ -11,5 +11,13 @@ const scriptScrs = {
} }
export default function AdobeScript() { export default function AdobeScript() {
return <Script src={scriptScrs[env.NODE_ENV]} /> return (
<>
<Script
strategy="beforeInteractive"
id="ensure-datalayer"
>{`window.datalayer = window.datalayer || {}`}</Script>
<Script src={scriptScrs[env.NODE_ENV]} />
</>
)
} }

32
app/[lang]/Tracking.tsx
View File

@@ -6,7 +6,7 @@ import {
TrackingProps, TrackingProps,
} from "@/types/components/tracking" } from "@/types/components/tracking"
import { usePathname, useSearchParams } from "next/navigation" import { usePathname, useSearchParams } from "next/navigation"
import { useEffect, useState } from "react" import { useEffect } from "react"
function createPageObject(trackingData: TrackingData) { function createPageObject(trackingData: TrackingData) {
const [lang, ...segments] = trackingData.pathName const [lang, ...segments] = trackingData.pathName
@@ -64,30 +64,22 @@ function createPageObject(trackingData: TrackingData) {
export default function Tracking({ pageData }: TrackingProps) { export default function Tracking({ pageData }: TrackingProps) {
const pathName = usePathname() const pathName = usePathname()
const queryString = useSearchParams().toString() const queryString = useSearchParams().toString()
const [datalayerExists, setDataLayerExists] = useState(
typeof window !== "undefined" && !!window.datalayer
)
useEffect(() => { useEffect(() => {
if (!datalayerExists) { const trackingData = { ...pageData, pathName, queryString }
window.datalayer = {} const pageObject = createPageObject(trackingData)
setDataLayerExists(true)
} else {
const trackingData = { ...pageData, pathName, queryString }
const pageObject = createPageObject(trackingData)
window.datalayer.page = pageObject window.datalayer.page = pageObject
// NOTE: Is this irrelevant för drop 1? // NOTE: Is this irrelevant för drop 1?
// var user_obj = { // var user_obj = {
// loginstatus: "<if the user is logged in or not>", // loginstatus: "<if the user is logged in or not>",
// memberid: "<unique meeting package membership id for the user>", // memberid: "<unique meeting package membership id for the user>",
// memberlevel: "<member level of user>", // memberlevel: "<member level of user>",
// } // }
// datalayer.user = user_obj; // datalayer.user = user_obj;
} }, [pathName, queryString, pageData])
}, [pathName, queryString, pageData, datalayerExists])
return null return null
} }