Skip to content

Create Slim Homepage AB test & Most Viewed Front Right component#15430

Open
domlander wants to merge 1 commit intomainfrom
doml/slim-homepage-abtest-component
Open

Create Slim Homepage AB test & Most Viewed Front Right component#15430
domlander wants to merge 1 commit intomainfrom
doml/slim-homepage-abtest-component

Conversation

@domlander
Copy link
Contributor

@domlander domlander commented Feb 26, 2026

What does this change?

We will be running an AB test to render the Most Viewed and Deeply Read content in the right-hand side of fronts pages. This test will be limited to the UK network front on web, on screen sizes equal to or larger than 1140px (left-col and wide).

This PR does the following:

  • Creates the AB test
  • Creates the component that will be used in the right-hand side of the fronts page

A PR to implement the logic of rendering these component will follow.

Why?

We want to test whether clickthrough rate and session length improve if we adjust the front page to render these components higher up.

Screenshots

From Storybook

Screenshot 2026-02-26 at 11 20 41 Screenshot 2026-02-26 at 11 20 47

@domlander domlander force-pushed the doml/slim-homepage-abtest-component branch from 425a03b to 7215180 Compare February 26, 2026 11:18
@github-actions
Copy link

github-actions bot commented Feb 26, 2026

@domlander domlander changed the title Doml/slim homepage abtest component Create Slim Homepage AB test & Most Viewed Front Right component Feb 26, 2026
@domlander domlander self-assigned this Feb 26, 2026
@domlander domlander added run_chromatic Runs chromatic when label is applied fronts + curation maintenance Departmental tracking: maintenance work, not a fix or a feature labels Feb 26, 2026
@@ -0,0 +1,153 @@
import { css } from '@emotion/react';
Copy link
Contributor Author

@domlander domlander Feb 26, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Largely copied from MostViewedFooterItem.tsx

@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Feb 26, 2026
@domlander domlander force-pushed the doml/slim-homepage-abtest-component branch from 7215180 to 2719b83 Compare February 26, 2026 11:26
@domlander domlander added the run_chromatic Runs chromatic when label is applied label Feb 26, 2026
@domlander domlander marked this pull request as ready for review February 26, 2026 11:32
@domlander domlander requested a review from a team as a code owner February 26, 2026 11:32
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Feb 26, 2026
Copy link
Contributor

@abeddow91 abeddow91 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

fronts + curation maintenance Departmental tracking: maintenance work, not a fix or a feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants