96 lines
2.1 KiB
TypeScript
96 lines
2.1 KiB
TypeScript
import type {
|
|
TrackingPosition,
|
|
TrackingSDKData,
|
|
} from "@/types/components/tracking"
|
|
|
|
export function trackClick(name: string) {
|
|
pushToDataLayer({
|
|
event: "linkClick",
|
|
cta: {
|
|
name,
|
|
},
|
|
})
|
|
}
|
|
|
|
export function trackPageViewStart() {
|
|
pushToDataLayer({
|
|
event: "pageViewStart",
|
|
})
|
|
}
|
|
|
|
export function trackLoginClick(position: TrackingPosition) {
|
|
const event = {
|
|
event: "loginStart",
|
|
login: {
|
|
position,
|
|
action: "login start",
|
|
ctaName: "login",
|
|
},
|
|
}
|
|
pushToDataLayer(event)
|
|
}
|
|
|
|
export function trackSocialMediaClick(socialMediaName: string) {
|
|
const event = {
|
|
event: "social media",
|
|
social: {
|
|
socialIconClicked: socialMediaName,
|
|
},
|
|
}
|
|
pushToDataLayer(event)
|
|
}
|
|
|
|
export function trackFooterClick(group: string, name: string) {
|
|
const event = {
|
|
event: "footer link",
|
|
footer: {
|
|
footerLinkClicked: `${group}:${name}`,
|
|
},
|
|
}
|
|
pushToDataLayer(event)
|
|
}
|
|
|
|
export function trackUpdatePaymentMethod(hotelId: string, method: string) {
|
|
const paymentSelectionEvent = {
|
|
event: "paymentSelection",
|
|
hotelInfo: {
|
|
hotelId: hotelId,
|
|
},
|
|
cta: {
|
|
name: method,
|
|
},
|
|
}
|
|
pushToDataLayer(paymentSelectionEvent)
|
|
}
|
|
|
|
function pushToDataLayer(data: any) {
|
|
if (typeof window !== "undefined" && window.adobeDataLayer) {
|
|
console.log("TRACKING: Pushing to datalayer", data)
|
|
window.adobeDataLayer.push(data)
|
|
}
|
|
}
|
|
|
|
export function createSDKPageObject(
|
|
trackingData: TrackingSDKData
|
|
): TrackingSDKData {
|
|
let pageName = convertSlashToPipe(trackingData.pageName)
|
|
let siteSections = convertSlashToPipe(trackingData.siteSections)
|
|
|
|
if (trackingData.pathName.indexOf("/webview/") > -1) {
|
|
pageName = "webview|" + pageName
|
|
siteSections = "webview|" + siteSections
|
|
}
|
|
|
|
return {
|
|
...trackingData,
|
|
domain: typeof window !== "undefined" ? window.location.host : "",
|
|
pageName: pageName,
|
|
siteSections: siteSections,
|
|
}
|
|
}
|
|
|
|
function convertSlashToPipe(url: string) {
|
|
const formattedUrl = url.startsWith("/") ? url.slice(1) : url
|
|
return formattedUrl.replaceAll("/", "|")
|
|
}
|