Skip to content

Set up in-article follow contributor block in opinion articles#15268

Open
aracho1 wants to merge 43 commits intomainfrom
new-follow-button-opinion-articles
Open

Set up in-article follow contributor block in opinion articles#15268
aracho1 wants to merge 43 commits intomainfrom
new-follow-button-opinion-articles

Conversation

@aracho1
Copy link
Contributor

@aracho1 aracho1 commented Feb 2, 2026 •
edited
Loading

What does this change?

  • Set up a new component that displays a contributor's avatar, name, bio, and a follow/notification button inline within article body content
  • Inject it after the 4th paragraph (at the end for articles shorter than 4 paragraphs) for Opinion articles on Apps
  • This is currently disabled and will be enabled behind a native side A/B test in a follow-up PR

Why?

To test that users are more likely to follow topics contextually than in the set up experience given they are already interested in topics

Screenshots

IOS (mobile / mobile dark mode / tablet)

Not Following Following (notification off) Following (notification on)
not-following-ios-mobile following-ios-mobile following-notification-ios-mobile
not-following-ios-mobile-dark following-ios-mobile-dark following-notification-ios-mobile-dark
not-following-ios-tablet following-ios-tablet following-notification-ios-tablet

@github-actions
Copy link

github-actions bot commented Feb 2, 2026 •
edited
Loading

Deploy build 24766 of dotcom:rendering-all to CODE

All deployment options

From guardian/actions-riff-raff.

@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from dbc528d to 84f13c1 Compare February 3, 2026 11:54
@github-actions
Copy link

github-actions bot commented Feb 3, 2026 •
edited
Loading

Deploy build 729 of dotcom:ab-testing to CODE

All deployment options

From guardian/actions-riff-raff.

@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from 84f13c1 to cc8049a Compare February 3, 2026 13:45
@frederickobrien frederickobrien mentioned this pull request Feb 10, 2026
Merged
@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from 3ff8571 to 1e9287b Compare February 10, 2026 15:36
aracho1 added 24 commits February 12, 2026 12:53
@aracho1
move the follow and notification buttons from top to bottom
f3adbf1
@aracho1
add bio and description to tag models
12fc9f5
@aracho1
implement new design
f5feecb
@aracho1
create a follow button wrapper with a pill variant
5fae777
@aracho1
set up contributor profile
c5bbae4
@aracho1
add to commentlayout
006693d
@aracho1
rename contributor profile name and component
8f66db4
@aracho1
fix storybook config
7648f34
@aracho1
fix lint issues
9c64e50
@aracho1
create a variant and update code
b1e3300
@aracho1
add thick border line below profile
8e1e5e6
@aracho1
add notification icon and update copy
449d884
@aracho1
rename files
4a57c1b
@aracho1
update the notification text to be non-button
0f13ff2
@aracho1
display contributor name in the notification button
30ed257
@aracho1
hide notification when not following
20a8272
@aracho1
tweak toggle button positioning and add straight line
bded4e2
@aracho1
insert after 4th para
345a4fc
@aracho1
delete old files and add a new storybook
1d65d5e
@aracho1
update use effect
ba92c92
@aracho1
separate out the new follow wrapper
75732f7
@aracho1
fix button from stretching
7616a08
@aracho1
use shared blocklist
4b27214
@aracho1
wrap island around the follow button
6d6053b
@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from f1c64ba to 68bd711 Compare February 12, 2026 12:55
@aracho1 aracho1 marked this pull request as ready for review February 12, 2026 13:02
@aracho1 aracho1 requested a review from a team as a code owner February 12, 2026 13:02
@github-actions
Copy link

github-actions bot commented Feb 12, 2026

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

@aracho1 aracho1 changed the title Apps follow button - Opinion articles Set up in article follow contributor block in opinion articles Feb 12, 2026
@aracho1 aracho1 changed the title Set up in article follow contributor block in opinion articles Set up in-article follow contributor block in opinion articles Feb 12, 2026
@aracho1 aracho1 added the feature Departmental tracking: work on a new feature label Feb 12, 2026
@aracho1 aracho1 mentioned this pull request Feb 12, 2026
Draft
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

feature Departmental tracking: work on a new feature

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@aracho1