== Background
- We would like to explore recommendations in a few different places on the page, including alongside articles. One of the things we want to explore is reusing the current extension to
== User story
- As a product team, we want the ability to test more recommendation features in a lightweight way, so we can learn quicker
== Requirements
[] No changes must be seen by end user while we're building out this functionality. Deployment will be handled separately.
[] At lower screen resolutions it does not show at all.
[] the menu cannot be pinned and is always shown
[] For long titles limit to 2 lines.
[] Build feature as per requirement using MoreLike API. The cards shown should be identically sourced to the empty search experiment.
[] Instrumentation for recommendations alongside articles must be as follows:
- We want to detect whether clicks come from people using browser extension or not
- We want to count the number of clicks on recommendations on the side of the article
- Instrumentation should be distinguishable from the previous experiment - previously we used experiment.emptySearch use experiment.sidebar
### Requirement
The recommendation feature should display alongside articles. The feature should not be visible to end users during its development. Once deployed, it must not display at lower screen resolutions, and the menu for recommendations should always be visible and unpinned. Long titles within the recommendations should be limited to two lines. Additionally, the feature must include instrumentation to track clicks on the recommendations, distinguishing whether they come from browser extension users, using the `experiment.sidebar` event name for tracking.
### BDD
```
Feature: Recommendations Alongside Articles
Scenario: Recommendations do not display at lower resolutions
Given the user views a page at a lower screen resolution
When the page is loaded
Then recommendations should not be shown
Scenario: Recommendation titles are limited to two lines
Given a recommendation has a long title
When the recommendation is displayed
Then the title should be limited to two lines
Scenario: Track clicks on recommendations
Given the user clicks on a recommendation alongside an article
When the click is recorded
Then the click should be tracked using the `experiment.sidebar` event name
And the instrumentation should detect whether the click came from a browser extension user
```
### Test Steps
__Test Case 1: Verify Recommendations Do Not Show at Lower Resolutions__
1. Adjust the screen resolution to a lower setting.
2. **AC1:** Confirm that recommendations alongside articles do not display.
__Test Case 2: Verify Long Titles are Limited to Two Lines__
1. Visit a page with recommendations that have long titles.
2. **AC2:** Confirm that long titles are limited to two lines.
__Test Case 3: Verify Click Tracking on Recommendations__
1. Click on a recommendation alongside an article.
2. **AC3:** Confirm that the click is tracked using the `experiment.sidebar` event name.
3. **AC4:** Confirm that the instrumentation can detect if the click came from a browser extension user.
== Design
{F57461539}
== Acceptance criteria
- Complete all requirements
- Flag any unknowns and ask appropriate stakeholders
- Set up ticket for launching experiment
== Communication criteria - does this need an announcement or discussion?
- Another survey perhaps
== Rollback plan
- What is the rollback plan in production for this task if something goes wrong?
//This task was created by Version 1.2.0 of the [[ https://mediawiki.org/w/index.php?title=Reading/Web/Request_process | Web team task template ]] using [[ https://phabulous.toolforge.org/ | phabulous ]] //