示例：横幅广告 - amp.dev

横幅广告
- 简介设置基本用法

简介

此示例演示如何实现简单的横幅 AMPHTML 广告。一般来说，AMPHTML 广告应该是一个有效的 AMP 文档。

该代码表示应该作为响应返回的主体，该响应是通过 amp-ad 组件或在任何其他上下文中想要返回 AMPHTML 广告时启动的。

此示例包含一个图像和一个渲染跟踪像素，它们分别使用 amp-img 和 amp-pixel 组件实现。

设置

作为任何其他 AMP 文档的一部分，我们导入规范的样板以使其成为有效的 AMP 文档。

<meta name="viewport" content="width=device-width">

基本用法

横幅广告的结构是带有指向广告商页面的超链接的图像。我们使用 amp-img 来显示广告素材的图像。

<a target="_blank"
   href="https://amp.org.cn/documentation/examples/style-layout/banner_ad/index.html">
  <amp-img src="https://amp.org.cn/static/samples/img/amp-300x250.jpg"
            width="300"
            height="250"
            layout="responsive"
            alt="a4a image"></amp-img>
</a>

我们包含一个跟踪像素来记录使用 amp-pixel 渲染的广告。

或者，可以使用 amp-analytics 来启用更全面的衡量活动。

<amp-pixel src="https://foo.com/pixel?RANDOM"></amp-pixel>

需要进一步解释吗？

如果此页面上的解释没有涵盖您的所有问题，请随时与其他 AMP 用户联系以讨论您的具体用例。

转到 Stack Overflow

无法解释的功能？

AMP 项目强烈鼓励您的参与和贡献！我们希望您成为我们开源社区的持续参与者，但我们也欢迎您针对您特别感兴趣的问题进行一次性贡献。

在 GitHub 上编辑示例

由 @sebastianbenz 编写