Scroll to the Audiences Widget Area from the Setup Success Notice

[techanvil]

Feature Description

Clicking on the Setup Success Notice's "Show me" CTA should scroll to the Audiences Widget Area.

---

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

Acceptance criteria

• Upon clicking the "Show me" CTA on the Setup Success Notice, the page should scroll to the Audiences Widget Area, and the notice should be dismissed for the current user.

Implementation Brief

Note: see the IB for #8172, we may be able to refactor/reuse the corresponding code.

• Update the scrollToWidgetArea function in assets/js/modules/analytics-4/components/audience-segmentation/dashboard/AudienceSegmentationSetupSuccessSubtleNotification.js:
  

  site-kit-wp/assets/js/modules/analytics-4/components/audience-segmentation/dashboard/AudienceSegmentationSetupSuccessSubtleNotification.js

  Lines 65 to 70 in e12d144

  	function scrollToWidgetArea() {
  	dismissNotificationForUser();
  	// TODO: Scrolling to the widget area will be implemented in a subsequent issue.
  	}

  • Use getContextScrollTop to get the y offset for the class .googlesitekit-widget-area--mainDashboardTrafficAudienceSegmentation.
  • Use global.scrollTo with top set to the value of getContextScrollTop and the behaviour set to smooth.
  • Account for any layout shift due to the notification being dismissed with dismissNotificationForUser in this function.

Test Coverage

• No additional test coverage required.

QA Brief

• Turn on the audienceSegmentation feature flag from the tester plugin.
• Set up Site Kit with the Analytics module.
• In the Site Kit dashboard, click on "Enable groups" CTA in the Audience Segmentation setup CTA widget.
• Upon success, click on the "Show me" CTA in the setup success notification.
• Verify that you are scrolled to the audience widget area, and that the setup success notification is dismissed.

Changelog entry

• Scroll to the Audiences Widget Area when clicking the "Show me" CTA on the Setup Success Notice that is shown when the Audience Segmentation feature has been set up.

[benbowler]

I created an IB, should we consider dismissing the notification after the user clicks "Show Me"?

[techanvil]

Thanks @benbowler, yes, the intention is to dismiss the notification as well (i.e. maintain the current behaviour). I've updated the AC to make it clearer.

IB ✅

[kelvinballoo]

QA Update ✅

Upon clicking the "Show me" CTA on the Setup Success Notice, the page scrolls to the Audiences Widget Area, and the notice is dismissed for the current user.

Moving ticket to Approval.

Desktop test:

8874.-.Test.success.mov

Mobile test:

RPReplay_Final1726600586.MP4