План развития проекта AMP

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

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

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

What's next

Story ads - Await auto advance+CTA experiment results

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

What's Next

• additional monitoring for server services
• amp e2e use mjs files

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

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

What was accomplished

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

What's next

Story ads - auto advance+CTA experiment restarts next week

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

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

• 🚀 #37969

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

• ad loading experience in Story: Flash of white between video poster and video playback
• ✨ [Story interactive] Enable interactive disclaimer dialog
• 🐛 [Story performance] Disabling animations on initial page when first loaded
• amp-story-player: previous and next story buttons not visible in Safari
• [I2R] amp-video cache through amp-orig-src
• 🌐 [amp story shopping] i18n "reviews" string capitalization description
• ✨ [amp-animation] Adds a new attr that allows to override pan scaling factor.

What was accomplished

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

Lessons Learned

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)

What was accomplished

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

Lessons Learned

What's Next

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

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

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)

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

What's next

Amp monetization - Ads auto advance launch

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

What was accomplished

Lessons Learned

What's Next

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

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

What was accomplished

Story localization

• ✨ Use inlined JSONs for localization bundles #37836

Story attachment

• 🐛 Opening outlink error for closeButton being null #37833

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

What was accomplished

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

Story ads

What's next

Amp monetization - Ads auto advance launch

Story ads - Ads progress bar visual update

What was accomplished

Lessons Learned

What's Next

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

What's next

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

What was accomplished

Lessons Learned

What's Next

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

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

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

What's next

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

Story ads

What was accomplished

Lessons Learned

What's Next

What was accomplished

Performance

• 🧪 Lazy load share menu on desktop on-demand #37044
• 🚀 Disable animations on first page if story is transformed #37135
• ♻️ Extract performance service into variable #37137
• 🚀 Remove unused strings from localization bundles #37229
• 🚀 Remove share menu from main amp-story bundle #37235
• 🌐 Removed sound text localizations after removal from system layer #37218
• 🚀 Move share menu to separate bundle #37179

Pagination buttons

• 🐛 Pagination forward button visibility state #37098

Shopping

• Set active product data in store service #37013
• Optional product-tag-text for shopping tag #37105
• 🖍 Prevent shopping tag dot and image from shrinking #37149
• Currency i18n #37246

System layer icons

• 🖍 Replaced icons and styles #37122

Videos

• ✨ Added ACAO headers #37160

What's next

• Reduce bundle size further with more removal of page-attachment ui, localization strings, and CSS
• Work on shopping tags and attachment
• Make system layer more responsive, add CC icon and update "Ad" tag

What was accomplished

Amp monetization - Web interstitial implementation PR

Story ads - Ad badge overlapping with close button fix

What's next

Amp monetization - Incoming ad network integrations

Story ads - Discover more ways for publishers to monetize - Story ads meta analytics tag implementation

What was accomplished

• 🚀 Launched amp-story inlining css experiment.
• 🐛 Fix "latestVersion" bug in amp-toolbox.
• 🧪 Created tests for amp-toolbox AmpStoryCssTransformer in regards to LTS.
• 💅 Add TS to Core and Bento.
• 🚀 Migrated build system to esbuild.
• 🐛 Fixes for AMP LCP for various LCP issues in amp-analytics.

What's Next

• Manual testing for amp-geo experiment
• Amp cache url rewriting code in amp-toolbox
• Typechecking more Bento directories
• WASM Jolt prototype

What was accomplished

amp story shopping

• PLP template presentational structure and styling #36732
• 🐛 shopping CTA label fix #37502

Story analytics

• 📖 Use amp-story-share-menu for share analytics #37475
• ✅ Add test to check sharing happens with the right tag and eventType #37488

Amp story page attachment

• Refreshing page while attachment is open throws error. #37430

Story video

• ✨ Check if cache response contains audio #36283

Story performance

• 🚀 Remove interactive host styles #37472

amp story

• 🐛 Change toggleAttribute to set/removeAttribute #37420

What's next

• Shopping PLP and tags
• Amp story subscriptions (paywall)
• Performance

What was accomplished

Lessons Learned

What's Next

What was accomplished

• Fixed long outstanding bug where client id is missing on next page in viewer (#36984)
• Continue work on Bento refactor to update the class hierarchy for Bento & AMP components
• Continue work on React storybook tests

Lessons learned

What's next

• Build and publish @bentoproject/core
• Remove bento experiment flag
• Start Investigating bento-analytics, bento port of amp-analytics
• Finish React storybook tests

What was accomplished

Story performance

• 🚀 Move building share menu to share-menu.js #37209
• 🚀 Move open page attachment UI to extension #37278
• 🚀 Remove logging and development UI from the amp-story bundle #37279
• 🚀 Remove affiliate links #37280
• 🚀 Remove story access #37281

Story attachments

• 🐛 Fix attachment Firebase demos #37335

Story system layer

• 🖍 New ad badge #37311
• ⏪ Audio icon disappears when story has background audio #37314

amp story

• 🐛 Replay/next page button bug fix #37316

amp story shopping

• Currency i18n #37126

Story documentation

• 📖 Cleanup experiment descriptions #37290

Others

• Reduced area of amp-story-attachment #37234
• ❄️ Skipping failing test for viewer #37245

What's next

• Bad loading experience in Story: Flash of white between video poster and video playback #31358
• [Story video] Check if cache response contains audio #36283
• amp-story-player: previous and next story buttons not visible in Safari #37211

What was accomplished

Amp monetization - Web interstitial user experience discussion

Story ads - Ad badge overlapping with close button fix UX discussion - New analytics macro proposal: used for story ads
- Analyzed story ads apparent regression - amp-img server side rendering launched on Google transformer

What's next

Amp monetization

Story ads - Discover more ways for publishers to monetize - Story ads meta analytics tag implementation

What was accomplished

Lessons Learned

What's Next

What was accomplished

Amp monetization - Web interstitial implementation PR

Story ads - Decided: add story ads meta tags for analytics purposes - Investigated reported story ads bugs

What's next

Amp monetization - Web interstitial use storage review: for frequency capping - 3p iframe going to have a deterministic subdomain

Story ads - Discover more ways for publishers to monetize

What was accomplished

Lessons Learned

What's Next

What was accomplished

Amp monetization - amp-ad sticky ad query parameter fix and auto hiding fix for doubleclick - Reviewed proposals for Bento Google Ads

Story ads - Ads CTA missing investigation

What's next

Amp monetization - Web interstitial implementation - Ads transformer: experiment with amp-pixel server-side rendering removal

Story ads - Collect story metrics from traffic using Adsense/DoubleClick

What was accomplished

Lessons Learned

What's Next

What was accomplished

• move shared dependencies into bento.js
• e2e testing of bento standalone components
• preparation for bento launch
• refactoring stories templating to use JSX (instead of htmlFor() and other templating strategies)

Lessons learned

What's next

• release Bento (🎉)
• bentojs.dev + next.js app for documenting bento usage

What was accomplished

Story performance

• 🚀 Remove default translation and use english as default #36632
• 🚀 Rewrite styles only on desktop one-panel or bot rendering #36692
• 🚀 Remove media query matcher #36747

amp story shopping

• Scaffold component #36429
• Build shopping CTA #36697

amp story page advancement

• ♻️ handle clicks on drawer #36715

Story

• storyContentLoaded event doesn't fire when loading story on page index != 0 #36571

Others

• ✨ Add volume attribute to amp-video for use in amp-story-page #36693
• 🐛 Added back JS for vh #36719

What's next

• Continued work on the story shopping initiative
• Investigation of technical approaches for embedding stories
• Investigation of compatibility of amp-subscriptions in amp-story
• Investigation of performance and user experience improvements for initial page load