QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-19 13:50:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

CE-1123 - Update google analytics to work with events as well as page views; add calls to it to most actual pages.

Browse Source
This commit is contained in:
darin.kelkhoff
2024-04-16 16:33:27 -05:00
parent e3cbf9414b
commit da57226fe5
10 changed files with 81 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/qqq/utils/GoogleAnalyticsUtils.ts
View File

@ -24,6 +24,21 @@ import Client from "qqq/utils/qqq/Client";
import ReactGA from "react-ga4";
export interface PageView
{
location: Location;
title: string;
}
export interface UserEvent
{
action: string;
category: string;
label?: string;
}
export type AnalyticsModel = PageView | UserEvent;
const qController = Client.getInstance();
/*******************************************************************************
@ -46,14 +61,27 @@ export default class GoogleAnalyticsUtils
/*******************************************************************************
**
*******************************************************************************/
private send = (location: Location, title: string) =>
private send = (model: AnalyticsModel) =>
{
if(!this.active)
{
return;
}
ReactGA.send({hitType: "pageview", page: location.pathname + location.search, title: title});
if(model.hasOwnProperty("location"))
{
const pageView = model as PageView;
ReactGA.send({hitType: "pageview", page: pageView.location.pathname + pageView.location.search, title: pageView.title});
}
else if(model.hasOwnProperty("action") || model.hasOwnProperty("category") || model.hasOwnProperty("label"))
{
const userEvent = model as UserEvent;
ReactGA.event({action: userEvent.action, category: userEvent.category, label: userEvent.label})
}
else
{
console.log("Unrecognizable analytics model", model);
}
}
@ -99,7 +127,7 @@ export default class GoogleAnalyticsUtils
/*******************************************************************************
**
*******************************************************************************/
public recordAnalytics = (location: Location, title: string) =>
public recordAnalytics = (model: AnalyticsModel) =>
{
if(this.metaData == null)
{
@ -109,7 +137,7 @@ export default class GoogleAnalyticsUtils
})()
}
this.send(location, title);
this.send(model);
}
}