ampproject / ampproject/amphtml

Story ads: move the ads badges to the bottom of the page

Open
#37,774 2 comments 0 reactions 1 assignee Claimed by @powerivq View on GitHub
INTENT TO IMPLEMENT Stale WG: monetization WG: stories
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Summary

This issue proposes to move the ad badge in story to the bottom of the page.

### Design Document

It's not a big change. See examples below:

After
Screen Shot 2022-02-16 at 11 28 37

Before
Screen Shot 2022-02-16 at 11 30 03

### Motivation

The top of the story page is unusually cluttered. The progress bar and the open source player's action buttons are placed on top. Currently, the ad badge overlaps with these buttons, making it very difficult to see. Therefore, we are rethinking holistically where the badge should be placed, and came up with this new design.

### Alternative Solutions

If we are not in favor, we may keep the existing design.

### Launch Tracker

_No response_

### Notifications

/cc @ampproject/wg-approvers @ampproject/wg-stories

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.