视频改进
我们都经历过这样的情况,即我们想同时观看视频和相关说明。好的示例是包含说明的食谱视频,或包含其转录的视频。dock 属性在 <amp-video> 上现在支持在用户滚动时将视频最小化到视口的角落。开发人员还可以自定义视频停靠的位置和方式。
我们还推出了 <amp-video-iframe>,它允许开发人员包含一个自定义构建的视频播放器,该播放器将获取 AMP 视频界面 中可用的所有功能(例如自动播放、停靠等)。
Tasty.co 为其 视频食谱 使用 <amp-video-iframe>。他们的自定义播放器在预定义的开始时间和结束时间之间循环播放视频。这允许他们仅通过在每个食谱中查找视频的相关片段,为不同的食谱使用一个视频。
通过 <amp-list> 提高参与度并更好地调整大小
<amp-list> 现在还允许开发人员指定他们希望容器在何时在用户交互时调整大小,例如,当 <amp-list> 包含用户点击的 <amp-accordion> 时。
此外,我们正在实验性地为该组件添加无限滚动功能,因此当用户到达项目列表(搜索结果、产品卡片等)的末尾时,该列表会填充更多项目。特别感谢 Pinterest 团队的 Chris Papazian 启动了这项工作。AMP UI 工作组从 Chris 的初始工作中汲取了这项工作,并很高兴看到此功能在 AMP 中启用,以帮助发布商提高参与度!
表单中的输入屏蔽
为了帮助使填写表单的任务变得更容易,我们启用了输入屏蔽。这允许开发人员添加空格和插入字符之类的格式,这有助于用户更有效地填写表单。日期、付款详细信息和电话号码都是可以从输入屏蔽中受益的输入的绝佳示例。
<amp-lightbox-gallery> 中的更好过渡
AMP UI 工作组还一直在改进已发布的组件,以创造更令人愉悦的最终用户体验。一个这样的示例是改进了所有从灯箱模式进入和离开的图像的过渡。这是一个难以解决的问题,因为它涉及在两个不同位置和大小的图像之间进行插值。您可以访问我们的开源动画项目以获取更多详细信息。敬请期待一篇技术博客文章,其中分享了对这项工作的更多见解。
<amp-consent> 现在支持第三方集成
几个月前,我们在 AMP 中推出了<amp-consent>,以简化发布商如何在 AMP 页面上收集数据收集用户同意。许多发布商依赖第三方同意管理平台(CMP)与他们的网页集成,以管理不同供应商之间的同意状态。AMP 现在允许 CMP 轻松与 AMP 集成。如果您是发布商,您还可以内联配置,允许您在 AMP 中显示您自己的同意 UI。如果您是 CMP,您可以在此处找到集成说明。
<amp-ima-video> 的增强功能
<amp-ima-video> 组件提供了一种简单的方法,可以使用支持 IMA SDK 的任何视频广告网络中的视频广告来获利发布商视频。非常感谢在 Buzzfeed 工作的工程师 Rebecca Close,她为 AMP 项目做出了以下更新的贡献并进行了测试
最好的其他功能
- <amp-date-display> 组件以各种日期格式和不同语言环境呈现日期信息。新闻生态系统是一个很好的用例,用户可以在当地时间查看文章的发布日期。
- 当与 Google Ad Manager 广告实现结合使用时,AMP Stories 现在支持实时配置,允许您使用其他定位信息增强广告请求。
值得关注的即将推出的功能
以下是 AMP 团队一直在致力于的一些事项
- AMP 中用于自动完成的专用组件。如果您有任何想法,请在此处提交反馈此处。
- 我们希望在未来几个月内推出的全新轮播体验。
- 一个易于部署的 AMP 服务工作程序库。您可以在其 GitHub 存储库中了解有关它的更多信息。
- 一个帮助开发者在 AMP 文档中集成 reCaptcha v3 的组件。有关更多详细信息,请参阅GitHub 问题。
- 我们对 AMP Stories 进行了多项更新,包括支持前 80% 的链接、汉堡包菜单、按住暂停、新的桌面 UI 和附件。敬请期待我们很快发布的包含更新的完整帖子。
* * *
感谢 AMP 开发社区的工作和反馈。一如既往,如果您有任何问题或功能请求,请告诉我们。
由 Google 的 AMP 项目产品经理 Naina Raisinghani 发布