示例：横幅广告 - 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