[docs] Support Google Analytics 4

[alexfauquette]

Seems to be working. Maybe it can be merged, to get time to check all the metrics are the same between UA token and GA4 token

• dev: https://analytics.google.com/analytics/web/#/p354125369/reports/intelligenthome
• prod: https://analytics.google.com/analytics/web/#/p353089763/reports/intelligenthome

If I'm correct, the behavior is to push events in window.dataLayer which will be used by the script from https://www.googletagmanager.com/gtag/js to send data to Google Analytics

The few visitors in prod before merging, it's me doing tests :)

[mui-bot]

Netlify deploy preview

https://deploy-preview-36123--material-ui.netlify.app/

Bundle size report

No bundle size changes

Generated by 🚫 dangerJS against 1a22c61

[siriwatknp]

@alexfauquette I don't have other comments. May be best to let @oliviertassinari do the final review (I don't have full context related to GA).

[oliviertassinari]

@alexfauquette Thanks for working on this! The most complex GA integration we have is with the store, where I integrated the e-commerce features: https://developers.google.com/analytics/devguides/collection/ga4/ecommerce. To be fair, I had little use for these e-commerce analytics in the past. But in any case, GA on the docs should be much simpler. I hope I can find time to review it.

[alexfauquette]

@oliviertassinari I don't get your point, about GA integration with the store. The store is in a distinct repo, so it will be a distinct PR. Especially it's more about checking the event sent are still in the correct format for GA4.

[oliviertassinari]

I don't get your point, about GA integration with the store. The store is in a distinct repo, so it will be a distinct PR. Especially it's more about checking the event sent are still in the correct format for GA4.

Right, sorry, I mean that the website/docs is a simpler case.

---

I have spent about 2 more hours on this. I initially had no data at all on https://analytics.google.com/analytics/web/?authuser=1#/p354125369/realtime/overview?params=_u..nav%3Dmaui&collectionId=life-cycle. I have made the changes up to the point where I would get coherent data in this dev environment. "Coherent" in the sense of matching how I navigate the docs. I don't see any issues anymore but who knows 🤷‍♂️.

---

From what I understand, we can't migrate the data from UA to GA4. I guess we can dual tag for 1 year until we have enough historical data to compare YoY https://webmasters.stackexchange.com/questions/135970/google-analytics-is-there-a-way-to-import-universal-analytics-property-data-in.

[alexfauquette]

They promise to keep UA data for 6 months: https://support.google.com/analytics/answer/11583528?hl=en

So to analyze data from one year to another it might be interesting to export them

[oliviertassinari]

Ok, so the sooner we dual collect the better. I have rebased the PR and did another small clean-up. From the quick test I did locally, navigating 3 pages:

the dashboard seems to update correctly, https://analytics.google.com/analytics/web/#/p354125369/realtime/overview