1.概观

本代码实验室是“加速移动页面基础”概念介绍的延续。在开始这个实验之前,您应该已经完成了前面的代码实验室,或者至少对AMP的核心概念有基本的了解。

在本代码实验室,你会学到AMP如何处理广告,分析,视频嵌入,社交媒体整合,图像轮播等。要实现这一点,你将在代码实验室的基础例子上通过各种AMP组件来添加这些功能。

你将学习

  • 通过amd-ad显示广告。

  • 嵌入YouTube视频,Twitter卡片和响应文本元素。

  • 使用amp-carouse构建带有图像和内容组合的轮播。

  • 简单的跟踪模式与amp分析。

  • 添加站点导航到您的网页的方法。

  • 字体如何和AMP一起工作。

你需要什么

  • 示例代码

  • Chrome浏览器(或等同的可以检查JavaScript控制台的浏览器)

  • Python(最好是2.7),或Chrome 200 OK Web服务器扩展

  • 代码编辑器(例如Atom, Sublime, Notepad++)

Last updated