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