Draft: Update product analytics settings to match latest designs and copy
What does this MR do and why?
Follows on from Add instrumentation details to General -> Setti... (!117804 - merged)
Make product analytics instrumentation config match latest design and copy from #390109[general-settings-product-analytics.png]
Remove collapsable sections, combine ESM / CommonJS sections, tweak copy.
Also extract instrumentation instructions into standalone component for embedding into both the project settings page and the onboarding flow. This allows us to keep the top header / blurbs during the onboarding flow while showing just the details within the settings page.
Screenshots or screen recordings
How to set up and validate locally
Note: This feature has a lot of setup steps. If you need help please ask me or I can step through these during a call with you.
- Follow these instructions to setup Product Analytics in GDK.
- Create a new project.
- In the new project, view the Analytics > Dashboards
- Click on the Product Analytics
Set up
button. - Verify that the instrumentation instructions show as expected
and then
- View the project -> Settings -> General
- Expand "Product Analytics" section, and verify the instrumentation instructions show as expected.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #407126 (closed)