feat(analytics): Implement usage analytics with react-ga4

[Ninfa-Jeon]

Done

• Upgraded react-ga to react-ga4
• Implemented usage analytics using event params

QA

• Login to dashboard
• Dashboard should send values like dashboard version, controller version and whether you’re using JAAS on successful login

Details

https://warthogs.atlassian.net/browse/WD-18723

[webteam-app]

Demo

Jenkins

demos.haus

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🟢	Lines	97.89% (🎯 95%)	14384 / 14694
🟢	Statements	97.89% (🎯 95%)	14384 / 14694
🟢	Functions	98.2% (🎯 95%)	601 / 612
🟢	Branches	92.11% (🎯 90%)	2991 / 3247

File Coverage

File	Stmts	Branches	Functions	Lines	Uncovered Lines
Changed Files
src/components/App/App.tsx	100%	100%	100%	100%
src/hooks/useAnalytics.tsx	100%	100%	100%	100%
src/store/middleware/model-poller.ts	95.98%	91.56%	100%	95.98%	55-56, 117-124, 159-160, 209, 407
src/utils/analytics.ts	100%	100%	100%	100%

Generated in workflow #181 for commit 35afec2 by the Vitest Coverage Report Action

[huwshimi]

For some reason the dimensions are still not included in dataLayer so we might need to investigate this a bit more.

[Ninfa-Jeon]

For some reason the dimensions are still not included in dataLayer so we might need to investigate this a bit more.

I tried various things too but they don't seem to be working either. For now, pushing the successful changes. Investigating this.

[Ninfa-Jeon]

For some reason the dimensions are still not included in dataLayer so we might need to investigate this a bit more.

I tried various things too but they don't seem to be working either. For now, pushing the successful changes. Investigating this.

Okay, so I've got the values to show up in dataLayer under user_properties. I have verified for both Juju and Jimm controller (PFA)

[huwshimi]

This looks good. Thanks!