AMP

Lộ trình cho Dự án AMP

The ongoing development of AMP is conducted in working groups, each with knowledge or interest in a specific area of AMP.

To make their work visible to the community all groups provide regular status updates with details of what they have accomplished and what's up next.

All of the updates listed here are available as issues on GitHub and we'd love you to join the conversation there!

Select working groups

Stories

Status Update Mon Aug 01 2022

What was accomplished

AMP Story Paywall

  • 📖 amp-story-subscriptions documentation #38179
  • ✨ Validator changes to launch amp-story-subscriptions #38194

Story analytics

  • ✨ Added previous page index #38289

Story videocache

  • 🐛 Video cache doesn't add crossorigin attribute to video element #38222
  • 🔥 Apply hasAudio flag behind experiment #38285

Story localization

  • 🚀 Removed localization strings from js #38280
All details on GitHub

Story video

  • 🐛 Prerendered video unmounted fails to play #38263
  • 🐛 Prerendered video unmounted fails to play #38264

Story bodymoving

  • ✨ Support amp-bodymovin-animation on amp-story-grid-layer #38239

Story mediapool

  • 🔥 Fix videos from mediapool with noaudio don't have audio when reused. #38216

Others

  • Bad loading experience in Story: Flash of white between video poster and video playback #31358

What's next

All details on GitHub

Monetization

Status Update Mon May 09 2022

What was accomplished

Amp monetization - 2 new ad network integrations - Google ads now having top sticky ads launched

Story ads - New round of auto ad+CTA experiment being launched - New CTA button option being tested - Progress bar overflow bug fixed - Story ads click rate decrease investigation

All details on GitHub

What's next

Story ads - Await auto advance+CTA experiment results

All details on GitHub

Performance

Status Update Mon May 09 2022

What was accomplished

  • Finished work on new render blocking font loading
  • Written design document for version locking alternate binaries (such as ones without css in the JS binary)

Lessons Learned

All details on GitHub

What's Next

  • additional monitoring for server services
  • amp e2e use mjs files
All details on GitHub

Stories

Status Update Mon May 02 2022

What was accomplished

Story Preview

  • ✨ Allow all story pages and grid layers to be rendered in preview mode #38030
  • ✨ Enable stories to play when in preview mode #38121
  • 🐛 Enable amp-video to play in preview mode #38149

amp story 360

  • 🐛 Remove GL context handling #38144

Amp story captions

  • Allow Players to get/set the captions state #37898
  • Render video captions with amp-story-captions when in an amp-story doc and served from cache #37899
  • Implement default, overridable CSS #37900
  • ✨ style-preset attribute with styles #37967
  • ✨ get and set captions state from viewer #38009

i18n

  • Do not use concatenation in localizable UI strings #38060

amp story shopping

  • 📖 documentation #37987
  • 🌐 i18n "reviews" string capitalization description #38032
  • 📖 CTA casing in docs. Remove "draft" from doc metadata. #38119
All details on GitHub

amp-story-shopping

  • Allow for a custom cta #38080
  • Make call to action case consistent #38082

Story attachment

  • 🐛 Fix cta-image=none showing link icon #38109

Story system-layer

  • ✨ Add CC Icon that toggles captions #37884

amp-animation

  • ✨ Adds a new attr that allows to override pan scaling factor. #37965

Others

  • amp-story-cta-layer I2D #34450
  • 🚀 amp-story: Use Services.urlForDoc instead of util functions #38026
  • 🐛 amp-story-shopping does not display CTA if all tags are invalid and Fixes remote shopping data loading on refresh with page attachment open #38035
  • 🌐 amp story shopping "Shop now" CTA casing #38096
  • 🧪 Experiment: story auto advance and new cta button #38097
  • 🐛 Move directories of md files for broken links (story-shopping, story-page-attachment, story-page-outlink) #38134
  • Added the possibility to get page count to the story messaging api #38170

What's next

  • amp story captions update docs #38146
  • amp-video cache through amp-orig-src #37425
  • Bad loading experience in Story: Flash of white between video poster and video playback #31358
All details on GitHub

Monetization

Status Update Mon May 02 2022

What was accomplished

Story ads - Fixed the issue that the progress bar appears while seeing ads

All details on GitHub

What's next

Story ads - auto advance+CTA experiment restarts next week

All details on GitHub

Stories

Status Update Fri Apr 08 2022

What was accomplished

amp-animation

  • ✨ Adds a new attr that allows to override pan scaling factor. #37965

Story performance

  • Not load all page attachment images when loading story #35534
  • Lazy-load non-critical extensions #37680
  • 🚀 Fix CLS caused from AMP runtime CSS showing story before amp-story.css #37990

Story animations

  • 🐛 Center vertical panning #38017

amp-story-shopping

  • Add productDescription to all templates and max length #37993

amp story captions

  • 🐛 Close voice tags in example html .vtt files #37977

Page Attachments

  • 🚀 Ensure that the page attachment container is not inadvertently rendered by the AMP Resources manager #37961
  • 🖍 Add the 'Read more' string for translation #37991
All details on GitHub

amp story shopping

  • documentation #37894
  • ♻️ Change "vendor" to "brand" #37958

amp story page attachment

  • 🐛 add path metadata docs #37988

AMP Story Paywall

  • ✨ Handles grant status and show/hide paywall dialog in amp-story-subscriptions #37892

Story analytics

  • 🐛 Fix prerender analytics not firing #37975

Story localization

Others

  • ♻️ Story: refactor to treat story ad pages as story pages #37940
  • 🚀 amp-story: Use Services.urlForDoc instead of util functions #38026

What's next

All details on GitHub

Performance

Status Update Sat Apr 02 2022

What was accomplished

  • created document for render blocking font loading
  • added render blocking font loading classes (to be reviewed)

Lessons Learned

All details on GitHub

What's Next

  • additional monitoring for server services
  • amp e2e use mjs files
  • design document for version locking alternate binaries (such as ones without css in the JS binary)
All details on GitHub

Performance

Status Update Fri Apr 01 2022

What was accomplished

  • amp story translations server changes design document
  • amp-story request transformer changes to handle translation language fallback

Lessons Learned

All details on GitHub

What's Next

  • amp e2e use mjs files
  • design document for version locking alternate binaries (such as ones without css in the JS binary)
All details on GitHub

Stories

Status Update Wed Mar 02 2022

What was accomplished

amp story page attachment

  • CTA tab-able inline CTA #37933

video cache

  • ✨ Append captions track from cache response #37893

Story localization

  • ✨ Fetch strings for localization files if in experiment #37843
  • ✨ Localize system layer async #37870

Story performance

  • 🚀 Remove FOUT on font loading of amp-story-education #37928
  • 🚀 Remove CLS from system layer when adding buttons #37929
  • 🚀 Set disabled animation on first page to 1 #37157
All details on GitHub

Observable

  • ✨ Make observable safe to remove handler while firing. #37887

Story system-layer

  • 🚮 Removing unused storyHasAudio state property #37220

amp story shopping

  • Remove multi line border radius code #37808
  • ✨ Change productBrand to productVendor and make it optional #37897

What's next

  • Launch amp-story-shopping (analytics, validation & documentation)
  • amp-story-captions (customizable CSS with smart default, automatically use amp-story-captions component)
All details on GitHub

Monetization

Status Update Wed Mar 02 2022

What was accomplished

Amp monetization - Added synchronous UACH macro for amp-ad-exit use - Analysis of top sticky ads metrics

Story ads - Refactoring story pages to include ad pages - Analyzing a regression happened on story ads performance

All details on GitHub

What's next

Amp monetization - Ads auto advance launch

Story ads - Ads progress bar visual update - Different ads performance analysis

All details on GitHub

Performance

Status Update Wed Mar 02 2022

What was accomplished

Lessons Learned

All details on GitHub

User Interface & Accessibility

Status Update Tue Mar 01 2022

What was accomplished

Alan * OOO This sprint

Beck * Presented Bento resize guard at design review

Dhruv * Investigated changes required for amp-analytics to be compatible with GA4 * Investigated bug relating to amp-img and amp-render

Keshav * Maintainance work on tests, such as remap dependencies, enhancements to standalone unit tests and e2e tests

William * Worked with formidable on their porting of bento PRS

Lessons learned

All details on GitHub

What's next

  • Implement bento resize guard
  • Launch mustache support for bento date display and date countdown web components
  • Upgrade mustache in third_part/
  • Continue to enhance testing
All details on GitHub

Stories

Status Update Tue Mar 01 2022

What was accomplished

Story localization

  • ✨ Use inlined JSONs for localization bundles #37836

Story attachment

  • 🐛 Opening outlink error for closeButton being null #37833
All details on GitHub

amp story shopping

  • PDP Details section open / closing state setting #37763
  • Support newlines in productDescription #37787
  • 🖍 Border radius on single image in RTL #37803
  • ✨ Optionally render rating #37805
  • Error when loading story on page that uses remote data #37749

What's next

  • Shipping the shopping components
  • Finish story subscriptions component
  • Lazy load localization strings
All details on GitHub

Monetization

Status Update Tue Mar 01 2022

What was accomplished

Amp monetization - Fixed a Google Ads issue breaking ads' FIE rendering - Auto advance launch experiment data analysis

Story ads

All details on GitHub

What's next

Amp monetization - Ads auto advance launch

Story ads - Ads progress bar visual update

All details on GitHub

Performance

Status Update Tue Mar 01 2022

What was accomplished

Lessons Learned

All details on GitHub

Monetization

Status Update Wed Feb 02 2022

What was accomplished

Amp monetization - Auto ads to allow vendors to modify remote ads config - Fix viewer and top sticky ads conflict: now the ads will show below the anchor

Story ads - Ad badge and icon position update PR

All details on GitHub

What's next

Story ads - New design: Move the ad badge to bottom - Auto advance launch - Ads progress bar visual update

All details on GitHub

Performance

Status Update Wed Feb 02 2022

What was accomplished

Lessons Learned

All details on GitHub

Stories

Status Update Tue Feb 01 2022

What was accomplished

Story video

  • 🚀 Use the inlined video response instead of issuing an XHR request, for the 1st video of the 1st web story page #37499

Story documentation

  • 📖 Fix page attachment docs location #37669

amp story page attachment

  • 🖍️ Box shadow on header #37579
  • 🐛 fix attribute typo on CTA active toggle #37633
All details on GitHub

amp story shopping

  • Product tag functionality #36734
  • Attachment template logic #36735
  • PLP template logic #36736
  • PDP template logic #36738
  • PDP carousel #37091
  • 🐛 Do not render shopping CTA if no shopping tags are on the page #37503
  • ✅ Move i18n CTA label logic into shopping-attachment component #37515
  • ♻️ Rename tag-id to product-id #37527

Others

  • 🖍 Added shopping tag flip on too far position to the right #37195
  • ✨added camelCase to amp-story-shoppping component #37533
  • 🐛 amp-story-shopping Added correct margins for RTL mode #37568

What's next

  • Shopping Dev Preview
  • Amp story subscriptions (paywall)
  • Performance
All details on GitHub

Monetization

Status Update Tue Feb 01 2022

What was accomplished

Amp monetization - Vendor config updates

Story ads - Ad badge and icon position update - New analytics macro update: experiment started - Auto advance launch starting

All details on GitHub

What's next

Amp monetization - Fix the top sticky ads/viewer banner conflict issue

Story ads

All details on GitHub

Performance

Status Update Tue Feb 01 2022

What was accomplished

Lessons Learned

All details on GitHub

What's Next