Conditionally render GA4 metrics on SK dashboards

[aaemnnosttv]

Feature Description

---

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

Acceptance criteria

• When the ga4Reporting feature flag is enabled, the widgets on the SK dashboard should display their GA4 variants (created in previous issues) instead of UA components

Implementation Brief

• Using assets/js/modules/analytics/index.js,
  • Check if the ga4Reporting feature flag is enabled via the isFeatureEnabled function.
  • If the above is true, render
    • DashboardAllTrafficWidgetGA4 instead of DashboardAllTrafficWidget.
    • DashboardOverallPageMetricsWidgetGA4 instead of DashboardOverallPageMetricsWidget.
    • ModulePopularPagesWidgetGA4 instead of ModulePopularPagesWidget.
• Using assets/js/modules/search-console/index.js,
  • Render SearchFunnelWidgetGA instead of SearchFunnelWidget if ga4Reporting feature flag is enabled.

Test Coverage

• No new tests to be added.

QA Brief

• Configure Analytics with GA4 and enable ga4reporting.
• Check the SK Dashboard Widget. It should have the DashboardAllTrafficWidgetGA4, DashboardOverallPageMetricsWidgetGA4, ModulePopularPagesWidgetGA4, and SearchFunnelWidgetGA4 instead of the non-ga4 versions.

Changelog entry

• Update Analytics and Search Console widgets to use GA4 versions if the feature flag is enabled for the site.

[techanvil]

IB ✅

[eugene-manuilov]

@kuasha420, could you, please, add QAB?

[wpdarren]

QA Update: ✅

Verified:

• With ga4Reporting feature flag enabled
  • The DashboardAllTrafficWidgetGA4, DashboardOverallPageMetricsWidgetGA4, ModulePopularPagesWidgetGA4, and SearchFunnelWidgetGA4 appear on the main/entity dashboard instead of the non-ga4 versions.

For additional testing, I tested the view only dashboard to ensure that the same GA4 metrics were appearing with the feature flag enabled.

• With ga4Reporting feature flag disabled
  • The main/entity dashboard displays the non-ga4 versions.

Screenshots