Create GA4 AdminBarSessions

[aaemnnosttv]

Feature Description

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• A new component AdminBarSessionsGA4 should be created based on the existing AdminBarSessions
• The component should source its report data from the analytics-4 store
  • See here for a table of equivalent metrics for GA4
• No changes should be made in the dashboard yet
• Storybook stories should be added to cover the following cases (with and without a current entity URL set: example):
  • Loading
  • Gathering data ("Data unavailable")
  • Zero data (data available but metric is 0)
  • Error
  • Ready (data available and non-zero)

Implementation Brief

• Once Add getReport selector for GA4 #6173 and Introduce factory for Analytics 4 response mock data #6174 have been merged.
• Create assets/js/components/adminbar/AdminBarSessionsGA4.js which exports the AdminBarSessionsGA4 functional component. It should be similar to the one in assets/js/components/adminbar/AdminBarSessions.js but with the following changes:
  • Replace occurrences of the Analytics data store (MODULES_ANALYTICS) by the GA4 Analytics data store (MODULES_ANALYTICS_4).
  • Replace the metrics and dimensions by their GA4 counterparts as per the doc here and the migration guide here, including the metric names.
• Create assets/js/components/adminbar/AdminBarSessionsGA4.stories.js, which should have the following stories:
  • Refer to the AC for the different stories to be added.
  • Make use of the Analytics 4 response mock data added from Introduce factory for Analytics 4 response mock data #6174.

Test Coverage

• No new tests are to be added.

QA Brief

• This is currently only testable in Storybook.
• Check the stories under VIEWS > AdminBarApp > AdminBarSessionsGA4. These should be broadly in line with the existing UA version under VIEWS > AdminBarApp > AdminBarSessions, except with the following additional stories:
  • Loading
  • Error
• PR Storybook (will be deleted when merged to develop).
• develop Storybook.
• main Storybook.

Screenshots

Changelog entry

• Create Google Analytics 4 version of the AdminBarSessions widget.

[techanvil]

IB ✅

[mohitwp]

QA Update ⚠️

@hussain-t In existing UA Story title is "Total Sessions" and for GA4 it is "Sessions" only. I'm not able to found any related reference in See here for a table of equivalent metrics for GA4 doc. Did we change title for GA4 AdminBarSessions ?

[hussain-t]

Thanks for raising this, @mohitwp. I changed it to Sessions as per the Google migration docs field name:

However, it should be kept the same since it wasn't in the design docs. I will make sure to create a follow-up PR to address it shortly.

[mohitwp]

QA Update ✅

• Tested Storybook.

• Compared AdminBarSessionsGA4 with AdminBarSessions.

• Issue reported above now resolved.

• Added storybook for below cases.

  • Loading
  • Gathering data ("Data unavailable")
  • Zero data (data available but metric is 0)
  • Error
  • Ready (data available and non-zero)